@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="calendar"></i> <h3>Mes Disponibilités</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="calendar"></i>Aujourd'hui</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="calendar"></i>Demain</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="calendar"></i>Dans 2 jours</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="calendar"></i>    <h4 class="tit01 card-title mb-0">Aujourd'hui</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>Type /<br>Véhicule</th>
                                                    <th>Matricule/<br>Poids total</th>
                                                    <th>Disponibilité/<br>Dates</th>
													<th>Destination</th>
													<th>Publié par / <br>Date publication</th>
													
												<th></th>
                                                </tr>
                                            </thead>
											
											
											
                                            <tbody>
                                                <tr>
                                                    <td><a class="text-inherit" href="#">Camion container<br>Mitsubish Fuso</a></td>
													<td><a class="text-inherit" href="#">545547-A-7<br>14000kh- 30m3</a></td>
												 <td><a class="text-inherit" href="#">Agadir<br>Du 12/12 au 13/12/2021</a></td>
													<td><a class="text-inherit" href="#">Casablanca</a></td>
													
													 <td><a class="text-inherit" href="#">Ahmed ahmadi <br>13/12/21 à 11h00</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> Retirer</a></td>
													
													
													
                                                   
                                                   
                                                </tr>
												



                                                <tr>
                                                  <td><a class="text-inherit" href="#">Camion container<br>Mitsubish Fuso</a></td>
                        <td><a class="text-inherit" href="#">545547-A-7<br>14000kh- 30m3</a></td>
                       <td><a class="text-inherit" href="#">Agadir<br>Du 12/12 au 13/12/2021</a></td>
                        <td><a class="text-inherit" href="#">Casablanca</a></td>
                        
                         <td><a class="text-inherit" href="#">Ahmed ahmadi <br>13/12/21 à 11h00</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> Retirer</a></td>
                        
                        
                        
                                                 
                                                 
                                              </tr>





                                              <tr>
                                                <td><a class="text-inherit" href="#">Camion container<br>Mitsubish Fuso</a></td>
                      <td><a class="text-inherit" href="#">545547-A-7<br>14000kh- 30m3</a></td>
                     <td><a class="text-inherit" href="#">Agadir<br>Du 12/12 au 13/12/2021</a></td>
                      <td><a class="text-inherit" href="#">Casablanca</a></td>
                      
                       <td><a class="text-inherit" href="#">Ahmed ahmadi <br>13/12/21 à 11h00</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> Retirer</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="col-sm-12">
                <div class="card">
                  <div class="card-header">
                 
					<i class="aliga" data-feather="map"></i>    <h4 class="tit01 card-title mb-0">Demain</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>Type /<br>Véhicule</th>
                                                <th>Matricule/<br>Poids total</th>
                                                <th>Disponibilité/<br>Dates</th>
                      <th>Destination</th>
                      <th>Publié par / <br>Date publication</th>
                      
                    <th></th>
                                            </tr>
                                        </thead>
                  
                  
                  
                                        <tbody>
                                            <tr>
                                                <td><a class="text-inherit" href="#">Camion container<br>Mitsubish Fuso</a></td>
                      <td><a class="text-inherit" href="#">545547-A-7<br>14000kh- 30m3</a></td>
                     <td><a class="text-inherit" href="#">Agadir<br>Du 12/12 au 13/12/2021</a></td>
                      <td><a class="text-inherit" href="#">Casablanca</a></td>
                      
                       <td><a class="text-inherit" href="#">Ahmed ahmadi <br>13/12/21 à 11h00</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> Retirer</a></td>
                      
                      
                      
                                               
                                               
                                            </tr>
                    



                                            <tr>
                                              <td><a class="text-inherit" href="#">Camion container<br>Mitsubish Fuso</a></td>
                    <td><a class="text-inherit" href="#">545547-A-7<br>14000kh- 30m3</a></td>
                   <td><a class="text-inherit" href="#">Agadir<br>Du 12/12 au 13/12/2021</a></td>
                    <td><a class="text-inherit" href="#">Casablanca</a></td>
                    
                     <td><a class="text-inherit" href="#">Ahmed ahmadi <br>13/12/21 à 11h00</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> Retirer</a></td>
                    
                    
                    
                                             
                                             
                                          </tr>





                                          <tr>
                                            <td><a class="text-inherit" href="#">Camion container<br>Mitsubish Fuso</a></td>
                  <td><a class="text-inherit" href="#">545547-A-7<br>14000kh- 30m3</a></td>
                 <td><a class="text-inherit" href="#">Agadir<br>Du 12/12 au 13/12/2021</a></td>
                  <td><a class="text-inherit" href="#">Casablanca</a></td>
                  
                   <td><a class="text-inherit" href="#">Ahmed ahmadi <br>13/12/21 à 11h00</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> Retirer</a></td>
                  
                  
                  
                                           
                                           
                                        </tr>
                    
                    </tbody>
                                        </table>
                                    </div>
                      
                     
                   
					
					
					
					
					
					
				

                  </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="col-sm-12">
                <div class="card">
                  <div class="card-header">
                 
					<i class="aliga" data-feather="map"></i>    <h4 class="tit01 card-title mb-0">Dans 2 jours</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>Type /<br>Véhicule</th>
                                                <th>Matricule/<br>Poids total</th>
                                                <th>Disponibilité/<br>Dates</th>
                      <th>Destination</th>
                      <th>Publié par / <br>Date publication</th>
                      
                    <th></th>
                                            </tr>
                                        </thead>
                  
                  
                  
                                        <tbody>
                                            <tr>
                                                <td><a class="text-inherit" href="#">Camion container<br>Mitsubish Fuso</a></td>
                      <td><a class="text-inherit" href="#">545547-A-7<br>14000kh- 30m3</a></td>
                     <td><a class="text-inherit" href="#">Agadir<br>Du 12/12 au 13/12/2021</a></td>
                      <td><a class="text-inherit" href="#">Casablanca</a></td>
                      
                       <td><a class="text-inherit" href="#">Ahmed ahmadi <br>13/12/21 à 11h00</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> Retirer</a></td>
                      
                      
                      
                                               
                                               
                                            </tr>
                    



                                            <tr>
                                              <td><a class="text-inherit" href="#">Camion container<br>Mitsubish Fuso</a></td>
                    <td><a class="text-inherit" href="#">545547-A-7<br>14000kh- 30m3</a></td>
                   <td><a class="text-inherit" href="#">Agadir<br>Du 12/12 au 13/12/2021</a></td>
                    <td><a class="text-inherit" href="#">Casablanca</a></td>
                    
                     <td><a class="text-inherit" href="#">Ahmed ahmadi <br>13/12/21 à 11h00</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> Retirer</a></td>
                    
                    
                    
                                             
                                             
                                          </tr>





                                          <tr>
                                            <td><a class="text-inherit" href="#">Camion container<br>Mitsubish Fuso</a></td>
                  <td><a class="text-inherit" href="#">545547-A-7<br>14000kh- 30m3</a></td>
                 <td><a class="text-inherit" href="#">Agadir<br>Du 12/12 au 13/12/2021</a></td>
                  <td><a class="text-inherit" href="#">Casablanca</a></td>
                  
                   <td><a class="text-inherit" href="#">Ahmed ahmadi <br>13/12/21 à 11h00</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> Retirer</a></td>
                  
                  
                  
                                           
                                           
                                        </tr>
                    
                    </tbody>
                                        </table>
                                    </div>
                      
                     
                   
					
					
					
					
					
					
				

                  </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