@extends("layouts.layout_home")
@section("contenu")
    <div class="row col-10 mx-auto">
        <h1 class="mt-3 w-100 mb-3"><i class="fa-solid fa-magnifying-glass mr-3"></i> Vos examens visuels</h1> 
        <div class="row col-12 p-0 m-0">
	    	@if($bVmPepiFinal==0)
	        	<div class="col-12 col-md-4 p-0 m-0"><a href="{{ url('/') }}/OPA/examens-visuels/vignes-meres"><div class="btn btn-info btn-block"><i class="fa-brands fa-pagelines mr-3"></i> Vignes mères</div></a></div>
	        	<div class="col-12 col-md-4 p-0 m-0"><a href="{{ url('/') }}/OPA/examens-visuels/pepinieres" style="color:#333 !important;"><div class="btn btn-outline-secondary btn-block ml-md-3 mt-3 mt-md-0"><i class="fa-solid fa-seedling mr-md-3 mt-3 mt-md-0"></i> Pépinières</div></a></div>
	    	@else
	        	<div class="col-12 col-md-4 p-0 m-0"><a href="{{ url('/') }}/OPA/examens-visuels/vignes-meres" style="color:#333 !important;"><div class="btn btn-outline-info btn-block"><i class="fa-brands fa-pagelines mr-3"></i> Vignes mères</div></a></div>
	        	<div class="col-12 col-md-4 p-0 m-0"><a href="{{ url('/') }}/OPA/examens-visuels/pepinieres"><div class="btn btn-secondary ml-3 btn-block"><i class="fa-solid fa-seedling mr-md-3 mt-3 mt-md-0"></i> Pépinières</div></a></div>
	    	@endif
        </div>
        <div class="row col-12 mt-3 p-0 m-0">
	        @if(session('success'))
	            <div class="alert alert-success">{{session('success')}}</div>
	        @endif
        	<div class="row col-12 p-0 m-0">
        		@if($bVmPepiFinal==0)
        			<div class="col-12 col-md-6 p-0 m-0 p-md-1 m-md-1"><a href="{{ url('/') }}/OPA/examens-visuels/add/vignes-meres"><div class="btn btn-outline-success btn-block">
        				<i class="fa-solid fa-plus mr-3"></i> Saisir un compte-rendu
        			</div></a></div>
        		@else
        			<div class="col-12 col-md-6 p-0 m-0 p-md-1 m-md-1"><a href="{{ url('/') }}/OPA/examens-visuels/add/pepinieres"><div class="btn btn-outline-success btn-block">
        				<i class="fa-solid fa-plus mr-3"></i> Saisir un compte-rendu
        			</div></a></div>
        		@endif
        	</div>
        	<div class="row col-12 p-0 m-0">
    			<div class="col-12 col-xl-5 p-0 m-0 p-md-1 m-md-1 mt-3" id="btn_imprimer_cr_masse_synthese"><div class="btn btn-outline-success btn-block">
    				<i class="fa-solid fa-plus mr-3"></i> imprimer la synthèse des comptes-rendus
    			</div></a></div>    			
    			<div class="col-12 col-xl-5 p-0 m-0 p-md-1 m-md-1 mt-3" id="btn_imprimer_cr_masse"><div class="btn btn-outline-success btn-block">
    				<i class="fa-solid fa-plus mr-3"></i> Imprimer tous les comptes-rendus
    			</div></a></div>
        	</div>
        	<div class="row col-12 p-0 m-0">
    			<div class="col-12 col-xl-5 p-0 m-0 p-md-1 m-md-1 mt-3" id="btn_imprimer_notification_masse_synthese"><div class="btn btn-outline-success btn-block">
    				<i class="fa-solid fa-plus mr-3"></i> Imprimer la synthèse des notifications de suspicion
    			</div></a></div>    			
    			<div class="col-12 col-xl-5 p-0 m-0 p-md-1 m-md-1 mt-3" id="btn_imprimer_notification_masse"><div class="btn btn-outline-success btn-block">
    				<i class="fa-solid fa-plus mr-3"></i> Imprimer toutes notifications de suspicion
    			</div></a></div>
        	</div>
        	<div class="row col-12 p-0 m-0">
        		<div class="col-12 col-xl-6 p-0 m-0 p-md-1 m-md-1 mt-3"><div class="btn btn-danger btn-block" id="btn_supprimer_cr_enmasse" data-bs-toggle="modal" data-bs-target="#selectionVide">
        			<i class="fa-solid fa-plus mr-3"></i> Supprimer les comptes-rendus sélectionnés
        		</div></div>
        	</div>
        	<div class="row col-12 p-0 m-0">
        		<div class="col-12 p-0 m-0 col-md-6 btn btn-secondary mt-3" id="btn_tout_cocher_decocher"><i class="fa-solid fa-square-check mr-3"></i> Tout cocher / décocher</div>
        		<input type="hidden" name="cocher_decocher" value="decocher" />
        	</div>
        	<div class="row col-12">
		        <div class="table-responsive mt-3">
		          <div id="bloc_erreur"></div>
		          <form name="form_impression_cr_en_masse" method="POST" class="d-none" action="{{ url('/') }}/OPA/examens-visuels/impression-cr-en-masse">
		          	@csrf
		          	<input type="hidden" name="IDCompteRenduExamenVisuel" value="" />
		          </form>
		          <form name="form_suppression_cr_en_masse" method="POST" class="d-none" action="{{ url('/') }}/OPA/examens-visuels/supprimer-en-masse">
		          	@csrf
		          	@if($bVmPepiFinal==0)
		          		<input type="hidden" name="typeVM" value="vignes-meres" />
		          	@elseif($bVmPepiFinal==1)
		          		<input type="hidden" name="typeVM" value="pepinieres" />
		          	@endif
		          	<input type="hidden" name="IDCompteRenduExamenVisuel" value="" />
		          </form>
		          <form name="form_impression_notification_en_masse" method="POST" class="d-none" action="{{ url('/') }}/OPA/examens-visuels/impression-notifications-en-masse">
		          	@csrf
		          	<input type="hidden" name="IDNotificationSuspicion" value="" />
		          </form>
		          <table class="table">
		              <caption>Liste des examens visuels</caption>
		              @if($bVmPepiFinal==0)
			              <thead>
			                <tr>
			                  <th scope="col" class="text-justify">Selection</th>
			                  <th scope="col" class="text-justify">N° parcelle unitaire ou lot unitaire</th>
			                  <th scope="col" class="text-justify">Unité pépinière</th>
			                  <th scope="col" class="text-justify">Etat</th>
			                  <th scope="col" class="text-justify">Compte rendu</th>
			                  <th scope="col" class="text-justify">Date</th>
			                  <th scope="col" class="text-justify">Photo</th>
			                  <th scope="col" class="text-justify">Suspicion</th>
			                  <th scope="col" class="text-justify">Mesures correctives</th>
			                  <th scope="col" class="text-justify"><i class="fa-solid fa-pen-to-square mr-3"></i> Modifier</th>
			                  <!-- <th scope="col"><i class="fa-solid fa-pen-to-square mr-3"></i> Dupliquer</th> -->
			                  <th scope="col">Supprimer</th>
			                </tr>
			              </thead>
			              <tbody>
			              	@foreach($comptesRendus as $compteRendu)
				                <tr class="bg-light w-100 bloc_groupe_parcelle" id="bloc_groupe_parcelle{{ $compteRendu->IDParcelleCulturale }}" data-name="{{ $compteRendu->NomParcelleCulturale }}" style="cursor:pointer;">
				                  <td colspan="11" class="text-center">{{ $compteRendu->NomParcelleCulturale }} / Dates des comptes-rendus : {{ $dates }}</td>
				                </tr>
				                				            @endforeach
			              </tbody>
		              @else
			              <thead>
			                <tr>
			                  <th scope="col" class="text-justify">Selection</th>
			                  <th scope="col" class="text-justify">N° parcelle unitaire ou lot unitaire</th>
			                  <th scope="col" class="text-justify">Unité pépinière</th>
			                  <th scope="col" class="text-justify">Etat</th>
			                  <th scope="col" class="text-justify">Compte rendu</th>
			                  <th scope="col" class="text-justify">Date</th>
			                  <th scope="col" class="text-justify">Photo</th>
			                  <th scope="col" class="text-justify">Suspicion</th>
			                  <th scope="col" class="text-justify">Mesures correctives</th>
			                  <th scope="col" class="text-justify"><i class="fa-solid fa-pen-to-square mr-3"></i> Modifier</th>
			                  <!-- <th scope="col"><i class="fa-solid fa-pen-to-square mr-3"></i> Dupliquer</th> -->
			                  <th scope="col" class="text-justify">Supprimer</th>
			                </tr>
			              </thead>
			              <tbody>
			              	@foreach($comptesRendus as $compteRendu)
				                <tr class="bg-light w-100 bloc_groupe_parcelle" id="bloc_groupe_parcelle{{ $compteRendu->IDParcelleCulturale }}" data-name="{{ $compteRendu->UnitPepi }}" style="cursor:pointer;">
				                  <td colspan="11" class="text-center">{{ $compteRendu->UnitPepi }} / Dates des comptes-rendus : {{ $dates }}</td>
				                </tr>
				                				            @endforeach
			              </tbody>
		              @endif
		          </table>
		        </div>
		        {{ $comptesRendus->links("admin.pagination") }}
        	</div>
        </div>
    </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 d'examen visuel</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 compte rendu sélectionné ?
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
	        <button type="button" class="btn btn-danger"><a href="#">Oui, supprimer le compte rendu</a></button>
	      </div>
	    </div>
	  </div>
	</div>
    <!-- Modal -->
    <div class="modal fade" id="selectionVide" tabindex="-1" role="dialog" aria-labelledby="selectionVideLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Suppression de compte rendu</h5>
            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="row modal-body">
            <div class="col-12 text-center"><i class="fa-solid fa-triangle-exclamation" style="font-size:60px;color:red;"></i></div>
            <div class="col-12 mt-3 mb-3 text-center">Veuillez sélectionner au moins un compte rendu pour pouvoir le supprimer.</div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
          </div>
        </div>
      </div>
    </div>
    <!-- Modal -->
	<div class="modal fade" id="suppressionModalMasse" tabindex="-1" role="dialog" aria-labelledby="suppressionModalMasseLabel" aria-hidden="true">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h5 class="modal-title" id="exampleModalLabel">Suppression d'examen(s) visuel(s)</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 les comptes rendus sélectionnés ?
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
	        <button type="button" class="btn btn-danger" id="btn_confirm_suppression_masse"><a href="#">Oui, supprimer les comptes rendus sélectionnés</a></button>
	      </div>
	    </div>
	  </div>
	</div>
    <script>
    	$(document).ready(function() {
    		$("#btn_confirm_suppression_masse").click(function() {
    			$("form[name='form_suppression_cr_en_masse']").submit();
    		});

    		$(".bloc_groupe_parcelle").click(function() {
    			let bVmPepiFinal = "";

    			let nomParcelleCulturale = $(this).attr("data-name");
    			nomParcelleCulturale = nomParcelleCulturale.replace("bloc_groupe_parcelle","");

    			let IDParcelleCulturale = $(this).attr("id");
    			IDParcelleCulturale = IDParcelleCulturale.replace("bloc_groupe_parcelle","");

                $.ajax({
                  url: "{{ url('/') }}/OPA/examens-visuels/"+ bVmPepiFinal +"/getCR/"+ nomParcelleCulturale,
                  context: document.body,
                  dataType:"json"
                }).done(function(cr) {
                	$(".detail_parcelle").addClass("d-none").remove();

                    if(cr!="") {
                        $.each(cr, function(index, object) {
                        	let IDCompteRenduExamenVisuel = object.IDCompteRenduExamenVisuel;
                        	let NumEnrFranceAgriMer	= object.NumEnrFranceAgriMer;
                        	let notificationSuspicion = object.notificationSuspicion;
                        	let DateExamen = object.DateExamen;
                        	let NomParcelle = object.NomParcelle;

                        	                        		let UnitPepi	 = object.NomParcelleCulturale;
                        	                        	let Etat = object.Etat;
                        	let bPj = object.bPj;
                        	let photoFinal = object.photoFinal;
                        	let bEnvoye = object.bEnvoye;
                        	let MesureCorrective = object.MesureCorrective;
                        	let bTypeProductionVM = object.bTypeProductionVM;

                        	let url = "