@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="{{ route('decoupe.update',$decoupe->id) }}" method="POST">
			@csrf
			@method('PUT')
				<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="{{ $decoupe->IDforme }}" 
							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 @if ($decoupe->forme == 'Rectangle') selected @endif >Rectangle</option>
							<option @if ($decoupe->forme == 'Carré') selected @endif >Carré</option>
							<option @if ($decoupe->forme == 'Triangle') selected @endif >Triangle</option>
							<option @if ($decoupe->forme == 'Cercle') selected @endif >Cercle</option>
							<option @if ($decoupe->forme == 'Ellipse') selected @endif >Ellipse</option>
							<option @if ($decoupe->forme == 'Oval') selected @endif >Oval</option>
							<option @if ($decoupe->forme == 'Octogne') selected @endif >Octogne</option>
							<option @if ($decoupe->forme == 'Pentagone') selected @endif >Pentagone</option>
							<option @if ($decoupe->forme == 'Hexagone') selected @endif >Hexagone</option>
							<option @if ($decoupe->forme == 'Losange') selected @endif >Losange</option>
							<option @if ($decoupe->forme == 'Trapèze') selected @endif >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="{{ $decoupe->laize }}">
				</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="{{ $decoupe->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="{{ $decoupe->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="{{ $decoupe->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">
							@foreach($clients as $client)
							<option value="{{ $client->id }}"
								@if ($decoupe->client_id == $client->id) selected @endif
								>{{ $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">
							@foreach($outils as $outil)
							<option value="{{ $outil->id }}"
								@if ($decoupe->outil_id == $outil->id) selected @endif
								>{{ $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="{{ $decoupe->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