@extends("layouts.layout_admin")
@section("contenu")
    <div class="row col-12 col-md-8 mx-auto">
        <div class="col-12 mt-3"><h1>Gestion des variétés</h1></div>
        @if(session('success'))
            <div class="alert alert-success">{{session('success')}}</div>
        @endif
        <div class="col-12 mt-3 mb-3">
          <div class="row col-12 p-0 m-0">
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-3 p-0 m-0"><a href="{{ url('/') }}/Admin525SWD/greffons"><div class="btn btn-success btn-block w-100">Gestion des greffons</div></a></div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-3 p-0 m-0"><a href="{{ url('/') }}/Admin525SWD/portegreffes" style="color:#333 !important"><div class="btn btn-light btn-block w-100">Gestion des porte-greffes</div></a></div>
          </div>
          <div class="row col-12 mt-3 m-0 p-0">
            <form class="row col-12 m-0 p-0" method="POST" action="{{ url('/') }}/Admin525SWD/greffons/search" class="row">
              @csrf
              <div class="row col-12 m-0 p-0 form-group">
                <div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 w-100 m-0 p-0 mt-3 form-input"><label for="search">Rechercher un greffon</label></div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 w-100 m-0 p-0 mt-3 p-lg-1 m-lg-1 form-input"><input type="text" name="search" class="form-input w-100 h-100" placeholder="Rechercher" /></div>
                @if(request('search')!="")
                  <div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 mt-3 p-0 m-0 p-lg-1 m-lg-1"><button type="submit" class="col-12 w-100 h-100 btn btn-warning btn-block">Rechercher</button></div>
                  <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 mt-3 p-0 m-0 p-lg-1 m-lg-1"><a href="{{ url('/') }}/Admin525SWD/greffons"><div class="col-12 w-100 h-100 btn btn-danger btn-block">Annuler la recherche</div></a></div>
                @else
                  <div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 mt-3 p-0 m-0 p-lg-1 m-lg-1"><button type="submit" class="col-12 btn btn-warning btn-block w-100 h-100">Rechercher</button></div>
                @endif
              </div>
            </form>
          </div>
          <div class="row col-12 m-0 p-0">
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 p-0 m-0 p-lg-1"><a href="{{ url('/') }}/Admin525SWD/greffon/add"><div class="mt-3 btn btn-success btn-block">Ajouter un greffon</div></a></div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 p-0 m-0 p-lg-1"><a href="{{ url('/') }}/Admin525SWD/parametrages"><div class="mt-3 btn btn-info btn-block">Revenir au menu des paramétrages</div></a></div>
          </div>
        </div>
        <div class="row col-12">
          <div class="col-12">
            <div class="table-responsive mt-3">
              <table class="table">
                  <caption>Gestion des greffons</caption>
                  <thead>
                    <tr>
                      @if($tri=="ASC")
                          <th scope="col">Nom du greffon <a href="{{ url('/') }}/Admin525SWD/greffons/ASC"><i class="fa-solid fa-arrow-down-a-z btn btn-secondary"></i></a> <a href="{{ url('/') }}/Admin525SWD/greffons/DESC"><i class="fa-solid fa-arrow-down-z-a btn btn-light ml-3"></i></a></th>
                      @else
                          <th scope="col">Nom du greffon <a href="{{ url('/') }}/Admin525SWD/greffons/ASC"><i class="fa-solid fa-arrow-down-a-z btn btn-light"></i></a> <a href="{{ url('/') }}/Admin525SWD/greffons/DESC"><i class="fa-solid fa-arrow-down-z-a btn btn-secondary ml-3"></i></a></th>
                      @endif
                      <th scope="col">Clone du greffon</th>
                      <th scope="col">Modifier</th>
                      <th scope="col">Supprimer</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($greffons as $greffon)
                      <tr class="ligne" id="ligne_{{ $greffon->IDGreffon }}">
                        <td>{{ $greffon->Nom }}</td>
                        <td>{{ $greffon->CloneGR }}</td>
                        <td><a href="{{ url('/') }}/Admin525SWD/greffon/add/{{ $greffon->IDGreffon }}"><div class="btn btn-warning btn-block">Modifier</div></a></td>
                        <!-- <td><div class="btn btn-danger"><a href="{{ url('/') }}/Admin525SWD/greffon/delete/{{ $greffon->IDGreffon }}">Supprimer</a></div></td> -->
                        <td><div class="btn btn-danger btn-supprimer-greffon btn-block" id="{{ $greffon->IDGreffon }}" data-bs-toggle="modal" data-bs-target="#suppressionModal"><i class="fa-solid fa-trash mr-3"></i> Supprimer</div></td>
                      </tr>
                    @endforeach
                  </tbody>
              </table>
            </div>
          </div>
        </div>
        {{ $greffons->links("admin.pagination") }}
    </div>
    <!-- Modal -->
    <div class="modal fade" id="suppressionModal" tabindex="-1" role="dialog" aria-labelledby="suppressionModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Suppression du greffon</h5>
            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            Etes-vous sûr de vouloir supprimer le greffon sélectionné ?
          </div>
          <div class="modal-footer">
            <button id="btn_annuler" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
            <button type="button" class="btn btn-danger"><a href="#">Oui, supprimer le greffon</a></button>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(document).ready(function() {
        $(".btn-supprimer-greffon").click(function() {
          var id = $(this).attr("id");
          var url = "