@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">Modifier Cliché</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('cliche.update',$cliche->id) }}" method="POST">
			@csrf
			@method('PUT')
				<div class="col-md-2">
					<label for="" class="form-label">ID Cliché</label>
					<input type="number" class="form-control" name="IDcliche" 
							value="{{ $cliche->IDcliche }}" 
							readonly="readonly">
				</div>

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

				<!-- Nom cliché -->
				<div class="col-md-6">
						<label for="" class="form-label">Nom cliché</label>
						<input type="text" class="form-control" name="nomCliche" value="{{ $cliche->nomCliche }}">
				</div>

				<!-- Nombre cliché -->
				<div class="col-md-6">
						<label for="" class="form-label">Nombre cliché</label>
						<select id="" name="nbrCliche" aria-label="Select a Language" data-control="select2" data-placeholder="Selectionner Nombre cliché..." class="form-select mb-2">
							<option value="1" @if($cliche->nbrCliche == 1) selected @endif >1</option>
							<option value="2" @if($cliche->nbrCliche == 2) selected @endif >2</option>
							<option value="3" @if($cliche->nbrCliche == 3) selected @endif >3</option>
							<option value="4" @if($cliche->nbrCliche == 4) selected @endif >4</option>
							<option value="5" @if($cliche->nbrCliche == 5) selected @endif >5</option>
							<option value="6" @if($cliche->nbrCliche == 6) selected @endif >6</option>
						</select>
				</div>

				<!-- Outil Z -->
				

				<div class="col-md-6">
						<label for="" class="form-label">Forme de découpe</label>
						<select id="" name="decoupe_id" aria-label="Select a Language" data-control="select2" data-placeholder="Selectionner L'outil..." class="form-select mb-2">
							@foreach($decoupes as $decoupe)
							<option value="{{ $decoupe->id }}" @if($cliche->decoupe_id == $decoupe->id) selected @endif>
								{{ $decoupe->laize }}x{{ $decoupe->developpe }} - {{ $decoupe->client->client }}
							</option>
							@endforeach
						</select>
				</div>

				<div class="col-md-6">
						<label for="" class="form-label">Cliché commun</label>
						<!--end::Subtitle-->
						<!--begin::Options-->
						<div class="d-flex">
							<!--begin::Switch-->
							<div class="form-check form-switch form-check-custom form-check-solid me-10">
								<input class="form-check-input h-30px w-50px" name="CummCliche" 
										type="checkbox" value="1" @if($cliche->CummCliche == 1) checked @endif  />
								<label class="form-check-label">Oui</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
				</div>

				<div class="col-md-6">
						<label for="" class="form-label">Pontone Cliché</label>
						<input type="text" class="form-control" name="PonCliche" value="{{ old('PonCliche') }}">
				</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