@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 TEC</h1>
        <div class="row col-12 p-0 m-0">
        	@if(str_contains(url()->current(),"registre-tec/vignes-meres"))
	        	<div class="col-12 col-md-4 p-0 m-0"><a href="{{ url('/') }}/OPA/registre-tec/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/registre-tec/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/registre-tec/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/registre-tec/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>
        @if(session('error'))
            <div class="row col-12 alert alert-danger m-0 mt-3">{{session('error')}}</div>
        @endif
        <div class="row col-12 p-0 m-0">
    		<div class="col-12 col-md-6 m-0 p-0"><a href="{{ url('/') }}/OPA/accueil"><div class="btn btn-info btn-block mx-auto mt-3 mb-3">Revenir à l'accueil</div></a></div>
        	<div class="row col-12 p-0 m-0">
        		@if(str_contains(url()->current(),"registre-tec/vignes-meres"))
        			<div class="col-12 col-md-4 m-0 p-0 m-md-1 p-md-1"><a href="{{ url('/') }}/OPA/export-tec-excel/vignes-meres"><div class="btn btn-secondary btn-block"><i class="fa-solid fa-download mr-md-3"></i> Exporter en Excel</div></a></div>
        			<div class="col-12 col-md-4 m-0 p-0 m-md-1 p-md-1 mt-3 mt-md-0"><a href="{{ url('/') }}/OPA/export-tec-pdf/vignes-meres"><div class="btn btn-secondary btn-block"><i class="fa-solid fa-download mr-md-3"></i> Exporter en PDF</div></a></div>
        		@else
        			<div class="col-12 col-md-4 m-0 p-0 m-md-1 p-md-1"><a href="{{ url('/') }}/OPA/export-tec-excel/pepinieres"><div class="btn btn-secondary btn-block"><i class="fa-solid fa-download mr-md-3"></i> Exporter en Excel</div></a></div>
        			<div class="col-12 col-md-4 m-0 p-0 m-md-1 p-md-1 mt-3 mt-md-0"><a href="{{ url('/') }}/OPA/export-tec-pdf/pepinieres"><div class="btn btn-secondary btn-block"><i class="fa-solid fa-download mr-md-3"></i> Exporter en PDF</div></a></div>
        		@endif
        	</div>
        	<!--<div class="row col-12 mt-3">
              <td><div class="btn btn-success ml-3"><i class="fa-solid fa-pen-to-square mr-3"></i> Valider</div></td>
              <td><div class="btn btn-danger ml-3"><i class="fa-solid fa-pen-to-square mr-3"></i> Annuler</div></td>
        	</div>-->
        	<div class="row col-12">
		        <div class="table-responsive mt-3">
		          <table class="table" id="table_tec">
		              <caption>Liste des déclarations TEC</caption>
		              <thead>
		                <tr>
		                  @if($colUnitPepi) <th scope="col">Unité de pépinière</th> @endif
		                  <th scope="col" class="text-justify">{{ $num_inscription_titre }}</th>
		                  <th scope="col" class="text-justify">Type</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</th>
		                  <th scope="col" class="text-justify">Catégorie</th>
		                  <th scope="col" class="text-justify">Station</th>
		                  <th scope="col" class="text-justify">Date TEC</th>
		                  <th scope="col" class="text-justify">N° Bain</th>
		                  <th scope="col" class="text-justify">Quantité</th>
		                  <th scope="col" class="text-justify">Unité</th>
		                  <th scope="col" class="text-justify">Motifs</th>
		                  <th scope="col" class="text-justify">Attestation</th>
		                  <th scope="col" class="text-justify">Dupliquer</th>
		                  <th scope="col" class="text-justify">TEC</th>
		                </tr>
		              </thead>
		              <tbody>
		              	@foreach($tecs_final as $tec)
			                <tr class="ligne_tec" id="ligne{{ $tec[0]['IDParcelleCulturale'] }}">
			                  @if($colUnitPepi) <th scope="col">{{ $tec[0]["UnitPepi"] }}</th> @endif
			                  <td>{{ $tec[0]["NumEnrFranceAgriMer"] }}</td>
			                  <td>{{ $tec[0]["TypeVM"] }}</td>
			                  <td>{{ $tec[0]["Greffon"] }}</td>
			                  <td>{{ $tec[0]["CloneGreffon"] }}</td>
			                  <td>{{ $tec[0]["PorteGreffe"] }} <input type="text" name="IDPorteGreffe" class="w-100" /></td>
			                  <td>{{ $tec[0]["ClonePorteGreffe"] }} <input type="text" name="IDPorteGreffe" class="w-100" /></td>
			                  <td>{{ $tec[0]["Categorie"] }}</td>
							  <td>
							  	{{ $tec[0]["NomStation"] }}
							  	<select name="IDStation">
							  		@foreach($stations as $station)
							  			<option value="{{ $station->IDStation }}">{{ $station->Nom }}</option>
							  		@endforeach
							  	</select>
							  </td>
			                  <td>{{ $tec[0]["date"] }} <input type="date" name="date" class="w-100" /></td>
			                  <td>{{ $tec[0]["NumBain"] }} <input type="integer" name="NumBain" class="w-100" /></td>
			                  <td>{{ $tec[0]["Quantite"] }} <input type="integer" name="Quantite" class="w-100" /></td>
			                  <td>{{ $tec[0]["UniteQuantite"] }} <input type="text" name="UniteQuantite" class="w-100" /></td>
			                  <td>{{ $tec[0]["Motif"] }} <input type="text" name="Motif" class="w-100" /></td>
			                  <td>{!! $tec[0]["import"] !!}</td>
              				  <td>
              				  	@if($tec[0]['IDTEC']!="" && $tec[0]['IDTEC']>0)
	              				  	<a href="{{ url('/') }}/OPA/registre-tec/{{ $bVmPepiTemp }}/dupliquer/{{ $tec[0]['IDTEC'] }}">
		              				  	<div class="btn btn-secondary btn-block ml-3">
		              				  		<i class="fa-solid fa-pen-to-square mr-3"></i> Dupliquer
		              				  	</div>
	              				  	</a>
	              				@endif
              				  </td>
              				  @php 
              				  	if($bVmPepi==0) {
              				  		$typeVM = "vignes-meres";
              				  	}else {
              				  		$typeVM = "pepinieres";
              				  	}

              				  	$NumEnrFranceAgriMer = str_replace(" ","",$tec[0]["NumEnrFranceAgriMer"]);
              				  @endphp
              				  @if($tec[0]["date"]!="" && $tec[0]["date"]!="0000-00-00")
              				  	<td><a href="{{ url('/') }}/OPA/registre-tec/{{ $typeVM }}/add/{{ $tec[0]['IDTEC'] }}"><div class="btn btn-secondary btn-block ml-3 btn_ajout_declaration_tec" id="btn_ajout_declaration_tec{{ $tec[0]['IDParcelleCulturale'] }}"><i class="fa-solid fa-pen-to-square mr-3"></i> Modifier la déclaration TEC</div></a></td>
              				  @else
              				  	<td><a href="{{ url('/') }}/OPA/registre-tec/{{ $typeVM }}/add/{{ $tec[0]['IDParcelleCulturale'] }}"><div class="btn btn-success btn-block ml-3 btn_ajout_declaration_tec" id="btn_ajout_declaration_tec{{ $tec[0]['IDParcelleCulturale'] }}"><i class="fa-solid fa-pen-to-square mr-3"></i> Ajouter une déclaration TEC</div></a></td>
              				  @endif
			                </tr>
		              	@endforeach
		              </tbody>
		          </table>
		        </div>
        	</div>
        </div>
    </div>
    <script>
    	$(document).ready(function() {
    		// function Dupliquer() {
	    	// 	$(".btn_dupliquer").click(function() {
	    	// 		var idParent = $(this).attr("id");
	    	// 		idParent = idParent.replace("btn_dupliquer","");
	    	// 		var htmlParent = $("#ligne"+ idParent).html();
	    	// 		var i = 1;

	    	// 		console.log("test");

	    	// 		$("#ligne"+ idParent).find('td').each (function() {
	    	// 			if(i>=8 && i<=13) {
	    	// 				if(this.childNodes[0]) {
			// 			  		htmlParent = htmlParent.replace(this.childNodes[0].textContent,"");

			// 					console.log("htmlParent : "+ i +" | "+ htmlParent);
		    // 				}
	    	// 			}

	    	// 			if(i==14) {
	    	// 				if(this.childNodes[0]) {
			// 			  		htmlParent = htmlParent.replace(this.childNodes[0].textContent,"Importer");
		    // 				}
	    	// 			}

	    	// 			i++;
			// 		});

			// 		$("#table_tec").append("<tr>"+ htmlParent +"</tr>");
	    	// 	});
    		// }

    		// $(".ligne_tec td").click(function() {
    		// 	$(this).find("input").show();
    		// 	$(this).find("input").focus();
    		// 	$(this).find("select").show();
    		// 	$(this).find("select").focus();
    		// });

    		// $(".ligne_tec td input").focusout(function () {
    		// 	if($(this).val()=="") {
    		// 		$(this).hide();
    		// 	}
    		// });

    		// Dupliquer();
    	});
    </script>
@endsection