@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="sliders"></i> <h3>Tarification Et Contrats</h3>
                            </div>
                         
							
						
						
							<div class="espace"></div>
						
						
						
						
						
						
						
						  <div class="card">
                  <div class="card-header">
                 
					<i class="aliga" data-feather="map"></i>    <h4 class="tit01 card-title mb-0">Ajouter Villes livraison</h4>
				
                  </div>
              
			  
			  
			   <div class="row switch-showcase">
                    <div class="col-sm-12">
                     
                
				
				
				
				
				
				<div class="card-body row switch-showcase">
          <div class="col-sm-3">
                     
                    
            <div class="media mb-2">
              <label class="col-form-label m-r-10">Casablanca</label>
              <div class="media-body text-end icon-state">
                <label class="switch">
                  <input type="checkbox" ><span class="switch-state"></span>
                </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">Rabat</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </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">Bouznika</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </label>
                        </div>
                      </div>
                      
                     
                     
                    </div>
                      
					  
					  
					   <div class="col-sm-3">
                     
                    
                      <div class="media mb-2">
                        <label class="col-form-label m-r-10">Marrakech</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </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">Agadir</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </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">El jadida</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </label>
                        </div>
                      </div>
                      
                     
                     
                    </div>
					
					
					
					
					
					
					 <div class="col-sm-3">
                     
                    
                      <div class="media mb-2">
                        <label class="col-form-label m-r-10">Fes</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </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">Meknes</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </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">Tanger</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox"  ><span class="switch-state"></span>
                          </label>
                        </div>
                      </div>
                      
                     
                     
                    </div>
					
					
					
					
					
					
					 <div class="col-sm-3">
                     
                    
                      <div class="media mb-2">
                        <label class="col-form-label m-r-10">Asilah</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </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">Tétouan</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </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">Ouarzazat</label>
                        <div class="media-body text-end icon-state">
                          <label class="switch">
                            <input type="checkbox" ><span class="switch-state"></span>
                          </label>
                        </div>
                      </div>
                      
                     
                     
                    </div>
                   
					
					
					<div class="espace"></div>
					
					
			<div class="text-end">
                     <a href="tarifa"><div class="crikit btn btn-primary" type="submit"> Ajouter</div></a>
                   </div>		
				
</div>







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

	
	
	<script>
	
	function disableTxt() {
  document.getElementById("patient-information").disabled = true;

  var x = document.getElementById("edit-action-btns");
  var y = document.getElementById("edit-btn");
  if (x.style.visibility === "hidden") {
    x.style.visibility = "visible";
  } else {
    x.style.visibility = "hidden";
  }
  if (y.style.display === "inline-block") {
    y.style.display = "none";
  } else {
    y.style.display = "inline-block";
  }
}

function undisableTxt() {
  document.getElementById("patient-information").disabled = false;

  var x = document.getElementById("edit-action-btns");
  var y = document.getElementById("edit-btn");
  if (x.style.visibility === "visible") {
    x.style.visibility = "hidden";
  } else {
    x.style.visibility = "visible";
  }
  if (y.style.display === "none") {
    y.style.display = "inline-block";
  } else {
    y.style.display = "none";
  }
}


	</script>



	@stop