@extends('front.layouts.app')

@section('title',$motion->name)

@section('content')
    <!--== Start Page Title Area ==-->
    <x-title image="assets/img/mouv.jpg" page="{{$motion->name}}"/>
    <!--== End Page Title Area ==-->

    @push('css')
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
    @endpush


    <div class="container bootstrap snippets bootdey default-padding bottom-less">
        <div class="row">
            <div class="profile-nav col-md-12">
                <div class="panel">
                    <div class="user-heading round">
                        <a href="#">
                            <img src="{{asset($motion->getFirstMediaUrl('motion-img'))}}" alt="">
                        </a>
                        <h1>{{$motion->name}}</h1>
                    </div>
                </div>
                <div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="bio-chart">
                                        <div style="display:inline;width:100px;height:100px;">
                                            @if(empty($motion->getFirstMediaUrl('chap-1')))
                                                <img src="{{asset('assets/img/priest.png')}}" width="120px" height="120px" alt="">
                                            @else
                                                <img width="120px" height="120px" src="{{asset($motion->getFirstMediaUrl('chap-&'))}}" alt="">
                                            @endempty
                                        </div>
                                    </div>
                                    <div class="bio-desk">
                                        <h4 class="red">{{$motion->chaplain1}}</h4>
                                        <p class="bold">Aumônier national</p>
                                        <p class="bold">Tel : {{$motion->tel1}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="bio-chart">
                                        <div style="display:inline;width:100px;height:100px;">
                                            @if(empty($motion->getFirstMediaUrl('chap-2')))
                                                <img src="{{asset('assets/img/priest.png')}}" width="120px" height="120px" alt="">
                                            @else
                                                <img width="120px" height="120px" src="{{asset($motion->getFirstMediaUrl('chap-2'))}}" alt="">
                                            @endempty
                                        </div>
                                    </div>
                                    <div class="bio-desk">
                                        <h4 class="terques">{{$motion->chaplain2}}</h4>
                                        <p>Aumônier Diocésain</p>
                                        <p>Tel : {{$motion->tel2}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="profile-info col-md-12">
                <div class="panel">
                    <div class="bio-graph-heading">
                        <h2 class="text-uppercase">Histoire du mouvement</h2>
                        {{$motion->description}}
                    </div>
                </div>

            </div>
        </div>
    </div>

@endsection