@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-book mr-3"></i> Vos documents</h1>
        <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 col-12 mx-auto mt-3 mb-3 btn-block">Revenir à l'accueil</div></a></div>
        	<div class="row col-12 p-0 m-0">
        		@php $i = 1; @endphp
        		@foreach($categoriesDocuments as $categorieDocuments)
        			@if($categorieDocuments->id==$categorieActuel->id)
	        			<div class="col-12 col-md-3 @if($i==1) p-0 m-0 @endif"><a href="{{ url('/') }}/OPA/documents/{{ $categorieDocuments->LienCategorie }}/{{ $annee }}"><div class="btn btn-success btn-block px-2 py-2 mt-3 mt-md-0 @if($i==1) p-0 m-0 @endif"><i class="{{ $categorieDocuments->LogoCategorie }} mr-3"></i> {{ $categorieDocuments->NomCategorie }}</div></a></div>
        			@else
	        			<div class="col-12 col-md-3 @if($i==1) p-0 m-0 @endif"><a href="{{ url('/') }}/OPA/documents/{{ $categorieDocuments->LienCategorie }}/{{ $annee }}" style="color:#333 !important"><div class="btn btn-light px-2 py-2 mt-3 mt-md-0 btn-block @if($i==1) p-0 m-0 @endif"><i class="{{ $categorieDocuments->LogoCategorie }} mr-3"></i> {{ $categorieDocuments->NomCategorie }}</div></a></div>
        			@endif
        			@php $i++; @endphp
        		@endforeach
        	</div>
        	<div class="row col-12">
        		<div class="col-1">
        			<select name="annee" class="btn btn-secondary mt-3">
        				@for($i=date("Y")-5;$i<=date("Y");$i++)
        					<option value="{{ $i }}" @if($i==$annee) selected @endif>{{ $i }}</option>
        				@endfor
        			</select>
        		</div>
        		@if(str_contains(url()->current(), "attestation-formation"))
        			<a href="{{ url('/') }}/OPA/documents/ajouter-attestation" style="color:#333 !important;"><div class="btn btn-outline-success ml-3 mt-3 btn-block"><i class="fa-solid fa-certificate mr-3"></i> Ajouter une attestation de formation</div></a>
        		@endif
        	</div>
        	<div class="row col-12">
		        <div class="table-responsive mt-3">
		          <table class="table">
		              <caption>Liste des fichiers</caption>
		              <thead>
		                <tr>
		                  <th scope="col">Nom du fichier</th>
		                  <th scope="col"><i class="fa-solid fa-eye mr-3"></i> Visualiser</th>
		                </tr>
		              </thead>
		              <tbody>
		              	<div id="bloc_fiches_maladies">
			              	@foreach($documents as $document)
				                <tr>
				                  <td>{{ $document->Nom }}</td>
				                  <td><a href="{{ url('/') }}/assets/img/bibliotheque/{{ $document->Chemin }}" target="_blank"><div class="btn btn-info btn-block"><i class="fa-solid fa-pen-to-square mr-3"></i> Visualiser</div></a></td>
				                </tr>
			              	@endforeach
		              	</div>
		              </tbody>
		          </table>
		        </div>
        	</div>
        </div>
    </div>
    <script>
    	$(document).ready(function() {
    		$("select[name='annee']").change(function() {
    			let oldAnnee = "";
    			let newAnnee = $(this).val();
    			let urlCourante = document.location.href;
    			let urlRedirect = urlCourante.replace(oldAnnee, newAnnee);

    			document.location.href = urlRedirect;

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