@extends('layouts.admin')

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

@section('content')
<div class="row">
    <div class="col-sm-12">
        <h4 class="page-title">Album > Modifier {{ $album->titre }}</h4>
    </div>
</div>

<div class="row">
    <div class="col-md-8 offset-md-2">
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
        @endif
    </div>
</div>

{!! Form::model($album, ['method' => 'PUT', "url" => route('admin-cnp.photos.update', $album)]) !!}
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label>Titre <span class="text-danger">*</span></label>
                        {!! Form::text('titre', null, ["class" => "form-control", "required"]) !!}
                        @if ($errors->has('titre'))
                            <span class="text-danger">
                                <small class="text-danger">{{ $errors->first('titre') }}</small>
                            </span>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8 offset-md-2">
            <button type="submit" class="btn btn-primary submit-btn">Modifier</button>
        </div>
    </div>
{!! Form::close() !!}

<div class="row">
    <div class="col-md-8 offset-md-2 m-t-20">
        <div 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) }}">  --}}
                    <div>
                        <img class="img-thumbnail" src="{{ asset('images/albums/'.$_photo->name) }}" alt="" >
                    </div>
                    {{--  </a>  --}}
                    <div>
                        <a href="#!" class=""
                            onclick="if (confirm('Etes-vous sûr de vouloir supprimer cet élément ?')) {
                                event.preventDefault(); document.getElementById('{{ 'album'.$_photo->id }}').submit();
                            }" >
                            <i class="fa fa-times fa-lg text-danger m-r-5"></i> Supprimer
                        </a>
                        {!! Form::model($_photo, ['method' => 'DELETE', 'id'=>'album'.$_photo->id, "url" => route('admin-cnp.photo.destroy', $_photo)]) !!}
                            @csrf
                        {!! Form::close() !!}
                    </div>
                </div>
            @empty
                <li>{{"Pas encore de photos"}}</li>
            @endforelse
        </div>
    </div>
</div>


<div class="row">
        <div class="col-lg-8 offset-lg-2">
            {!! Form::model($album, ['method' => 'POST', 'enctype' => "multipart/form-data", "url" => route('admin-cnp.photo.add', $album)]) !!}
                <h3 class="page-title">Ajouter des photos</h3>
    
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label>Images <span class="text-danger">*</span></label>
                            <input type="file" name="images[]" class="form-control" multiple required>
                            @if ($errors->has('images.*'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('images.*') }}</small>
                                </span>
                            @endif
                            @if ($errors->has('images'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('images') }}</small>
                                </span>
                            @endif
                        </div>
                    </div>
                </div>
    
                <div class="row">
                    <div class="col-sm-12 text-center m-t-20">
                        <button type="submit" class="btn btn-primary submit-btn">Ajouter</button>
                    </div>
                </div>
            {!! Form::close() !!}
        </div>
    </div>
@endsection