@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-leaf mr-3"></i> Vos registres culturales (Insecticides FD)</h1>
        <div class="row col-12 p-0 m-0">
        	@if($typeVM=="vignes-meres")
	        	<div class="col-12 col-md-4 p-0 m-0"><a href="{{ url('/') }}/OPA/registres-culturales/insecticides-fd/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/registres-culturales/insecticides-fd/pepinieres" style="color:#333 !important;"><div class="btn btn-outline-secondary ml-md-3 mt-3 mt-md-0 btn-block"><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/registres-culturales/insecticides-fd/vignes-meres"><div class="btn btn-outline-secondary 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/registres-culturales/insecticides-fd/pepinieres" style="color:#333 !important;"><div class="btn btn-info ml-md-3 mt-3 mt-md-0 btn-block"><i class="fa-solid fa-seedling mr-md-3 mt-3 mt-md-0"></i> Pépinières</div></a></div>
        	@endif 

	        @if(session('success'))
	            <div class="row col-12 alert alert-success m-0 mt-3">{{ session('success') }}</div>
	        @endif
        </div>
        <div class="row col-12 mt-3 p-0 m-0">
        	<div class="row col-12 p-0 m-0">
        		<div class="col-12 col-md-3 m-0 p-0 p-md-1 m-md-1"><a href="{{ url('/') }}/OPA/registres-culturales/insecticides-fd/add/{{ $typeVM }}"><div class="btn btn-success btn-block">
        				<i class="fa-solid fa-plus mr-3"></i> Nouvelle intervention
        		</div></a></div>
        		<div class="col-12 col-md-3 p-0 m-0 p-md-1 m-md-1 mt-3 mt-md-0"><a href="{{ url('/') }}/OPA/registres-culturales/insecticides-fd/export/{{ $typeVM }}/insecticides">
	        		<div class="btn btn-secondary btn-block ml-md-3">
	        			<i class="fa-solid fa-download mr-3"></i> Exporter en Excel
	        		</div>
        		</a></div>
        		<div class="col-12 col-md-3 p-0 m-0 p-md-1 m-md-1 mt-3 mt-md-0"><a href="{{ url('/') }}/OPA/registres-culturales/insecticides-fd/export-pdf/{{ $typeVM }}/insecticides">
	        		<div class="btn btn-secondary btn-block ml-md-3">
	        			<i class="fa-solid fa-download mr-3"></i> Exporter en PDF
	        		</div>
        		</a></div>
        	</div>
        	<div class="row col-12">
		        <div class="table-responsive mt-3 mb-3">
		          <table class="table">
		              <caption>Liste des pratiques culturales</caption>
		              @if($typeVM=="vignes-meres")
			              <thead>
			                <tr>
			                  <th scope="col" class="text-justify">Numéro d'inscription de la parcelle unitaire</th>
			                  <th scope="col" class="text-justify">Références cadastrales</th>
			                  <th scope="col" class="text-justify">Nom de la parcelle culturale</th>
			                  <th scope="col" class="text-justify">Variété / Clone</th>
			                  <th scope="col" class="text-justify">Traitement n°1</th>
			                  <th scope="col" class="text-justify">Traitement n°2</th>
			                  <th scope="col" class="text-justify">Traitement n°3</th>
			                  <th scope="col" class="text-justify"><i class="fa-solid fa-pen-to-square mr-3"></i> Modifier</th>
			                  <th scope="col" class="text-justify">Supprimer</th>
			                </tr>
			              </thead>
			              <tbody>
			              	@foreach($interventions_final as $IDParcelleCulturale => $intervention)
				                <tr class="bg-light w-100 bloc_groupe_intervention" id="bloc_groupe_intervention{{ $intervention->IDParcelleCulturale }}" data-name="{{ $intervention->NomParcelleCulturale }}" style="cursor:pointer;">
				                  <td colspan="11" class="text-center">{{ $intervention->NomParcelleCulturale }}</td>
				                </tr>
				                			              	@endforeach
			              </tbody>
		              @else
			              <thead>
			                <tr>
			                  <th scope="col" class="text-justify">Unité pépinière</th>
			                  <th scope="col" class="text-justify">N° LOT unitaire</th>
			                  <th scope="col" class="text-justify">Commune</th>
			                  <th scope="col" class="text-justify">Greffon</th>
			                  <th scope="col" class="text-justify">Clone</th>
			                  <th scope="col" class="text-justify">Porte greffe</th>
			                  <th scope="col" class="text-justify">Clone porte greffe</th>
			                  <th scope="col" class="text-justify">Traitement n°1</th>
			                  <th scope="col" class="text-justify">Traitement n°2</th>
			                  <th scope="col" class="text-justify">Traitement n°3</th>
			                  <th scope="col" class="text-justify">Traitement n°4</th>
			                  <th scope="col" class="text-justify">Traitement n°5</th>
			                  <th scope="col" class="text-justify">Traitement n°6</th>
			                  <th scope="col" class="text-justify">Traitement n°7</th>
			                  <th scope="col" class="text-justify">Traitement n°8</th>
			                  <th scope="col" class="text-justify">Traitement n°9</th>
			                  <th scope="col" class="text-justify">Traitement n°10</th>
			                  <th scope="col" class="text-justify">Traitement n°11</th>
			                  <th scope="col" class="text-justify">Traitement n°12</th>
			                  <th scope="col" class="text-justify">Traitement n°13</th>
			                  <th scope="col" class="text-justify">Traitement n°14</th>
			                  <th scope="col" class="text-justify">Traitement n°15</th>
			                  <th scope="col" class="text-justify"><i class="fa-solid fa-pen-to-square mr-3"></i> Modifier</th>
			                  <th scope="col" class="text-justify">Supprimer</th>
			                </tr>
			              </thead>
			              <tbody>
			              	@foreach($interventions_final as $IDParcelleCulturale => $intervention)
				                <tr class="bg-light w-100 bloc_groupe_parcelle" id="bloc_groupe_parcelle{{ $intervention->IDParcelleCulturale }}" data-name="{{ $intervention->NomParcelleCulturale }}" style="cursor:pointer;">
				                  <td colspan="11" class="text-center">{{ $intervention->NomParcelleCulturale }}</td>
				                </tr>
				                			              	@endforeach
			              </tbody>
		              @endif
		          </table>
		        </div>
        	</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>
    <script>
    	$(document).ready(function() {
    		$(".bloc_groupe_intervention").click(function() {
    			let typeVM = "";

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

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

                $.ajax({
                  url: "{{ url('/') }}/OPA/insecticides/"+ typeVM +"/getInsecticides/"+ nomParcelleCulturale,
                  context: document.body,
                  dataType:"json"
                }).done(function(interventions) {
                	$(".detail_parcelle").addClass("d-none").remove();

                    if(interventions!="") {
                        $.each(interventions, function(index, object) {
                        	let IDIntervention = object.IDIntervention;
                        	let NumEnrFranceAgriMer = object.NumEnrFranceAgriMer;
                        	let RefCadastrale = object.RefCadastrale;
                        	let NomParcelleCulturale = object.NomParcelleCulturale;
                        	let variete = object.variete;
                        	let CloneGR = object.CloneGR;
                        	let PG = object.PG;
                        	let traitement1 = object.traitement[1];
                        	let traitement2 = object.traitement[2];
                        	let traitement3 = object.traitement[3];

                        	let url = "