templates/salarie/gestion_salarie/modals/ajouter.html.twig line 1

Open in your IDE?
  1. <style>
  2.         
  5.  .btnclose{
  6.     background-color: #f7f4f4;
  7.  }
  8.    .disabled-link {
  9.         pointer-events: none; /* Disable click events */
  10.         color: gray; /* Change text color to indicate disabled state */
  11.         text-decoration: none; /* Remove underlining */
  12.         cursor: not-allowed; /* Show a "not allowed" cursor on hover */
  13.     }
  15. </style>
  17. <div class="modal right come-from-modal fade" id="modal_ajouter" aria-labelledby="modal-default" style="display: none;" aria-hidden="true">
  18.     <div class="modal-dialog modal-dialog-top" style="max-width:900px !important" role="document">
  19.         <div class="modal-content">
  20.             <div class="modal-header">
  21.                 <h2 class="modal-title">Ajouter salarie</h2>
  22.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  23.             </div>
  24.             <div class="modal-body">
  25.                 <div class="card">
  26.                     <div class="card-header">
  27.                         <ul class="nav nav-pills">                
  28.                             <li class="nav-item mr-2">
  29.                                 <a href="#etat_civil" id="etatcivil" class="nav-link active" >Etat Civil</a>
  30.                             </li>
  31.                             <li class="nav-item">
  32.                                 <a href="#contrat" id="contract" class="nav-link" >Contrat</a>
  33.                             </li>                
  34.                             <li class="nav-item">
  35.                                 <a href="#cnss_rib" id="cnss_rib" class="nav-link noclick disabled-link" >Cnss Rib</a>
  36.                             </li>                
  37.                             <li class="nav-item">
  38.                                 <a href="#plus_info" id="plus_info" class="nav-link noclick disabled-link" >Plus Info</a>
  39.                             </li>                
  40.                         </ul>
  41.                     </div>
  42.                     <div class="card-body">
  43.                     <div class="tab-content">
  44.                             {# <form> #}
  45.                                 <div class="tab-pane fade show active" id="etat_civil">
  46.                                       <form  id="new_salarie">
  48.                                              {% include 'salarie/gestion_salarie/pages/etat_civil.html.twig' %}     
  49.                                       </form>
  51.                                 </div>
  53.                                 <div class="tab-pane fade " id="contrat">
  54.                                     <form  id="new_contract">
  56.                                     {% include 'salarie/gestion_salarie/pages/contrat.html.twig' %}     
  59.                                     </form>                       
  60.                                 </div>
  62.                                 <div class="tab-pane fade" id="cnss_rib">
  63.                                     <form  id="new_cnss">
  64.                                    
  65.                                         {% include 'salarie/gestion_salarie/pages/cnss_rib.html.twig' %}
  67.                                     </form>                                
  68.                                 </div>
  71.                                 <div class="tab-pane fade " id="plus_info">
  73.                                     <form  id="new_plus">
  75.                                     {% include 'salarie/gestion_salarie/pages/plus_info.html.twig' %}    
  77.                                     </form>
  79.                                 </div>
  80.                             {# </form> #}
  81.                     </div>
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.             <div class="modal-footer">
  86.                 {# <button type="submit" class="btn btn-secondary">Enregistre</button> #}
  87.                 <button type="button" class="btn btn-link text-gray-600 me-auto btnclose" st data-bs-dismiss="modal">Fermer</button>
  88.             </div>
  89.         </div>
  90.     </div>
  91. </div>