@extends('layout.menu11')

@section('content2')  

   
<div class="pikoli">
<div class=" page-body pikolo2">
                <div class="container-fluid">
                    <div class="page-title">
                        <div class="row">
                            <div class="col-6">
                               <i class="icona" data-feather="box"></i> <h3>Nouvelle demande</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">							Nouvelle demande
				</h4>
                   
															

                  </div>
				  
				  
				  
				  
				  
			
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				  
                  <div class="card-body row switch-showcase">
                    <div class="col-sm-12">
                     
                
				
				
				
				
				
				
				
				<div class="">
				<div class="leftis1">
				
				
			
				
				<div class="espace"></div>
				
				
				<div class="">
				<img class="img-dt" src="{{ asset('theme/assets/images/calendr2.png') }}" alt="">
				<div class="ttxt">Ville expedition (ramassage)<br>
				
				
					<div class="">
					
						<select class="form-select15" id="validationTooltip04" required="">
						  <option selected="" disabled="" value="">Séléctionner...</option>
						  <option>Casablanca</option>
						  <option>Bouznika</option>
						  <option>Mohammedia</option>

						  <option>El jadida</option>
						  <option>Marrakech</option>
						  <option>Agadir</option>


						</select>                            </div>
				
				
				</div>
				
				</div>
				
				
				<div class="clr"></div>
				<div class="espace"></div>
				





				<div class="">
					<img class="img-dt" src="{{ asset('theme/assets/images/calendr2.png') }}" alt="">
					<div class="ttxt">Ville livraison (destination)<br>
					
					
						<div class="">
						
							<select class="form-select15" id="validationTooltip04" required="">
							  <option selected="" disabled="" value="">Séléctionner...</option>
							  <option>Casablanca</option>
							  <option>Bouznika</option>
							  <option>Mohammedia</option>
	
							  <option>El jadida</option>
							  <option>Marrakech</option>
							  <option>Agadir</option>
	
	
							</select>                            </div>
					
					
					</div>
					
					</div>
					

					<div class="clr"></div>
					<div class="espace"></div>
					


					<div class="">
						<img class="img-dt" src="{{ asset('theme/assets/images/a2.png') }}" alt="">
						<div class="ttxt">Mode<br>
						
						
							<div class="">
							
								<select class="form-select15" id="validationTooltip04" required="">
								  <option selected="" disabled="" value="">Séléctionner...</option>
								  <option>Mutualisé</option>
								  <option>Didié</option>
								 
		
		
								</select>                            </div>
						
						
						</div>
						
						</div>


					
					<div class="clr"></div>
					<div class="espace"></div>








					<div class="">
						<img class="img-dt" src="{{ asset('theme/assets/images/calendr3.png') }}" alt="">
						<div class="ttxt">Période<br>
						
						
							<div class="">
							
								<select class="form-select15" id="validationTooltip04" required="">
								  <option selected="" disabled="" value="">Séléctionner...</option>
								  <option>Matin</option>
								  <option>Aprés midi</option>
								  <option>Soir</option>
								  <option>Fléxible</option>
								
		
		
								</select>                            </div>
						
						
						</div>
						
						</div>
						
						
						<div class="clr"></div>
						<div class="espace"></div>





						<div class="">
							<img class="img-dt" src="{{ asset('theme/assets/images/calendr.png') }}" alt="">
							<div class="ttxt">Période<br>
							
							
								<div class="">
								
									
								<input class="form-select15" type="date">                     </div>
							
							
							</div>
							
							</div>
				
				
				
				
				<div class="clr"></div>
				<div class="espace"></div>
				
				
				
				
		
				
				
				
				
				
				<div class="clr"></div>
				<div class="espace"></div>
				
			
			
				
				</div>
				
				
				<div class="leftis2">
				<img class="i1mg-dt" src="{{ asset('theme/assets/images/map001.png') }}" alt="">
				</div>
				
				
				
				
				
				
				
				
				
				
				
				
				
                      
                     
                     
                    </div>
					
					
					
					
					
					
					
				

                  </div>
                </div>
              </div>
			  
		     </div>
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			  
			 
			 
			 
			 
			 
			 <div class="col-sm-12">
				<div class="card">
				  <div class="card-header">
				  <i class="aliga" data-feather="check"></i>    <h4 class="tit01 card-title mb-0">Infos véhicule</h4>
				   
															

				  </div>
				  <div class="card-body row switch-showcase">
					<div class="col-sm-12">
					 
			 


						<div class="titchargement">Spécialité</div>
						<div class="lineh"></div>

						<div class="espace"></div>
						<div class="row">
						<div class="col-sm-2">
							<div class="card">
							  <div class="media p-20">
							
								<div class="media-body">
							   <img class="palette5" src="{{ asset('theme/assets/images/logo/ch-1.png') }}">
								  <h6 class="tit0001 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="media-body">
							   <img class="palette5" src="{{ asset('theme/assets/images/logo/ch-1.png') }}">
								  <h6 class="tit0001 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="media-body">
							   <img class="palette5" src="{{ asset('theme/assets/images/logo/ch-2.png') }}">
								  <h6 class="tit0001 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="media-body">
							   <img class="palette5" src="{{ asset('theme/assets/images/logo/ch-08.png') }}">
								  <h6 class="tit0001 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="media-body">
							   <img class="palette5" src="{{ asset('theme/assets/images/logo/ch-5.png') }}">
								  <h6 class="tit0001 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="media-body">
							   <img class="palette5" src="{{ asset('theme/assets/images/logo/ch-08.png') }}">
								  <h6 class="tit0001 mt-0 mega-title-badge">Colis / messageries</h6>
								 
								</div>
							  </div>
							</div>
						  </div>

						  
						</div>
				</div>







				<div class="col-sm-3">
					<img class="img-dt" src="{{ asset('theme/assets/images/a4.png') }}" alt="">
					<div class="ttxt">Tonnage :<br><span>7T - 25m3</span></div>
					
					</div>




					<div class="col-sm-3">
						<img class="img-dt" src="{{ asset('theme/assets/images/a4.png') }}" alt="">
						<div class="ttxt">Ouverture :<br><span>latérale</span></div>
						
						</div>







						<div class="col-sm-3">
						 
						
							<div class="media mb-2">
							  <label class="col-form-label m-r-10">Groupage</label>
							  <div class="media-body text-end icon-state">
								<label class="switch">
								  <input type="checkbox" checked="" ><span class="switch-state">
								</label>
							  </div>
							</div>
							
						   
						   
						  </div>
						  
						
						  
						   <div class="col-sm-3">
						   
						  
							<div class="media mb-2">
							  <label class="col-form-label m-r-10">Mutualisé</label>
							  <div class="media-body text-end icon-state">
								<label class="switch">
								  <input type="checkbox" checked="" > <span class="switch-state">
								</label>
							  </div>
							</div>
							
						   
						   
						  </div>
						
			</div>
			 
			 



			


			 
		</div>

	</div>
			 
			 
			 
			 
			 
			 
			 
			 
			 






				<div class="col-sm-12">
					<div class="card">
					  <div class="card-header">
					  <i class="aliga" data-feather="check"></i>    <h4 class="tit01 card-title mb-0">Services supplémentaires</h4>
					   
																
	
					  </div>
					  
					  
					  
					  
					  
				
					  
					  
					  
					  
					  
					  
					  
					  
					  
					  
					  
					  
					  <div class="card-body row switch-showcase">
						<div class="col-sm-12">
						 
					
					
					
					
					
					
					
					
					<div class="">
					<div class="">
					
					
					
					
				
					
					
					
					
					
					
				
					
				
					
					
				<div class=" row switch-showcase">
						<div class="col-sm-3">
						 
						
						  <div class="media mb-2">
							<label class="col-form-label m-r-10">Transport</label>
							<div class="media-body text-end icon-state">
							  <label class="switch">
								<input type="checkbox" checked="" ><span class="switch-state">
							  </label>
							</div>
						  </div>
						  
						 
						 
						</div>
						
						 <div class="col-sm-1"></div>
						
						 <div class="col-sm-3">
						 
						
						  <div class="media mb-2">
							<label class="col-form-label m-r-10">Chargement, déchargement</label>
							<div class="media-body text-end icon-state">
							  <label class="switch">
								<input type="checkbox" checked="" > <span class="switch-state">
							  </label>
							</div>
						  </div>
						  
						 
						 
						</div>
						
						 <div class="col-sm-1"></div>
						
						 <div class="col-sm-3">
						 
						
						  <div class="media mb-2">
							<label class="col-form-label m-r-10">Démontage et remontage des mobiliers</label>
							<div class="media-body text-end icon-state">
							  <label class="switch">
								<input type="checkbox" ><span class="switch-state">
							  </label>
							</div>
						  </div>
						  
						 
						 
						</div>
						
						
						
							 <div class="col-sm-3">
						 
						
						  <div class="media mb-2">
							<label class="col-form-label m-r-10">Emballage des biens fragiles</label>
							<div class="media-body text-end icon-state">
							  <label class="switch">
								<input type="checkbox" checked="" ><span class="switch-state">
							  </label>
							</div>
						  </div>
						  
						 
						 
						</div>
					
					
					
					<div class="clr"></div>
					<div class="espace"></div>
					
					
					
					
					
					
					</div>
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
						  
						 
						 
						</div>
						
						
						
						
						
						
						
					
	
					  </div>
					</div>
				  </div>
				  
				 </div>
				 
				 
				 
				 
				 
					</div>














					<div class="col-sm-12">
						<div class="card">
						  <div class="card-header">
						  <i class="aliga" data-feather="check"></i>    <h4 class="tit01 card-title mb-0">Commentaire</h4>
						   
																	
		
						  </div>
						  
						  
						  
						  
						  
					
						  <textarea class="texare" id="story" name="story"
						  rows="5" cols="33"> Votre commentaire ...</textarea>
						  
						  
						  
						  
						  
						  
						  
						  
						  <div class="card-body row switch-showcase">
							<div class="col-sm-12">


							</div>  </div>
						</div>  </div>

              </div>
			  



	
	@stop