@extends('layouts.template')

@section('content')					
	<!--begin::Row-->
	<div class="card card-flush">

		<div class="d-flex flex-stack my-3 ">
			<!--begin::Folder path-->
			<div class="badge badge-lg badge-light-primary">
				<h1 class="d-flex align-items-center flex-wrap">
					<a href="#">ORDRE DE FABRICATION # {{ sprintf("%04d", count($numberRow)+1) }}</a>
				</h1>
			</div>
			<!--end::Folder path-->
		</div>

		<!--begin::Card header-->
		<div class="card-header pt-8">
			<!--begin::Card title-->
			<div class="card-title">
				<h1>LIGNE DE COMMANDE</h1>
			</div>
			<!--end::Card title-->
		</div>
		<!--end::Card header-->

		<!--begin::Card header-->
		<div class="card-header pt-8">
			<!--begin::Card title-->
			<div class="card-title">
				<h3>Date de création : </h3>
				<h4 class="text-primary">{{ date('d-m-Y') }}</h4>
			</div>
			<!--end::Card title-->
		</div>
		<!--end::Card header-->

		<!--begin::Card body-->
		<div class="card-body">
			<!--begin::Form-->
			<form 	class="form" id="kt_file_manager_settings" 
					action="{{ url('fabrication') }}" 
					method="POST">
					@csrf

				<input type="hidden" name="ordreFab" value="{{ sprintf('%04d', count($numberRow)+1) }}">

				<!--begin::Input group -- Code Client-->
				<div class="fv-row row mb-15">

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Machine</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-6">
						<!--begin::Input-->
						<select name="machine" class="form-select mb-2">
							<option value="" disabled selected>Selectionner une machine...</option>
							<option value="M1">M1</option>
							<option value="M2">M2</option>		
						</select>
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<div class="col-md-4">
						<!--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="miseEpreuve" type="checkbox" value="1"/>
								<label class="form-check-label" >Première mise à l'épreuve</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>

				</div>
				<!--end::Input group-->

				<!--begin::Input group -- N° Bon de commande-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">N° Bon de commande</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="Ncmd" type="text" placeholder="N° Bon de commande" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Quantité commandée</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="Qcmd" type="text" placeholder="Quantité commandée" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Nom client - Secteur d'activité -->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Nom client</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">

						<!--begin::Input-->
						<select name="client_id" class="form-select mb-2">
							<option value="" disabled selected>Selectionner un client</option>
							@foreach($clients as $client)
							<option value="{{ $client->id }}">{{ $client->client }}</option>	
							@endforeach
						</select>
						<!--end::Input-->

					</div>
					<!--end::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Secteur d'activité</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="secteur" type="text" placeholder="Secteur d'activité" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Commercial-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Commercial</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-10">
						<!--begin::Input-->
						<select name="commercial" class="form-select mb-2">
							<option value="" disabled selected>Selectionner un commercial</option>
							@foreach($commercials as $commercial)
							<option value="{{ $commercial->nom }} {{ $commercial->prenom }}">
								{{ $commercial->nom }} {{ $commercial->prenom }}
							</option>	
							@endforeach
						</select>
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Observation commercial-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Observation commercial</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-10">
						<!--begin::Input-->
						<textarea name="observation" placeholder="Observation commercial" class="form-control mb-2" style="height: 100px"></textarea>
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<hr/>
				
				<!--begin::Card title-->
				<div class="card-title mb-6">
					<h1>INFORMATION PRODUIT</h1>
				</div>
				<!--end::Card title-->
				
				<!--begin::Input group -- ID Produit-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">ID Produit</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="IDproduit" type="text" placeholder="ID Produit" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Designation</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<textarea name="designation" placeholder="Designation" class="form-control mb-2" style="height: 40px"></textarea>
						<!--end::Input-->
					</div>
				</div>
				<!--end::Input group-->

				<!--begin::Input group -->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="offset-md-2 col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Avec BAT</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="avecBAT" 
										type="checkbox" value="1" />
								<label class="form-check-label">Oui</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Repiquage</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="repiquage" type="checkbox" value="1"/>
								<label class="form-check-label" >Oui</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Vernis</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="vernis" type="checkbox" value="1"/>
								<label class="form-check-label">Oui</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="offset-md-2 col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Pelliculage</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="pelliculage" type="checkbox" value="1" />
								<label class="form-check-label">Oui</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Perforage</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="perforage" type="checkbox" value="1"/>
								<label class="form-check-label" >Oui</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">C.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="commun" type="checkbox" value="1" />
								<label class="form-check-label" >Oui</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="offset-md-2 col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Imp. sur colle</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="ImpColle" type="checkbox" value="1" />
								<label class="form-check-label" >Oui</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Imp. sur verso</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="ImpVerso" type="checkbox" value="1" />
								<label class="form-check-label" >Oui</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Type Encre</label>
						<!--end::Subtitle-->
						<!--begin::Col-->
						<div class="col-md-4">
							<!--begin::Input-->
							<select name="encre" class="form-select mb-2">
								<option value="" disabled selected>Selectionner l'Encre'...</option>
								<option value=""></option>
								<option value="UV">UV</option>		
							</select>
							<!--end::Input-->
						</div>
						<!--end::Col-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="offset-md-2 col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Etiquettage </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="manuelle" type="radio" value="0"/>
								<label class="form-check-label" >Manuelle</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
						<!--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="manuelle" type="radio" value="1"/>
								<label class="form-check-label" >Auto</label>
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Subtitle-->
						<label class="fs-6 fw-bold mb-3">Amalgame</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="amalgam" 
										id="checkPose" type="checkbox" value="1" onclick="myFunction()"/>
								<label class="form-check-label" >Oui</label>
								<input type="number" name="amalPose" class="form-control mb-2 mx-5" 
										style="display:none;width:40%;" id="amalPose">
							</div>
							<!--begin::Switch-->
						</div>
						<!--end::Options-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->
				
				<hr/>

				<!--begin::Card title-->
				<div class="card-title mb-6">
					<h1>SUPPORT</h1>
				</div>
				<!--end::Card title-->

				<!--begin::Input group -- Quantité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Laize support</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="laizeSupport" type="number" placeholder="Laize support" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Métrage Théorique</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="metrage" type="number" placeholder="Métrage Théorique" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Quantité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Dorure</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<select name="dorure" class="form-select mb-2">
							<option value="" disabled selected>Selectionner la dorure...</option>
							<option></option>
							<option value="Dorure Or">Dorure Or</option>
							<option value="Dorure argent">Dorure argent</option>		
						</select>
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Laize dorure</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="laizeDorure" type="number" placeholder="Laize dorure" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Quantité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Outils</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<select name="outils" class="form-select mb-2">
							<option value="" disabled selected>Selectionner un outil</option>
							@foreach($outils as $outil)
							<option value="{{ $outil->outil }}">
								{{ $outil->outil }}
							</option>	
							@endforeach
						</select>
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">ID Outils</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="idOutils" type="text" placeholder="ID Outils" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Quantité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Pression de découpe</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-10">
						<!--begin::Input-->
						<input name="pression" type="number" placeholder="Pression de découpe" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<hr/>

				<!--begin::Card title-->
				<div class="card-title mb-6">
					<h1>FINITION</h1>
				</div>
				<!--end::Card title-->

				<!--begin::Input group -- Quantité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Quantité à produire</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="quantiteProd" type="number" placeholder="Quantité à produire" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Métrage produit</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="metragProd" type="number" placeholder="Métrage produit" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Quantité / Unité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Quantité / Unité</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="qtUnite" type="number" placeholder="Quantité / Unité" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Quantité / Pose</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="qtPose" type="number" placeholder="Quantité / Pose" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Laize - Développé -->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Laize</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="laize" type="number" placeholder="Laize" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Développé</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="developpe" type="number" placeholder="Développé" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Quantité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Mandrin</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="mandrin" type="text" placeholder="Mandrin" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Nbr Poses</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="nbrPose" type="number" placeholder="Nbr Poses" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Quantité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Laize prod</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="laizeProd" type="number" placeholder="Laize prod" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Diamètre prod</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="diametreProd" type="number" placeholder="Diamètre prod" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Quantité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Enroulement</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<select name="enroule" class="form-select mb-2">
							<option value="" disabled selected>Selectionner l'enroulement'...</option>
							<option></option>
							<option value="Externe">Externe</option>
							<option value="Interne">Interne</option>		
						</select>
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Taille du défaut</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-4">
						<!--begin::Input-->
						<input name="tailleDef" type="text" placeholder="Taille du défaut" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--end::Card title-->

				<!--begin::Input group -- Sens 1 -->
				<div class="fv-row row mb-15">

					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Sens</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-1">
						<!--begin::Label-->
						<img src="{{ asset('assets/media/sens/sens01.jpg') }}" class="img-fluid">
						<!--end::Label-->
						<!--begin::Input-->
						<input class="form-check-input h-25px w-25px mt-1" name="sens" type="radio" 
								value="1" style="float: right;" />
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-1">
						<!--begin::Label-->
						<img src="{{ asset('assets/media/sens/sens02.jpg') }}" class="img-fluid">
						<!--end::Label-->
						<!--begin::Input-->
						<input class="form-check-input h-25px w-25px mt-1" name="sens" type="radio" 
								value="2" style="float: right;" />
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-1">
						<!--begin::Label-->
						<img src="{{ asset('assets/media/sens/sens03.jpg') }}" class="img-fluid">
						<!--end::Label-->
						<!--begin::Input-->
						<input class="form-check-input h-25px w-25px mt-1" name="sens" type="radio" 
								value="3" style="float: right;" />
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-1">
						<!--begin::Label-->
						<img src="{{ asset('assets/media/sens/sens04.jpg') }}" class="img-fluid">
						<!--end::Label-->
						<!--begin::Input-->
						<input class="form-check-input h-25px w-25px mt-1" name="sens" type="radio" 
								value="4" style="float: right;" />
						<!--end::Input-->
					</div>
					<!--end::Col-->

				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Sens 2 -->
				<div class="fv-row row mb-15">

					<!--begin::Col-->
					<div class="offset-md-2 col-md-1">
						<!--begin::Label-->
						<img src="{{ asset('assets/media/sens/sens05.jpg') }}" class="img-fluid">
						<!--end::Label-->
						<!--begin::Input-->
						<input class="form-check-input h-25px w-25px mt-1" name="sens" type="radio" 
								value="5" style="float: left;" />
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-1">
						<!--begin::Label-->
						<img src="{{ asset('assets/media/sens/sens06.jpg') }}" class="img-fluid">
						<!--end::Label-->
						<!--begin::Input-->
						<input class="form-check-input h-25px w-25px mt-1" name="sens" type="radio" 
								value="6" style="float: left;" />
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-1">
						<!--begin::Label-->
						<img src="{{ asset('assets/media/sens/sens07.jpg') }}" class="img-fluid">
						<!--end::Label-->
						<!--begin::Input-->
						<input class="form-check-input h-25px w-25px mt-1" name="sens" type="radio" 
								value="7" style="float: left;" />
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-1">
						<!--begin::Label-->
						<img src="{{ asset('assets/media/sens/sens08.jpg') }}" class="img-fluid">
						<!--end::Label-->
						<!--begin::Input-->
						<input class="form-check-input h-25px w-25px mt-1" name="sens" type="radio" 
								value="8" style="float: left;" />
						<!--end::Input-->
					</div>
					<!--end::Col-->

				</div>
				<!--end::Input group-->

				<hr/>

				<!--begin::Card title-->
				<div class="card-title mb-6">
					<h1>EMBALLAGE</h1>
				</div>
				

				

				<!--begin::Input group -- Quantité-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-1 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Carton</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Input-->
						<input name="carton" type="text" placeholder="Carton" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-1 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">PCB Max</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Input-->
						<input name="pcbMax" type="number" placeholder="PCB Max" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->

					<!--begin::Col-->
					<div class="col-md-1 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">SPCB</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-3">
						<!--begin::Input-->
						<input name="spcb" type="number" placeholder="PCB Max" class="form-control mb-2">
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

				<!--begin::Input group -- Observation commercial-->
				<div class="fv-row row mb-15">
					<!--begin::Col-->
					<div class="col-md-2 d-flex align-items-center">
						<!--begin::Label-->
						<label class="fs-6 fw-bold">Observation produit</label>
						<!--end::Label-->
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-md-10">
						<!--begin::Input-->
						<textarea name="observationProd" placeholder="Observation produit" class="form-control mb-2" style="height: 100px"></textarea>
						<!--end::Input-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Input group-->

						
				<!--begin::Action buttons-->
				<div class="row mt-12">
					<div class="col-md-9 offset-md-3">
							<!--begin::Button-->
							<button type="submit" class="btn btn-primary" id="kt_file_manager_settings_submit">
								<span class="indicator-label">Sauvegarder</span>
								<span class="indicator-progress">Please wait...
								<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
							</button>
							<!--end::Button-->
					</div>
				</div>
				<!--begin::Action buttons-->

			</form>
			<!--end::Form-->
		</div>
		<!--end::Card body-->
	</div>
	<!--end::Row-->				
@endsection						

@section('javascripts')
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script>
	var app = new Vue({
	    el: "#app",
	    data: {
	        inputs: [
	            {
	                name: ''
	            }
	        ]
	    },
	    methods: {
	        add(index) {
	            this.inputs.push({ name: '' });
	        },
	        remove(index) {
	            this.inputs.splice(index, 1);
	        }
	    }
	});
</script>

<script type="text/javascript">
	function myFunction() {
	  var checkBox = document.getElementById("checkPose");
	  var amalPose = document.getElementById("amalPose");
	  if (checkBox.checked == true){
	    amalPose.style.display = "block";
	  } else {
	     amalPose.style.display = "none";
	  }
	}
</script>
@endsection