@extends('guest.layout')

@section('content')
<section class="page-title page-title-4 bg-secondary">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h3 class="uppercase mb0">Présentation</h3>
            </div>
            <div class="col-md-6 text-right">
                <ol class="breadcrumb breadcrumb-2">
                    <li>
                        <a href="{{url('/')}}">Accueil</a>
                    </li>
                    <li class="active">Présentation</li>
                </ol>
            </div>
        </div>
    </div>
    @hasanyrole('Admin|Publisher')
        <span class="editCorner">
            <a href="{{ url('/admin/presentation/create') }}" class="btn btn-sm btn-filled"><i class="fa fa-plus" aria-hidden="true"></i> Ajouter</a>
        </span>
    @endhasanyrole
</section>
@foreach($presentations as $presentation)
<section class="image-square {{$presentation->position%2==0?'left':'right'}}" id="{!!$presentation->id!!}">
    @hasanyrole('Admin|Publisher')
        <span class="editCorner">
            <a href="{{ url('/admin/presentation/'.$presentation->id.'/edit') }}" class="btn btn-sm btn-filled-edit"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Modifier</a>
        </span>
    @endhasanyrole
    <div class="col-md-6 image">
        <div class="background-image-holder">
            @if($presentation->hasMedia('presentation_gallery'))
            {!! $presentation->getFirstMedia('presentation_gallery')->img('', ['class'=>'background-image']) !!}
            @else
            <img src="{{ asset('images/actualite.jpg') }}" class="background-image" alt="">
            @endif
        </div>
    </div>
    <div class="col-md-6 {{$presentation->position%2==0?'col-md-offset-1':''}} content">
        <h3>{!!$presentation->title!!}</h3>
        <p class="mb0">
            {!!$presentation->wysiwyg!!}
        </p>
    </div>
</section>
@endforeach
@endsection