@extends('admin/_.app')


@section('content')
<div class="container-fluid">
    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
      <h1 class="h3 mb-0 text-gray-800"></h1>
      <a href="{{ route('admin.photoLibrary.all') }}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm">
        <i class="fas fa-arrow-left fa-sm text-white-50"></i></a>
    </div>


    <div class="card shadow mb-4">
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <img class="img" src="{{ $photoLibrary->getImg() }}" alt="">
                    <hr>
                    <form class="ess-form-checked" autocomplete="off" method="post" action="{{ route('admin.photoLibrary.update') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="photoLibraryId" value="{{ $photoLibrary->id }}">

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Titre *</label>
                                    <input type="text" class="form-control ess-is-required" name="title"
                                    data-msg="Veuiller renseigner le titre" value="{{ $photoLibrary->title }}">
                                </div>
                            </div>
                            <div class="col-md">
                                <div class="form-group">
                                    <label>Description *</label>
                                    <textarea name="description" class="form-control ess-is-required" rows="2"
                                    ata-msg="Veuiller renseigner la description">{{ $photoLibrary->description }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="exampleFormControlSelect1">Etat</label>
                            <select class="form-control ess-select2 " name="enabled">
                                <option value="1"
                                    {{ $photoLibrary->enabled==1 ? 'selected="selected"' : "" }}>
                                    Actif
                                </option>
                                <option value="0"
                                    {{ $photoLibrary->enabled==0 ? 'selected="selected"' : "" }}>
                                    Inactif
                                </option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Image Principale *</label>
                            <input type="file" class="form-control" name="img" accept="image/*">
                        </div>

                        <div><small>* Obligatoire</small></div>

                        <button type="submit" class="btn btn-primary btn-sm btn-icon-split mt-3">
                            <span class="icon text-gray-600">
                              <i class="fas fa-arrow-right"></i>
                            </span>
                            <span class="text">Modifier</span>
                      </button>
                    </form>
                </div>
                <div class="col-md">
                    <ul class="photoLibrary">
                    @foreach ($photoLibrary->lines as $line)
                        <li>
                            <div class="img" style="background-image: url('{{ $line->getImg() }}');">
                            {{-- 
                            <a href="" class="btn btn-info btn-circle btn-sm">
                                <i class="fas fa-info-circle"></i>
                            </a> --}}
                            <a href="{{ route('admin.photoLibrary.img.remove',[$line->id]) }}"
                            class="btn btn-danger btn-circle btn-sm ess-link-checked" data-msg="Confirmez-vous la supression ?">
                                <i class="fas fa-trash"></i>
                            </a>
                            </div>
                        </li>
                    @endforeach
                    </ul>
                   <form action="{{ route('admin.photoLibrary.img.add')}}" method="POST" enctype="multipart/form-data">
                       @csrf
                       <input type="hidden" name="photoLibraryId" value="{{ $photoLibrary->id }}"
                        data-msg="Veuiller sélectionner une image au minimun" >
                    <div class="form-group mt-3">
                        <input type="file" class="form-control" name="imgs[]" multiple required>
                    </div>
                    <button type="submit" class="btn btn-primary btn-sm btn-icon-split mt-3">
                        <span class="icon text-gray-600">
                          <i class="fas fa-arrow-right"></i>
                        </span>
                        <span class="text">Ajouter</span>
                  </button>
                   </form>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection