@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="sliders"></i> <h3>Tarification Et Contrats</h3>
                            </div>
                         
							
						
						
							<div class="espace"></div>
						
						
						
						
						
						
						
						  <div class="card">
                  <div class="card-header">
                 
					<i class="aliga" data-feather="truck"></i>    <h4 class="tit01 card-title mb-0">Camion benne Neuf</h4>
				
                  </div>
              
			  
			  
			   <div class="row switch-showcase">
                    <div class="col-sm-12">
                     
                
				
				 <div class="col-md-12 plays">
                          <div class="mb-3">
                            <label class="form-label"for="inputFirstName">Libellé groupe véhicule</label>
                            <input class="form-control form-control-sm"  id="inputFirstName" type="text" value="Camion benne Neuf " >
                          </div>
                        </div>
				
				
				
				
				
				<div class="table-responsive add-project">
                                        <table class="table card-table table-vcenter text-nowrap">
                                           
										   
										   
										   <thead>
                                                <tr>
                                                  <th>Type</th>
													<th>Véhicule</th>
                                                    <th>Matricule</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
											
											
											
                                            <tbody>
                                                <tr>
                          <td><a class="text-inherit" href="#">Camion container 40'</a></td>
                          <td><a class="text-inherit" href="#">Ford Transit</a></td>
													<td><a class="text-inherit" href="#">14554-A-55</a></td>
                                                   
                                                    <td class="text-end">
													
<a href="#"><button class="btan" type="button">Retirer</button></a>
                                                </tr>
												
												
												
                                                <tr>
                                                  <td><a class="text-inherit" href="#">Camion container 40'</a></td>
                                                  <td><a class="text-inherit" href="#">Ford Transit</a></td>
                                                  <td><a class="text-inherit" href="#">14554-A-55</a></td>
                                                                           
                                                                            <td class="text-end">
                                                  
                        <a href="#"><button class="btan" type="button">Retirer</button></a>
                                                                        </tr>
            
                                                                        



                                                                        <tr>
                                                                          <td><a class="text-inherit" href="#">Camion container 40'</a></td>
                                                                          <td><a class="text-inherit" href="#">Ford Transit</a></td>
                                                                          <td><a class="text-inherit" href="#">14554-A-55</a></td>
                                                                                                   
                                                                                                    <td class="text-end">
                                                                          
                                                <a href="#"><button class="btan" type="button">Retirer</button></a>
                                                                                                </tr>
                                                                        
										
												
												
										
												
                                              
                                             
                                              
                                            </tbody>
                                        </table>
										
										
                                        <div class="card-footer text-end">
                                          <div class="crikit btn btn-primary" type="submit"> Enregistrer</div>
                                        </div>
				   
                                    </div>
				
				






                  </div>
                </div>
              </div>
			  
			  
			  
			  
			  
				
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			  
			 
                </div> </div> </div>
                <!-- Container-fluid starts-->
                
                <!-- Container-fluid Ends-->
            </div>

	
            <script>

              /**
               * Change the text of a button
               * @param {el} object HTMLElement: button to change text of
               * @param {dText} string: default text
               * @param {nText} string: new text
               **/
               function changeText(el, dText, nText) {
                var content = '',
                    context = '';
                
                /**
                 * Set the text of a button
                 *     - dependant upon current text
                 **/
                function setText() {
                  return (content === dText) ? nText : dText;
                }
                
                /* Check to see if the browser accepts textContent */
                if ('textContent' in document.body) {
                  context = 'textContent';
                  /* Get the current button text */
                  content = el[context];
                /* Browser does NOT use textContent */
                } else {
                  /* Get the button text with fallback option */
                  content = el.firstChild.nodeValue;
                }
                
                /* Set button text */
                if (context === 'textContent') {
                  el.textContent = setText();
                } else {
                  el.firstChild.nodeValue = setText();
                }
              }
              
              var defaultText,
                  substituteText,
                  btn;
              
              /* Default text of the button */
              defaultText = 'Retirer';
              /* Alternate text for button */
              substituteText = 'Ajouter';
              /* Grab our button */
              btn = document.querySelector('.btan');
              
              /* Add a listener to the button instance so we can manipulate it */
              btn.addEventListener('click', function() {
                changeText(this, defaultText, substituteText);
              }, false);
              
              
              
                </script>
	
	@stop