@extends('layout.menuf')

@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="sliders"></i> <h3>Paramétrage</h3>
                            </div>
                         
							
							<div class="clr"></div>
							<div class="espace"></div>
							
							
							
		  
		  
		  
		  
		  
		  
		   <div class="col-md-12">
                                <div class="card">
                                    <div class="card-header">
                                     <i class="aliga" data-feather="user"></i>    <h4 class="tit01 card-title mb-0">Utilisateurs</h4>
										<a href ="contacts"> <button  class="crikit2 btn-primary" type="button">Ajouter un nouvel utilisateur</button></a>
                                        <div class="card-options"><a class="card-options-collapse" href="#" data-bs-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a><a class="card-options-remove" href="#" data-bs-toggle="card-remove"><i class="fe fe-x"></i></a></div>
                                    </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 un nouvel utilisateur</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="mb-3">
                            <label class="form-label">Nom & prénom</label>
                            <input class="form-control" type="text" >
                          </div>
                        </div>
                      
					  
					    <div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label">N° Téléphone</label>
                            <input class="form-control" type="email" >
                          </div>
                        </div>
						
						
						<div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label">Email</label>
                            <input class="form-control" type="email" >
                          </div>
                        </div>
						
                         <div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label">Droits d'accés</label>
					   
					   <select class="form-select" id="validationTooltip04" required="">
                          <option selected="" disabled="" value="">Séléctionner...</option>
                          <option>Limited</option>
						  <option>Full</option>
						  <option>Show</option>
                        </select>
						
						</div>
						</div>
					  <div class="clr2"></div>
					  
					  
					  <div class="select2-drpdwn">
              
                <!-- Default Textbox start-->
                <div class="col-md-12">
                 
                    
                    
                      <div class="mb-3">
                        <div class="lino col-form-label">Rubriques d'accès</div>
                        <select class="js-example-placeholder-multiple col-sm-12 form-control" multiple="multiple">
                          <option value="AL">Administration</option>
                          <option value="WY">Commandes</option>
                          <option value="WY">Magasinier</option>
                          <option value="WY">Livraison</option>
                          <option value="WY">Crédit control</option>
						  <option value="WY">Commercial</option>
                          <option value="WY">Plan fidélité</option>
                        </select>
                      </div>
					 
					   
					   
					
					  
					   </div>
					   
					    </div>
					  
                    
                    
                    <div class="card-footer text-end">
                     <div class="crikit btn btn-primary" type="submit"> Enregistrer</div>
                   </div>
						  
						  
						  </div>
                        </div>
                      </div>
                    </div>
					  </div>
                    </div>
                    
					
					
                                    <div class="table-responsive add-project">
                                        <table class="table card-table table-vcenter text-nowrap">
                                            <thead>
                                                <tr>
                                                    <th>Nom & prénom</th>
                                                    <th>N° Téléphone</th>
                                                    <th>Email</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><a class="text-inherit" href="#">Youssef Drafat</a></td>
                                                    <td>0660 00 00 00</td>
                                                    <td><span class="status-icon bg-success"></span> d.youssef@groupe-novatis.ma</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>
												
												
												<tr>
                                                    <td><a class="text-inherit" href="#">Youssef Drafat</a></td>
                                                    <td>0660 00 00 00</td>
                                                    <td><span class="status-icon bg-success"></span> d.youssef@groupe-novatis.ma</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>
												
												
												
												
												<tr>
                                                    <td><a class="text-inherit" href="#">Youssef Drafat</a></td>
                                                    <td>0660 00 00 00</td>
                                                    <td><span class="status-icon bg-success"></span> d.youssef@groupe-novatis.ma</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>
												
												
												
												
												
												<tr>
                                                    <td><a class="text-inherit" href="#">Youssef Drafat</a></td>
                                                    <td>0660 00 00 00</td>
                                                    <td><span class="status-icon bg-success"></span> d.youssef@groupe-novatis.ma</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>
												
												
												
												
												<tr>
                                                    <td><a class="text-inherit" href="#">Youssef Drafat</a></td>
                                                    <td>0660 00 00 00</td>
                                                    <td><span class="status-icon bg-success"></span> d.youssef@groupe-novatis.ma</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>
                </div>
                <!-- Container-fluid starts-->
                
                <!-- Container-fluid Ends-->
            </div>

	
	@stop