@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-person mr-3"></i> Vos personnes qualifiées</h1>
        <div class="row col-12 p-0 m-0">
        	<div class="row col-12 p-0 m-0">
        		<div class="col-12 p-0 m-0 p-md-1 m-md-1 col-md-3 mt-3 mt-md-0"><a href="{{ url('/') }}/OPA/personnes-qualifiees/add"><div class="btn btn-success btn-block"><i class="fa-solid fa-plus mr-3"></i> Nouvelle personne qualifiée</div></a></div>
        		<div class="col-12 p-0 m-0 p-md-1 m-md-1 col-md-3 mt-3 mt-md-0"><a href="{{ url('/') }}/OPA/personnes-qualifiees/export"><div class="btn btn-secondary btn-block ml-md-3 mr-md-3"><i class="fa-solid fa-download mr-3"></i> Exporter en Excel</div></a></div>
        		<div class="col-12 p-0 m-0 p-md-1 m-md-1 col-md-3 mt-3 mt-md-0"><a href="{{ url('/') }}/OPA/personnes-qualifiees/export-pdf"><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">
		          <table class="table">
		              <caption>Liste des personnes qualifiées</caption>
		              <thead>
		                <tr>
		                  <th scope="col" class="text-justify">Nom</th>
		                  <th scope="col" class="text-justify">Prénom</th>
		                  <th scope="col" class="text-justify">Fonction dans l'entreprise</th>
		                  <th scope="col" class="text-justify">Qualification / formation</th>
		                  <th scope="col" class="text-justify">Formation vitipeps</th>
		                  <th scope="col" class="text-justify">Attestation de formation</th>
		                  <th scope="col" class="text-justify">Représentant de l'OPA</th>
		                  <th scope="col" class="text-justify">Responsable phytosanitaire</th>
		                  <th scope="col" class="text-justify">Responsable des examens visuels</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($personneQualifiee as $personne)
			                <tr>
			                  <td>{{ $personne->Nom }}</td>
			                  <td>{{ $personne->Prenom }}</td>
			                  <td>{{ $personne->FonctionEntreprise }}</td>
			                  <td>{{ $personne->Qualification }}</td>
			                  <td><input type="checkbox" name="FormationVitipeps" @if($personne->FormationVitipeps==1) checked @endif disabled /></td>
			                  <td>
			                  	@if($personne->documents->count()>0)
			                  		<a href="{{ url('/') }}/assets/img/bibliotheque/{{ $personne->documents[0]->Chemin }}" target="_blank"><div class="col-12 text-center btn-block"><i class="fa-solid fa-paperclip"></i></div></a>
			                  	@endif
			                  </td>
			                  <td><input type="checkbox" name="representant" @if($personne->representant==1) checked @endif disabled /></td>
			                  <td><input type="checkbox" name="responsable_phytosanitaire" @if($personne->responsable_phytosanitaire==1) checked @endif disabled /></td>
			                  <td><input type="checkbox" name="responsable_exam_visuels" @if($personne->responsable_exam_visuels==1) checked @endif disabled /></td>
			                  <td><a href="{{ url('/') }}/OPA/personnes-qualifiees/add/{{ $personne->IDPersonneQualifiee }}"><div class="btn btn-warning btn-block"><i class="fa-solid fa-pen-to-square mr-3"></i> Modifier</div></a></td>
			                  <td><a href="{{ url('/') }}/OPA/personnes-qualifiees/delete/{{ $personne->IDPersonneQualifiee }}"><div class="btn btn-danger btn-block"><i class="fa-solid fa-trash mr-3"></i> Supprimer</div></a></td>
			                </tr>
		              	@endforeach
		              </tbody>
		          </table>
		        </div>
        	</div>
        </div>
    </div>
@endsection