@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="truck"></i> <h3>Mes offres publiées</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 active" id="pills-successhome-tab" data-bs-toggle="pill" href="#pills-successhome" role="tab" aria-controls="pills-successhome" aria-selected="true"><i class="icofont icofont-check-circled"></i>Chauffeur affecté</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="icofont icofont-close-circled"></i>Chauffeur non affecté</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="truck"></i>    <h4 class="tit01 card-title mb-0">Nouvelle demande</h4>
                  </div>
              
			  
			  
			   <div class="row switch-showcase">
                    <div class="col-sm-12">

                        <div class="card-body">

                     <div class="row">
                 
                        <div class="col-md-6">
                            <div class="mb-3">
                              <label class="form-label">Flottes</label>
                         
                         <select class="form-select" id="validationTooltip04" required="">
                            <option selected="" disabled="" value="">Séléctionner...</option>
                            <option>Camion ford transit 54125-A-55</option>
                            <option>Camion ford transit 54125-A-55</option>
                            <option>Camion ford transit 54125-A-55</option>
                          </select>
                          
                          </div>
                          </div>




                     
                        
                        
                          <div class="col-md-4">
                            <div class="mb-3">
                              <label class="form-label">Prix proposé</label>
                              <input class="form-control" type="email" >
                            </div>
                          </div>
                      

                          <div class="margi col-md-2">
                            <div class="mb-3">
                                <div class="media mb-2">
                                    <label class="col-form-label m-r-10">Prix négociable</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>



                          <div class="col-md-6">
                            <div class="mb-3">
                              <label class="form-label">Ville expedition (ramassage)</label>
                              <select class="form-select" id="validationTooltip04" required="">
                                <option selected="" disabled="" value="">Séléctionner...</option>
                                <option>Casablanca</option>
                                <option>Bouznika</option>
                                <option>Mohammedia</option>

                                <option>El jadida</option>
                                <option>Marrakech</option>
                                <option>Agadir</option>


                              </select>                            </div>
                          </div>




                          <div class="col-md-6">
                            <div class="mb-3">
                              <label class="form-label">Ville livraison (destination)</label>
                              <select class="form-select" id="validationTooltip04" required="">
                                <option selected="" disabled="" value="">Séléctionner...</option>
                                <option>Casablanca</option>
                                <option>Bouznika</option>
                                <option>Mohammedia</option>

                                <option>El jadida</option>
                                <option>Marrakech</option>
                                <option>Agadir</option>


                              </select>                            </div>
                          </div>



                          <div class="col-md-6">
                            <div class="mb-3">
                              <label class="form-label">Mode</label>
                              <select class="form-select" id="validationTooltip04" required="">
                                <option selected="" disabled="" value="">Séléctionner...</option>
                                <option>Mutualisé</option>
                                <option>Didié</option>
                               
                              </select>                            </div>
                          </div>

                          <div class="col-md-6">
                            <div class="mb-3">
                              <label class="form-label">Période</label>
                              <select class="form-select" id="validationTooltip04" required="">
                                <option selected="" disabled="" value="">Séléctionner...</option>
                                <option>Matin</option>
                                <option>Aprés midi</option>
                                <option>Soir</option>
                                <option>Fléxible</option>
                               
                              </select>                            </div>
                          </div>



                          <div class="col-md-4">
                            <div class="mb-3">
                              <label class="form-label">Date d'expedition (ramassage)</label>
                              <input class="form-control" type="Date" >
                            </div>
                          </div>

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


                        
                    <div class="card-footer text-end">
                     <a href="chargement5">   <div class="crikit btn btn-primary" type="submit"> Envoyé</div></a>
                      </div>


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














	
	@stop