@extends('layout.menu')

@section('content2')  

   

<div class="page-body">
                <div class="container-fluid">
                    <div class="page-title">
                        <div class="row">
                            <div class="col-6">
                               <i class="icona" data-feather="truck"></i> <h3>Ma flotte</h3>
                            </div>
                           
							
							<div class="clr"></div>
							<div class="espace"></div>
							
							
							
							
							
							
							
							
			  
			  
			  
			  
			  
		  
		  
		  
		  
		  
		  
		  
		   <div class="col-sm-12">
                <div class="card">
                  <div class="card-header">
				  <i class="aliga" data-feather="truck"></i>    <h4 class="tit01 card-title mb-0">Ajouter véhicule
</h4>
                   
															

                  </div>
				  
				  
				  
				  
				  
				
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
                  <div class="card-body row switch-showcase">
                    <div class="col-sm-12">
                     
                  
				  
				  
				  
				  
				  
				
				  
				  
				  
				  
				  
				  
				  <div class="card-body">
                     
					  
					  
					   
						
						
						
						
						  <div class="fright">
				  
				  
				   <div class="">
             
                
                 <label class="form-label">Photos*</label>
                    <form class="inda dropzone dropzone-primary" id="multiFileUpload" action="/upload.php">
                      <div class="dz-message needsclick"><img src="{{ asset('theme/assets/images/uplotruck.png') }}">
                        <h6>Photos de véhicule*</h6>
                      </div>
                    </form>
               
               
              </div>
			  
			  
				  </div>
				  
				  
				  
				  
				  
				  
				  <div class="fleft">
				  
				  
				  
				  
				  	 <div class="">
                          <div class="mb-3">
                            <label class="form-label">Type *</label>
					   
					   <select class="form-select" id="validationTooltip04" required="">
                          <option selected="" disabled="" value="">Séléctionner...</option>
                          <option>Camion container 40'</option>
						  <option>Camion benne</option>
						  <option>Camion Ampliroll</option>
                        </select>
						
						</div>
						</div>
						
						
						
						
						
						
						
						
                        
                        <div class="">
                          <div class="mb-3">
                            <label class="form-label">Véhicule *</label>
                            <input class="form-control" type="text" placeholder="Ford transit Custom">
                          </div>
                        </div>
                      
					  
					    <div class="">
                         
                            <label class="form-label">Plaque d’immatriculation*</label>
							 				

								
						  
                        </div>
						
						
				
				 <div class="row">
				
				   
						<div class="col-md-4">
                          
                            <input class="form-control" type="email" >
                         
                        </div>
							<div class="col-md-4">
                          
                            <select class="form-select" id="validationTooltip04" required="">
                          <option>ا</option>
						  <option>ب</option>
						  <option>د </option>
                        </select>
                         
                        </div>
							<div class="col-md-4">
                          
                            <input class="form-control" type="email" >
                         
                        </div></div>
						
						
						
						
						
						
						
						
				  </div>
				  
				  
				  <div class="clr"></div>
				    <div class="espace"></div>
				   <div class="row">
						
						
					
						   
				
				<div class="clr"></div>
				
				  <div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label">N° carte grise</label>
                            <input class="form-control" type="text" placeholder="ex : 123456">
                          </div>
                        </div>
						
						
						
						
						<div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label">Photo Carte grise</label>
                            <input class="form-control" id="input-file-1" type="file">
                          </div>
                        </div>
						
						
						
				 <div class="col-md-6">
                         
                            <label class="form-label">Dimensions</label>
							
								
						  
                        </div>
						
							 <div class="col-md-6">
                         
                            <label class="form-label">PTC (Poid total en charge Kg*)</label>
									
						  
                        </div>
						
						
						
                        
						<div class="col-md-1">
                          
                            <input class="form-control" type="email" placeholder="L">
                         
                        </div>
							<div class="col-md-1">
                          
                            <input class="form-control" type="email" placeholder="l">
                         
                        </div>
							<div class="col-md-1">
                          
                            <input class="form-control" type="email" placeholder="H">
                         
                        </div>
						
						<div class="col-md-3">
                          
                            <input class="form-control" type="email" placeholder="Cubage">
                         
                        </div>
					
					
					
					
					
					 <div class="col-md-6">
                         
                          
							<input class="form-control" type="text">
								
						  
                        </div>
						
					
					
					
					 <div class="col-md-6">
                         
								
						  
                        </div>
					
					<div class="clr"></div>
					<div class="viday"></div>
						<div class="clr"></div>
					
					   <div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label">Ouvertures</label>
                           
						   
						   
						   
						   
						   
					
                 
                    
                    
                   
                        <select class="js-example-placeholder-multiple col-sm-12 form-control" multiple="multiple">
                          <option value="AL">Latérale</option>
                          <option value="WY">Arrière</option>

                        </select>
            
					 
					   
					   
					
					  
					
					   
					   
					   
                          </div>
                        </div>
						
						
						
						
						<div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label">Nature marchandise</label>
                            <select class="form-select" id="validationTooltip04" required="">
                          <option>Standard</option>
						  <option>Fragile</option>
						  <option>Dangereux</option>
						  <option>Périssables</option>
						 
                        </select>
                          </div>
                        </div>
						
						
						
						
						
						   
						
						
						
						
						
						
						
						     <div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label">CBM</label>
                            <input class="form-control" type="text" placeholder="">
                          </div>
                        </div>
						
						
						
						
						<div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label">Baché *</label>
                            <select class="form-select" id="validationTooltip04" required="">
                          <option>Oui</option>
						  <option>Non</option>
						 
                        </select>
                          </div>
                        </div>
					  
                    
					
					
					
					
			  
			  
			  	<div class="clr"></div>
							<div class="espace"></div>
			  
			  <label class="form-label">Spécialités de véhicule</label>
			  
			  
			  
			  <div class="megaoptions-border-space-sm">
                    <form class="mega-inline">
                      <div class="row">
					 
                        <div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-1.png') }}">
                                <h6 class="mt-0 mega-title-badge">Palettes</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							  							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-2.png') }}">

                                <h6 class="mt-0 mega-title-badge"> Caisses / Cartons</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
                         <div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							  							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-08.png') }}">

                                <h6 class="mt-0 mega-title-badge"> Colis / messageries</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						  <div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							  							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-5.png') }}">

                                <h6 class="mt-0 mega-title-badge">Motos et véhicule</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						
						
						
						
						
							  <div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							  							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-3.png') }}">

                                <h6 class="mt-0 mega-title-badge"> Équipement de la maison</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						
						
							  <div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							  							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-4.png') }}">

                                <h6 class="mt-0 mega-title-badge"> Déménagements</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						 <div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							  							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-6.png') }}">

                                <h6 class="mt-0 mega-title-badge">  Biens fragiles</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						
						<div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							  							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-06.png') }}">

                                <h6 class="mt-0 mega-title-badge">  Produits périssables</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						<div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							  							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-8.png') }}">

                                <h6 class="mt-0 mega-title-badge"> Autres livraisons</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						
												<div class="col-sm-2">
                          <div class="card">
                            <div class="media p-20">
                              <div class="form-check  me-3">
                                <input class="form-check-input" id="radio19" type="checkbox" name="radio1" value="option1">
                                <label class="form-check-label" for="radio19"></label>
                              </div>
                              <div class="media-body">
							  							 <img class="palette" src="{{ asset('theme/assets/images/logo/ch-9.png') }}">

                                <h6 class="mt-0 mega-title-badge">Contenaires</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
							<div class="clr"></div>
							<div class="espace"></div>
                         
					
                      </div>
                    </form>
                  </div>
			  
                    
                    <div class="card-footer text-end">
                     <div class="crikit btn btn-primary" type="submit"> Enregistrer</div>
                   </div>
						  
						  
						  </div>
                        </div>
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
                     
                     
                    </div>
					
					
					
					
					
					
					
				

                  </div>
                </div>
              </div>
			  
		  
		  
                        </div>
                    </div>
                </div>
                <!-- Container-fluid starts-->
                
                <!-- Container-fluid Ends-->
            </div>

	
	@stop