@extends('layouts.admin')

@section('title', $album->titre)

@section('content')
<div class="row">
    <div class="col-sm-8">
        <h4 class="page-title">Album > {{ $album->titre }}</h4>
    </div>
    <div class="col-sm-4 text-right m-b-20">
        <a href="#!" class="btn btn-danger btn-sm float-right btn-rounded"
            onclick="if (confirm('Etes-vous sûr de vouloir supprimer cet élément ?')) {
                event.preventDefault(); document.getElementById('{{ 'album'.$album->id }}').submit();
            }" >
            <i class="fa fa-trash"></i>
        </a>
        {!! Form::model($album, ['method' => 'DELETE', 'id'=>'album'.$album->id, "url" => route('admin-cnp.photos.destroy', $album)]) !!}
            @csrf
        {!! Form::close() !!}
        <a href="{{ route('admin-cnp.photos.edit', $album) }}" class="btn btn-primary btn-sm float-right btn-rounded mr-1">
            <i class="fa fa-edit"></i>
        </a>
    </div>
</div>

<div id="lightgallery" class="row">
    @forelse ($photos as $photo)
    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 m-b-20">
        <a href="{{ asset('images/albums/'.$photo->name) }}">
            <img class="img-thumbnail" src="{{ asset('images/albums/'.$photo->name) }}" alt="">
        </a>
    </div>
    @empty
        <li>{{"Pas encore de photos"}}</li>
    @endforelse
</div>
@endsection

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('cnp-admin/css/lightgallery.min.css') }}">
@endsection

@section('script')
    <script src="{{ asset('cnp-admin/js/lightgallery-all.min.js') }}"></script>
@endsection