@extends("layouts.layout_home")
@section("contenu")
	@php
		if($id!=0) {
			$NumBain = $tec->NumBain;
			$Motif = $tec->Motif;
			$date = $tec->date;
			$Quantite = $tec->Quantite;
			$UniteQuantite = $tec->UniteQuantite;
			$IDStation = $tec->IDStation;
		}else {
			$NumBain = old('NumBain');
			$Motif = old('Motif');
			$date = old('date');
			$Quantite = old('Quantite');
			$UniteQuantite = old('UniteQuantite');
			$IDStation = old('IDStation');
		}
	@endphp
    <div class="row col-10 mx-auto">
        <h1 class="mt-3 w-100 mb-3"><i class="fa-solid fa-book mr-3"></i> Ajouter une déclaration TEC</h1>
        <div class="row col-12">
	        @if ($errors->any())
	            <div class="row col-12 mx-auto mt-3 alert alert-danger">
	                <ul>
	                    @foreach ($errors->all() as $error)
	                        <li>{{ $error }}</li>
	                    @endforeach
	                </ul>
	            </div>
	        @endif
        	<div class="row col-12 mx-auto">
        		<form method="POST" action="" enctype="multipart/form-data" class="w-100">
        			@csrf
	        		<div class="row col-12 mt-3 mb-3">
	        			<div class="col-6">
	        				<label for="NumBain">Num Bain</label>
	        			</div>
	        			<div class="col-6">
	        				<input type="integer" name="NumBain" value="{{ $NumBain }}" />
	        			</div>
	        		</div>
	        		<div class="row col-12 mt-3 mb-3">
	        			<div class="col-6">
	        				<label for="Motif">Motifs</label>
	        			</div>
	        			<div class="col-6">
	        				<input type="text" name="Motif" value="{{ $Motif }}" />
	        			</div>
	        		</div>
	        		<div class="row col-12 mt-3 mb-3">
	        			<div class="col-6">
	        				<label for="date">Date TEC</label>
	        			</div>
	        			<div class="col-6">
	        				<input type="date" name="date" value="{{ $date }}" />
	        			</div>
	        		</div>
	        		<div class="row col-12 mt-3 mb-3">
	        			<div class="col-6">
	        				<label for="Quantite">Quantité</label>
	        			</div>
	        			<div class="col-6">
	        				<input type="integer" name="Quantite" value="{{ $Quantite }}" />
	        			</div>
	        		</div>
	        		<div class="row col-12 mt-3 mb-3">
	        			<div class="col-6">
	        				<label for="UniteQuantite">Unité</label>
	        			</div>
	        			<div class="col-6">
	        				<select name="UniteQuantite">
	        					<option value="Yeux" @if($UniteQuantite=='Yeux') selected @endif>Yeux</option>
	        					<option value="m" @if($UniteQuantite=='m') selected @endif>m</option>
	        				</select>
	        			</div>
	        		</div>
	        		<div class="row col-12 mt-3 mb-3">
	        			<div class="col-6">
	        				<label for="IDStation">Station</label>
	        			</div>
	        			<div class="col-6">
	        				<select name="IDStation">
	        					@foreach($stations as $station)
	        						<option value="{{ $station->IDStation }}"  @if($station->IDStation==$IDStation) selected @endif>{{ $station->Nom }}</option>
	        					@endforeach
	        				</select>
	        			</div>
	        		</div>
	        		<div class="row col-12 mt-3 mb-3">
	        			<div class="col-6">
	        				<label for="CheminAttestation">Attestation</label>
	        			</div>
	        			<div class="col-6">
	        				<div class="btn btn-secondary" id="btn_importer">Importer</div>
	        				<input type="file" class="d-none" name="CheminAttestation" />
	        			</div>
	        		</div>
	        		<div class="row col-12 mt-3 mb-3">
	        			<input type="submit" value="Ajouter une déclaration TEC"  class="btn btn-success w-100" />
	        		</div>
    				<a href="{{ url('/') }}/OPA/registre-tec/{{ $bVmpepi }}"><div class="btn btn-info btn-block col-12 mx-auto mt-3 mb-3">Revenir aux déclarations TEC</div></a>
        		</form>
        	</div>
        </div>
    </div>
    <script>
    	$("#btn_importer").click(function() {
    		$("input[name='CheminAttestation']").click();
    	});
    </script>
@endsection