@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="col-6">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">
                                        <a href="index.html"> <i data-feather="home"></i></a>
                                    </li>
                                    <li class="breadcrumb-item">Dashboard</li>
                                    <li class="breadcrumb-item active">Default </li>
                                </ol>
                            </div>
							
							
							
							<div class="btnen">
							 <i class="icona2" data-feather="map"></i> 
							<div class="txticona">Trajets</div>
							
							</div>
							
							<div class="btnen">
							 <i class="icona2" data-feather="truck"></i> 
							<div class="txticona">Groupes véhicules</div>
							
							</div>
							
							<div class="btnen2">
							 <i class="icona2" data-feather="check"></i> 
							<div class="txticona">Services supplémentaires</div>
							
							</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="map"></i>    <h4 class="tit01 card-title mb-0">Villes de départ</h4>
					 <button class="crikit2 btn-primary" type="button" data-bs-toggle="modal" data-bs-target=".bd-example-modal-lg">Ajouter villes départ</button>
                  </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>Villes départ</th>
                                                   
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><a class="text-inherit" href="#">Casablanca - Rabat - Mohammedia - Bouznika - 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 class="clr"></div>
							<div class="espace"></div>
                    </div>
					
					<div class="clr"></div>
							<div class="espace"></div>
					
					
					
					
					
				

                  </div>
                </div>
              </div>
			  
			  
			  
			  
			  
			  
			  
		  
		  
		  
		  
		  
		  
		  
		   
			  
		  
		  
                        </div>
                    </div>
                </div>
                <!-- Container-fluid starts-->
                
                <!-- Container-fluid Ends-->
            </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 Entité interne</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=" animate-chk">
                    <div class="row">
                      <div class="col">
                        <label class="d-block" for="chk-ani">
                          <input class="checkbox_animated" id="chk-ani" type="checkbox" checked="">                                                Option 1
                        </label>
                        <label class="d-block" for="chk-ani1">
                          <input class="checkbox_animated" id="chk-ani1" type="checkbox">                                                Option 2
                        </label>
                        <label class="d-block" for="chk-ani2">
                          <input class="checkbox_animated" id="chk-ani2" type="checkbox" checked="">                                                Option 3
                        </label>
                        <label class="d-block" for="chk-ani3">
                          <input class="checkbox_animated" id="chk-ani3" type="checkbox">                                                Option 4
                        </label>
                      </div>
                    </div>
                  </div>
						</div>
						
						
						 <div class="col-md-6">
                          <div class=" animate-chk">
                    <div class="row">
                      <div class="col">
                        <label class="d-block" for="chk-ani">
                          <input class="checkbox_animated" id="chk-ani" type="checkbox" checked="">                                                Option 1
                        </label>
                        <label class="d-block" for="chk-ani1">
                          <input class="checkbox_animated" id="chk-ani1" type="checkbox">                                                Option 2
                        </label>
                        <label class="d-block" for="chk-ani2">
                          <input class="checkbox_animated" id="chk-ani2" type="checkbox" checked="">                                                Option 3
                        </label>
                        <label class="d-block" for="chk-ani3">
                          <input class="checkbox_animated" id="chk-ani3" type="checkbox">                                                Option 4
                        </label>
                      </div>
                    </div>
                  </div>
						</div>
						
						
						
						
						
						
						
						
                        
                       
						
						
			  
			  
			  
                    
                    <div class="text-end">
                     <div class="crikit btn btn-primary" type="submit"> lier</div>
                   </div>
						  
						  
						  </div>
                        </div>
                      </div>
                    </div>
					  </div>
                    </div>
	
	@stop