@extends('layouts.template')

@section('content')					
	<!--begin::Row-->
	<div class="card mb-5 mb-xl-10">
		<!--begin::Header-->
		<div class="card-header border-0 pt-5">
			<h3 class="card-title align-items-start flex-column">
				<span class="card-label fw-bolder fs-3 mb-1">Ajouter Forme de découpe</span>
			</h3>
		</div>
		<!--end::Header-->

		<div class="card-body pt-9 col-md-6 offset-md-3 pb-0">
			<form class="row g-3" action="{{ url('decoupe') }}" method="POST">
			@csrf

				<div class="col-md-6">
					<label for="" class="form-label">ID Forme de découpe</label>
					<input type="number" class="form-control" name="IDforme" 
							value="{{ sprintf('%04d', count($countID)+1) }}" 
							readonly="readonly">
				</div>

				<div class="col-md-6">
						<label for="" class="form-label">Forme de découpe</label>
						<select id="" name="forme" data-control="select2" data-placeholder="Selectionner une forme..." class="form-select mb-2">
							<option selected>...</option>
							<option>Rectangle</option>
							<option>Carré</option>
							<option>Triangle</option>
							<option>Cercle</option>
							<option>Ellipse</option>
							<option>Oval</option>
							<option>Octogne</option>
							<option>Pentagone</option>
							<option>Hexagone</option>
							<option>Losange</option>
							<option>Trapèze</option>
							
						</select>
				</div>

				<!-- Laize Etiquette -->
				<div class="col-md-6">
						<label for="" class="form-label">Laize Etiquette</label>
						<input type="number" class="form-control" name="laize" value="{{ old('laize') }}" id="">
				</div>

				<!-- Dévlop Etiquette -->
				<div class="col-md-6">
						<label for="" class="form-label">Nombre de pose Laize</label>
						<input type="number" class="form-control" name="NbrPoseLaize" value="{{ old('NbrPoseLaize') }}" 
								id="NbrPoseLaize" onblur="calculate()">
				</div>

				<!-- Nbr pose Laize -->
				<div class="col-md-6">
						<label for="" class="form-label">Developpé Etiquette</label>
						<input type="number" class="form-control" name="developpe" value="{{ old('developpe') }}" id="">
				</div>

				<!-- Nbr pose Dévelop -->
				<div class="col-md-6">
						<label for="" class="form-label">Nombre de pose Developpé</label>
						<input type="number" class="form-control" name="NbrPoseDevelop" value="{{ old('NbrPoseDevelop') }}" 
								id="NbrPoseDevelop" onblur="calculate()">
				</div>

				<div class="col-md-6">
						<label for="" class="form-label">Client</label>
						<select id="" name="client_id" aria-label="Select a Language" data-control="select2" data-placeholder="Selectionner un Client..." class="form-select mb-2">
							<option selected>...</option>
							@foreach($clients as $client)
							<option value="{{ $client->id }}">{{ $client->client }}</option>
							@endforeach
						</select>
				</div>

				<div class="col-md-6">
						<label for="" class="form-label">Outil Z</label>
						<select id="" name="outil_id" aria-label="Select a Language" data-control="select2" data-placeholder="Selectionner L'outil..." class="form-select mb-2">
							<option selected>...</option>
							@foreach($outils as $outil)
							<option value="{{ $outil->id }}">{{ $outil->outil }}</option>
							@endforeach
						</select>
				</div>

				<div class="col-md-6">
						<label for="" class="form-label">Nombre de pose total</label>
						<input type="number" class="form-control" name="NbrPoseTotal" value="{{ old('NbrPoseTotal') }}" 
								id="NbrPoseTotal" readonly="readonly">
				</div>
						  	
				<div class="col-12 mt-3">
						<button type="submit" class="btn btn-sm btn-primary mb-5">Sauvegarder</button>
				</div>

			</form>
		</div>
	</div>
	<!--end::Row-->	
<script type="text/javascript">
	calculate = function()
				{
				    var laize = document.getElementById('NbrPoseLaize').value;
				    var develop = document.getElementById('NbrPoseDevelop').value; 
				    document.getElementById('NbrPoseTotal').value = parseInt(laize)*parseInt(develop);

			   	}
</script>			
@endsection