@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">Véhicules</h4>
                   
															<a href="vehicule2"> <button class="crikit2 btn-primary" type="button" >Ajouter véhicule</button></a>

                  </div>
				  
				  
				  
				  
				  
				  <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                          <div class="modal-header">
                      <i class="aliga2" data-feather="plus-circle"></i>       <h4 class="modal-title" id="myLargeModalLabel">Ajouter véhicule</h4>
                            <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
                          </div>
                          <div class="modal-body">
						  
						  
						   <div class="card-body">
                      <div class="row">
					  
					  
					   
						
						
						
						 <div class="col-md-6">
                          <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="col-md-6">
                          <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="col-md-6">
                         
                            <label class="form-label">Plaque d’immatriculation*</label>
							
								
						  
                        </div>
						
						
				
						 <div class="col-md-6">
                         
                            <label class="form-label">Cubage en m3*</label>
							
								
						  
                        </div>
						   
				
				
				
				
				
						
						
						
						
						
                        
						<div class="col-md-2">
                          
                            <input class="form-control" type="email" >
                         
                        </div>
							<div class="col-md-2">
                          
                            <select class="form-select" id="validationTooltip04" required="">
                          <option>ا</option>
						  <option>ب</option>
						  <option>د </option>
                        </select>
                         
                        </div>
							<div class="col-md-2">
                          
                            <input class="form-control" type="email" >
                         
                        </div>
					
					
					
					
					
					 <div class="col-md-6">
                         
 <input class="form-control" type="text" placeholder="">							
								
						  
                        </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">Poid total en charge Kg*</label>
                            <input class="form-control" type="text" placeholder="Ford transit Custom">
                          </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="col-sm-12">
             
                
                 <label class="form-label">Photos*</label>
                    <form class="dropzone dropzone-primary" id="multiFileUpload" action="/upload.php">
                      <div class="dz-message needsclick"><i class="icon-cloud-up"></i>
                        <h6>Photos de véhicule*</h6>
                      </div>
                    </form>
               
               
              </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-3">
                          <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/palettes.jpeg') }}">
                                <h6 class="mt-0 mega-title-badge">Palettes</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="col-sm-3">
                          <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/caisses-cartons.jpeg') }}">

                                <h6 class="mt-0 mega-title-badge"> Caisses / Cartons</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
                         <div class="col-sm-3">
                          <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/colis-messageries.jpeg') }}">

                                <h6 class="mt-0 mega-title-badge"> Colis / messageries</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						  <div class="col-sm-3">
                          <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/motos-et-vehicules.jpeg') }}">

                                <h6 class="mt-0 mega-title-badge">Motos et véhicule</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						
						
						
						
						
							  <div class="col-sm-3">
                          <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/equipement-de-la-maison.jpeg') }}">

                                <h6 class="mt-0 mega-title-badge"> Équipement de la maison</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						
						
							  <div class="col-sm-3">
                          <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/demenagements.jpeg') }}">

                                <h6 class="mt-0 mega-title-badge"> Déménagements</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						 <div class="col-sm-3">
                          <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/biens-fragiles.jpeg') }}">

                                <h6 class="mt-0 mega-title-badge">  Biens fragiles</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						
						<div class="col-sm-3">
                          <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/produits-perissables.jpeg') }}">

                                <h6 class="mt-0 mega-title-badge">  Produits périssables</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						<div class="col-sm-3">
                          <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/autres-livraisons.jpeg') }}">

                                <h6 class="mt-0 mega-title-badge"> Autres livraisons</h6>
                               
                              </div>
                            </div>
                          </div>
                        </div>
						
						
						
						
												<div class="col-sm-3">
                          <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/palettes.jpeg') }}">

                                <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 class="card-body row switch-showcase">
                    <div class="col-sm-12">
                     
                    <div class="table-responsive add-project">
                                        <table class="table card-table table-vcenter text-nowrap">
                                            <thead>
                                                <tr>
                                                    <th>Type</th>
                                                    <th>Véhicule</th>
                                                    <th>Matricule</th>
													<th>Cubage </th>
                                                    <th>Poid total</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><a class="text-inherit" href="#">Camion container 40'</a></td>
                                                    <td>Ford transit Custom</td>
                                                    <td><span class="status-icon bg-success"></span> 1234567 - A - 44</td>
													<td>L20 X H2 X l2</td>
													<td>1500 Kg</td>
                                                    <td class="text-end">
                                                        <a class="icon" href="javascript:void(0)"></a><a class="btn btn-primary btn-sm" href="javascript:void(0)"><i class="fa fa-pencil"></i> Modifier</a>
                                                        <a class="icon" href="javascript:void(0)"></a><a class="btn btn-danger btn-sm" href="javascript:void(0)"><i class="fa fa-trash"></i> Supprimer</a></td>
                                                </tr>
												
												
												
                                              
                                             
                                              
                                            </tbody>
                                        </table>
                                    </div>
                      
                     
                     
                    </div>
					
					
					
					
					
					
					
				

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

	
	@stop