@extends('layout.menu4')

@section('content2')  

   <style>

form fieldset input[type=text].form-control,
form fieldset input[type=email].form-control,
form fieldset input[type=password].form-control,
form fieldset input[type=tel].form-control {
    padding: 7px 11px;
    color: #000;
    height: 41px;
    margin: 1px 0 0 0;
    border: 1px solid;
}


.theme-form input[type="text"], .theme-form input[type="email"], .theme-form input[type="search"], .theme-form input[type="password"], .theme-form input[type="number"], .theme-form input[type="tel"], .theme-form input[type="date"], .theme-form input[type="datetime-local"], .theme-form input[type="time"], .theme-form input[type="datetime-local"], .theme-form input[type="month"], .theme-form input[type="week"], .theme-form input[type="url"], .theme-form input[type="file"], .theme-form textarea, .theme-form select {
    border-color: #efefef;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    border: 1px solid #000 !important;
    padding: 7px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.card .card-body {
    padding: 10px 20px 37px 20px;
    background-color: rgba(0, 0, 0, 0);
}


@media (min-width: 992px)

.modal-lgh {
    max-width: 550px;
}


     </style>
<div class="clr"></div>
<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>Entité externe

                            </h3>
                            </div>
                           							<div class="clr"></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 " href="liaso1n"><i class="iconas2" data-feather="truck"></i>Transporteur interne</a></li>
                            <li class="nav-item"><a class="nav-link active" href="tarifa"><i class="iconas2" data-feather="truck"></i>Transporteur privligié</a></li>
                            <li class="nav-item"><a class="nav-link" href="tarifa"><i class="iconas2" data-feather="truck"></i>Transporteur partenaire</a></li>
                            <li class="nav-item"><a class="nav-link " href="liason"><i class="iconas2" data-feather="truck"></i>Transporteur extérieur</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="box"></i>    <h4 class="tit01 card-title mb-0">Entité Externe
                    </h4>
                    <button class="crikit2 btn-primary" type="button" data-bs-toggle="modal" data-bs-target=".bd-example-modal-lg">Ajouter </button>





                    <div class="aka pikol modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
								<div class="modal-dialog modal-lgh">
								  <div class="modal-content">
									<div class="modal-header">
									  <h4 class="modal-title" id="myLargeModalLabel">Prix négocié
</h4>
									  <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
									</div>
									<div class="modal-body">
										


										<div class="">
										<div class="card-body">
											<div id="the-basics">
											  <form class="aka theme-form">
												<div>
													<label class="form-label">Offre Transporteur</label>

												  <input class="layali typeahead form-control" type="text" value="2900.00 Dh" disabled>
												</div>





                        <div class="">
                          <label class="form-label">Prix négocié</label>

                          <fieldset>
                            <div class="input-group">
                              <input class="touchspin" type="text" value="2900">
                            </div>
                          </fieldset>
                        </div>
											
		
												
		
		


<div class="layali2" data-bs-dismiss="modal" aria-label="Close">Je négocier</div>


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


										 
										</div>





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



                  </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 class="">Nom de l'entité</th>
                                                  <th class="">Adresse</th>
                                                  
                                                  <th class="">Contact</th>
                                                  <th class="">Tél</th>
                                                  
                       
                                              </tr>
                                          </thead>
                                          <tbody>
                                              <tr style="font-size:14px;">
                                                  
                                                  <td class="">Groupe Novatis</td>
                                                  <td class="">Lot. 76 – Zone Industrielle Berrechid – Maroc</td>
                                                  <td class="">Ahmed Tamsamani</td>
                                                  <td class="">0661 33 43 93</td>
                                                
                                                                          
                                              </tr>
                      


                                              <tr style="font-size:14px;">
                                                  
                                                <td class="">Groupe Novatis</td>
                                                <td class="">Lot. 76 – Zone Industrielle Berrechid – Maroc</td>
                                                <td class="">Ahmed Tamsamani</td>
                                                <td class="">0661 33 43 93</td>
                                              
                                                                        
                                            </tr>




                                            <tr style="font-size:14px;">
                                                  
                                                <td class="">Groupe Novatis</td>
                                                <td class="">Lot. 76 – Zone Industrielle Berrechid – Maroc</td>
                                                <td class="">Ahmed Tamsamani</td>
                                                <td class="">0661 33 43 93</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>
						
						</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="col-sm-12">
                <div class="card">
                  <div class="card-header poklo">
                 
					<i class="aliga" data-feather="truck"></i>    <h4 class="tit01 card-title mb-0">Chauffeur affecté </h4>
					
                  </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>Nom et prénom</th>
                                                    <th>Téléphone</th>
                                                    <th></th>
													<th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><a class="text-inherit" href="#">Rachi el alaoui</a></td>
                                                    <td>+212 661 33 43 93</td>
                                                 
													
                                                    <td >
                                                      
													  <select class="form-select tabled">
													  <option>Ford Transit 123456-A-55</option>
													  <option>Ford Transit 123456-A-55</option>
													  </select>
													  
													  
													  
													  </td>
													  
													  
													  
													    <td class="text-end">
													  					<a class="btn btn-primary btn-sm" title=""> Affecté</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>
			  
						
						
						
						</p>
                      </div>
                     
					 
                    </div>
                  </div>
							
						
							
							<div class="clr"></div>
							<div class="espace"></div>
							
							
							
							
							
							
							
							
			  
			  
			  
			  
			  
			  
			  
		  
		  
		  
		  
		  
		  
		  
		   
			  
		  
		  
                        </div>
                    </div>
                </div>
                <!-- Container-fluid starts-->
                
                <!-- Container-fluid Ends-->
            </div>












            <script src="{{ asset('theme/assets/js/modal-animated.js') }}"></script>
            <script src="{{ asset('theme/assets/js/touchspin/vendors.min.js') }}"></script>
            <script src="{{ asset('theme/assets/js/touchspin/touchspin.js') }}"></script>
            <script src="{{ asset('theme/assets/js/touchspin/input-groups.min.js') }}"></script>
	
	@stop