@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">Galleries</h3>
            </div>
            <div class="col-md-6 text-right">
                <ol class="breadcrumb breadcrumb-2">
                    <li>
                        <a href="{{url('/')}}">Accueil</a>
                    </li>
                    <li class="active">Galleries</li>
                </ol>
            </div>
        </div>
    </div>
    @hasanyrole('Admin|Publisher')
        <span class="editCorner">
            <a href="{{ url('/admin/gallery/create') }}" class="btn btn-sm btn-filled"><i class="fa fa-plus" aria-hidden="true"></i> Ajouter</a>
        </span>
    @endhasanyrole
</section>

<section class="projects">
    <div class="container">
        <div class="masonry-loader mt64">
            <div class="col-sm-12 text-center">
                <div class="spinner"></div>
            </div>
        </div>
        <div class="row masonry masonryFlyIn">
            @foreach($galleries as $gallery)
            <div class="{{$galleries_count==12?'col-md-offset-3 ' : ''}} col-sm-{{$galleries_count}} masonry-item project" data-filter="">
                <div class="image-tile hover-tile text-center">
                    @if($gallery->hasMedia('cover_gallery'))
                    <a href="{{ url('gallery/' . $gallery->id) }}">
                        {!! $gallery->getFirstMedia('cover_gallery')->img('', ['class'=>'background-image']) !!}
                    </a>
                    @else
                    <a href="{{ url('gallery/' . $gallery->id) }}">
                        <img src="{{ asset('images/actualite.jpg') }}" class="background-image" alt="">
                    </a>
                    @endif
                    <div class="hover-state">
                        <a href="{{ url('gallery/' . $gallery->id) }}">
                            <h3 class="uppercase mb8">{{$gallery->title}}</h3>
                        </a>
                    </div>
                    @hasanyrole('Admin|Publisher')
                        <span class="editCorner">
                            <a href="{{ url('/admin/gallery/'.$gallery->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>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endsection

@section('head')
    <style>
        a {
            color: inherit;
            text-decoration: none;
        }
        a:hover
        {
            color:inherit;
            text-decoration:none;
            cursor:pointer;
        }
    </style>
@endsection