templates/admin/show/admin-formations.html.twig line 1

Open in your IDE?
  1. {% extends 'admin.html.twig' %}
  3. {% block title %}Administration | Nos Formations{% endblock %}
  5. {% block stylesheets %}
  6. <style>
  7.     .table td {
  8.     max-width: 200px;
  9.     white-space: nowrap;
  10.     overflow: hidden;
  11.     text-overflow: ellipsis;
  12. }
  14. </style>
  16. <!-- DataTables -->
  17. <link href="{{ asset('public/admin/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  18. <link href="{{ asset('public/admin/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  20. <!-- Responsive datatable examples -->
  21. <link href="{{ asset('public/admin/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />  
  23. <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  24. {% endblock %}
  26. {% block body %}
  28. <div class="row">
  29.     <div class="col-12">
  30.         <div class="page-title-box d-sm-flex align-items-center justify-content-between">
  31.             <h4 class="mb-sm-0 text-uppercase">Nos séminaires</h4>
  33.             <div class="page-title-right">
  34.                 <ol class="breadcrumb m-0">
  35.                     <li class="breadcrumb-item active">
  36.                         <button type="button" class="btn btn-primary btn-sm waves-effect waves-light" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight">Ajouter un séminaire</button>      
  37.                     </li>
  38.                 </ol>
  39.             </div>
  41.         </div>
  42.     </div>
  43. </div>
  45. <!-- right offcanvas -->
  46. <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight"
  47.     aria-labelledby="offcanvasRightLabel">
  48.     <div class="offcanvas-header">
  49.         <h5 id="offcanvasRightLabel">Ajouter un nouveau séminaire</h5>
  50.         <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
  51.             aria-label="Close"></button>
  52.     </div>
  53.     <hr>
  54.     <div class="offcanvas-body">
  56.         {{ form_start(addformationForm) }}
  57.         <div class="modal-body">
  58.             <div class="col-md-12">
  59.                 <div class="form-group">
  60.                     {{ form_row(addformationForm.theme) }}
  61.                 </div>
  62.             </div>
  63.             <div class="col-md-12">
  64.                 <div class="form-group">
  65.                     {{ form_row(addformationForm.ville) }}
  66.                 </div>
  67.             </div>
  68.             <div class="col-md-12">
  69.                 <div class="form-group">
  70.                     {{ form_row(addformationForm.dates_session) }}
  71.                 </div>
  72.             </div>
  73.             <div class="col-md-12">
  74.                 <div class="form-group">
  75.                     {{ form_row(addformationForm.prix) }}
  76.                 </div>
  77.             </div>
  78.             <div class="col-md-12">
  79.                 <div class="form-group has-danger">
  80.                     {{ form_row(addformationForm.devise) }}
  81.                 </div>
  82.             </div>
  83.         </div>
  84.         <div class="d-grid flex-wrap gap-2 align-items-center mt-3">
  85.             <!-- Toogle to second dialog -->
  86.             {{ form_row(addformationForm.submit) }}
  87.         </div>
  88.         {{ form_end(addformationForm) }}
  89.     </div>
  90. </div>
  91. {% for message in app.flashes('success') %}
  92. <div class="alert alert-success alert-dismissible text-center fade show fw-bold" role="alert">
  93.     {{ message }}
  94.     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
  95.         <span aria-hidden="true">&times;</span>
  96.     </button>
  97. </div>
  98. {% endfor %}
  100. {% for message in app.flashes('danger') %}
  101. <div class="alert alert-danger alert-dismissible text-center fade show fw-bold" role="alert">
  102.     {{ message }}
  103.     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
  104.         <span aria-hidden="true">&times;</span>
  105.     </button>
  106. </div>
  107. {% endfor %}
  109. {% for message in app.flashes('warning') %}
  110. <div class="alert alert-warning alert-dismissible text-center fade show fw-bold" role="alert">
  111.     {{ message }}
  112.     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
  113.         <span aria-hidden="true">&times;</span>
  114.     </button>
  115. </div>
  116. {% endfor %}
  118. <div class="card">
  119.     <div class="card-body">
  121.         <table id="datatable" class="table table-bordered dt-responsive nowrap" style="
  122.         
  123.         border-collapse: collapse; border-spacing: 0;">
  124.             <thead>
  125.             <tr>
  126.                 <th>Thème</th>
  127.                 <th>Thématique</th>
  128.                 <th>Date Session</th>
  129.                 <th>Pays</th>
  130.                 <th>Prix</th>
  131.                 <th>Action</th>
  132.             </tr>
  133.             </thead>
  135.             <tbody style="max-width: 200px; word-wrap: break-word; word-break: break-all;">
  136.             {% for form in listformation %}
  137.                 <tr>
  138.                     <td>{{ form.nom }}</td>
  139.                     <td>{{ form.thmnom }}</td>
  140.                     <td>{{ form.dates_session }}</td>
  141.                     <td>{{ form.pays }}</td>
  142.                     <td>{{ form.prix }}</td>
  143.                     <td>
  144.                         <a href="{{ path('admin.edit.formation', {'id': form.id}) }}"><i class="mdi mdi-pencil-box text-info" style="font-size: 25px;"></i></a>
  145.                         <a href="{{ path('admin.del.formation', {'id': form.id}) }}" onclick="return confirm('Voulez-vous vraiment supprimer cet élément ?');"><i class="mdi mdi-delete text-danger" style="font-size: 25px;"></i></a>
  146.                     </td>
  147.                 </tr>
  148.             {% endfor %}
  149.             </tbody>
  150.         </table>
  151.     </div>
  152. </div>
  155. {% endblock %}
  157. {% block javascripts %}
  160.      <!-- Required datatable js -->
  161.     <script src="{{ asset('public/admin/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
  162.     <script src="{{ asset('public/admin/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
  163.     <!-- Buttons examples -->
  164.     <script src="{{ asset('public/admin/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
  165.     <script src="{{ asset('public/admin/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
  166.     <script src="{{ asset('public/admin/libs/jszip/jszip.min.js') }}"></script>
  167.     <script src="{{ asset('public/admin/libs/pdfmake/build/pdfmake.min.js') }}"></script>
  168.     <script src="{{ asset('public/admin/libs/pdfmake/build/vfs_fonts.js') }}"></script>
  169.     <script src="{{ asset('public/admin/libs/datatables.net-buttons/js/buttons.html5.min.js') }}"></script>
  170.     <script src="{{ asset('public/admin/libs/datatables.net-buttons/js/buttons.print.min.js') }}"></script>
  171.     <script src="{{ asset('public/admin/libs/datatables.net-buttons/js/buttons.colVis.min.js') }}"></script>
  172.     <!-- Responsive examples -->
  173.     <script src="{{ asset('public/admin/libs/datatables.net-responsive/js/dataTables.responsive.min.js') }}"></script>
  174.     <script src="{{ asset('public/admin/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js') }}"></script>
  176.     <!-- Datatable init js -->
  177.     <script src="{{ asset('public/admin/js/pages/datatables.init.js') }}"></script>
  179.     <!-- Select2 -->
  180.     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  181.     
  182.     <script>
  183.         $(document).ready(function() {
  184.             // Appliquer Select2 sur le champ EntityType
  185.             $('#formation_form_theme').select2({
  186.                 placeholder: "Sélectionner un thème",
  187.                 allowClear: true,
  188.                 width: '100%',
  189.                 dropdownParent: $('#offcanvasRight') // ⭐ OBLIGATOIRE
  190.             });
  191.         });
  192.     </script>
  195. {% endblock %}