@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="dollar-sign"></i> <h3>Tarification Et Contrats</h3>
                            </div>
                         
							
						
						<div class="clr"></div>
							<div class="espace"></div>
						 <div class="card-body">
					  <ul class="nav nav-pills nav-secondary" id="pills-successtab" role="tablist">
                      <li class="nav-item"><a class="nav-link active" id="pills-successhome-tab" data-bs-toggle="pill" href="#pills-successhome" role="tab" aria-controls="pills-successhome" aria-selected="true"> <i class="iconas2" data-feather="map"></i> Trajets</a></li>
                      <li class="nav-item"><a class="nav-link" id="pills-successprofile-tab" data-bs-toggle="pill" href="#pills-successprofile" role="tab" aria-controls="pills-successprofile" aria-selected="false"><i class="iconas2" data-feather="truck"></i>Groupes véhicules</a></li>
                      <li class="nav-item"><a class="nav-link" id="pills-successcontact-tab" data-bs-toggle="pill" href="#pills-successcontact" role="tab" aria-controls="pills-successcontact" aria-selected="false"><i class="iconas2" data-feather="check"></i>Services supplémentaires</a></li>

                   
				   </ul>
			  
			  
			  
			  
			  <div class="tab-content" id="pills-successtabContent">
                      <div class="tab-pane fade show active" id="pills-successhome" role="tabpanel" aria-labelledby="pills-successhome-tab">
                        <p class="mb-0 m-t-30">
						
							<div class="col-sm-12">
                <div class="card">
                  <div class="card-header">
                 
					<i class="aliga" data-feather="map"></i>    <h4 class="tit01 card-title mb-0">Villes départ</h4>
					<a href="tarif2"> <button class="crikit2 btn-primary" type="button">Ajouter Villes départ</button></a>
                  </div>
              
			  
			  
			   <div class="row switch-showcase">
                    <div class="col-sm-12">
                     
                    <div class="table-responsive add-project">
                                        <table class="table card-table table-vcenter text-nowrap">
                                           
                                            <tbody>
                                                <tr>
                                                    <td><a class="text-inherit" href="#">Casablanca, Mohammedia, Bouskoura, Dar bouazza, berrchid</a></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 class="card">
                  <div class="card-header">
                 
					<i class="aliga" data-feather="map"></i>    <h4 class="tit01 card-title mb-0">Villes livraison</h4>
					<a href="tarif2"> <button class="crikit2 btn-primary" type="button">Ajouter Villes livraison</button></a>
                  </div>
              
			  
			  
			   <div class="row switch-showcase">
                    <div class="col-sm-12">
                     
                    <div class="table-responsive add-project">
                                        <table class="table card-table table-vcenter text-nowrap">
                                           
                                            <tbody>
                                                <tr>
                                                    <td><a class="text-inherit" href="#">Casablanca, Mohammedia, Bouskoura, Dar bouazza, berrchid</a></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>
			  
						</p>
                      </div>
                      <div class="tab-pane fade" id="pills-successprofile" role="tabpanel" aria-labelledby="pills-successprofile-tab">
                        <p class="mb-0 m-t-30">
						
						
						
					
					
					
					
					
					
					
					
					
					  <div class="card">
                  <div class="card-header">
                 
					<i class="aliga" data-feather="map"></i>    <h4 class="tit01 card-title mb-0">Groupes véhicules</h4>
					<a href="tarif3"> <button class="crikit2 btn-primary" type="button">Ajouter Groupe véhicule</button></a>
                  </div>
              
			  
			  
			   <div class="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>Groupe</th>
                                                    <th>Nombre de véhicule</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
											
											
											
                                            <tbody>
                                                <tr>
                                                    <td><a class="text-inherit" href="#">Camion benne Neuf</a></td>
													<td><a class="text-inherit" href="#">3 véhicules</a></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-truck"></i> Voir les véhicules</a>

 <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>
					
					
					
					
					
					
					
					
					
					
					
						
						</p>
                      </div>
                      <div class="tab-pane fade" id="pills-successcontact" role="tabpanel" aria-labelledby="pills-successcontact-tab">
                        <p class="mb-0 m-t-30"> 
						
						

						
					  <div class="card">
                  <div class="card-header">
                 
					<i class="aliga" data-feather="map"></i>    <h4 class="tit01 card-title mb-0">Services supplémentaires</h4>
                  </div>
              
			  
			  
			   <div class="row switch-showcase">
                    <div class="col-sm-12 ">
                     
					 
					 
					 <div class="redalfi row">
					   <div class=" col-md-8">
                          <div class="mb-3">
                            <label class="form-label">Ajouter les services supplémentaires :</label>
                            <input class="form-control" type="text" Placeholder="">
                          </div>
                        </div>
						
						 <div class="col-md-4">
                        
						<div class="btncher">Ajouter</div>
                        </div>
						
						</div>
						
                    <div class="table-responsive add-project">
                                        <table class="table card-table table-vcenter text-nowrap">
                                           
										   
										   
										   <thead>
                                                <tr>
                                                    <th>Titre</th>
                                                    <th>Unité</th>
													<th>prix</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
											
											
											
                                            <tbody>
                                                <tr>
                                                    <td><a class="text-inherit" href="#">Chargement et déchargement</a></td>
													<td><a class="text-inherit" href="#">
													
													  <select class="form-select tabled2">
													  <option> Forfait </option>
													  <option> Forfait </option>
													  </select>
													</a></td>
                                                   
												   
												   
												   	<td><a class="text-inherit" href="#">
													<input type="text" class="form-control tabled3" value="500 Dh">
													  </select>
													</a></td>
													
													
                                                    <td class="text-end">
													

 <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>
						
						</p>
						
						
						</div>
						  
						
                      </div>
			  
			  
			  
			   </div>
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			
			
			
							<div class="clr"></div>
							<div class="espace"></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