templates/admin/experience/list/listExperiences.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Comptes Experiences{% endblock %}
  3. {% block breadcump_main %}Experiences{% endblock %}
  4. {% block breadcump_subtitle %}Liste des Experiences{% endblock %}
  5. {% block menu_left_sidebar %}
  6.     {% include 'include/menu/menuAdmin.html.twig' with { menu_active_event : '3'} %}
  7. {% endblock %}
  8. {% block stylesheets %}
  9.     <link href="{{ asset('admin/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css">
  10.     <link href="{{ asset('admin/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css">
  11.     <link href="{{ asset('admin/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css">
  12.     <link href="{{ asset('admin/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css">
  13. {% endblock %}
  14. {% block title %}{{"Liste des Experiences"|trans }}{% endblock %}
  15. {% block content %}
  16.                 <div class="row">
  17.                     <div class="col-lg-12">
  18.                         <div class="card">
  19.                             <div class="card-body">
  20.                                 <h4 class="card-title mb-3">Experiences</h4>
  22.                                 <!-- Nav tabs -->
  24.                                 <!-- Tab panes -->
  25.                                 <div class="tab-content p-3">
  26.                                     <div class="tab-pane active" id="all-order" role="tabpanel">
  28.                                         <form method="post" action="{{ path('experiences_list') }}">
  29.                                             <div class="row">
  31.                                                 <div class="col-xl col-sm-6">
  32.                                                     <div class="mb-3">
  33.                                                         <label class="form-label">Coach</label>
  34.                                                         <select class="form-control select2">
  35.                                                             <option>Select</option>
  36.                                                             <optgroup label="Coaches">
  37.                                                                 {% for coache in coaches %}
  38.                                                                     <option value="{{ coache.id }}" {{   app.request.get('coache') == coache.id ? 'selected' }}>
  39.                                                                         {{ coache.firstname }} - {{ coache.lastname }}
  40.                                                                     </option>
  41.                                                                 {% endfor %}
  42.                                                             </optgroup>
  43.                                                         </select>
  45.                                                     </div>
  46.                                                 </div>
  48.                                                 <div class="col-xl col-sm-6">
  49.                                                     <div class="mb-3">
  50.                                                         <label class="form-label">Type de coaching :</label>
  51.                                                         <select class="form-control" name="typeCoach">
  52.                                                             <option value="">— Tous —</option>
  53.                                                             <option value="private"   {{ app.request.get('typeCoach') == 'private'   ? 'selected' }}>Coaching Privé</option>
  54.                                                             <option value="groupe"    {{ app.request.get('typeCoach') == 'groupe'    ? 'selected' }}>Coaching en groupe</option>
  55.                                                             <option value="visio"     {{ app.request.get('typeCoach') == 'visio'     ? 'selected' }}>Coaching par Visio</option>
  56.                                                         </select>
  57.                                                     </div>
  58.                                                 </div>
  60.                                                 <div class="col-xl col-sm-6">
  61.                                                     <div class="mb-3">
  62.                                                         <label class="form-label">Catégorie :</label>
  63.                                                         <select class="form-control" name="category">
  64.                                                             <option value="">— Toutes —</option>
  65.                                                             {% for categorie in categories %}
  66.                                                                 <option value="{{ categorie.id }}" {{   app.request.get('category') == categorie.id ? 'selected' }}>
  67.                                                                     {{ categorie.name }}
  68.                                                                 </option>
  69.                                                             {% endfor %}
  70.                                                         </select>
  71.                                                     </div>
  72.                                                 </div>
  74.                                                 <div class="col-xl col-sm-6 align-self-end">
  75.                                                     <div class="mb-3">
  76.                                                         <button type="submit" class="btn btn-primary w-md">Filter</button>
  77.                                                     </div>
  78.                                                 </div>
  79.                                             </div>
  80.                                         </form>
  83.                                         <div class="table-responsive mt-2">
  84.                                             <table class="table table-hover datatable dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
  85.                                                 <thead>
  86.                                                 <tr>
  87.                                                     <th scope="col">#</th>
  88.                                                     <th scope="col">Titre</th>
  89.                                                     <th scope="col">Prix</th>
  90.                                                     <th scope="col">Description</th>
  91.                                                     <th scope="col">Type de coaching</th>
  92.                                                     <th scope="col">Status</th>
  93.                                                     <th scope="col">Coach</th>
  94.                                                     <th class="p-3 font-semibold text-13 ltr:text-left rtl:text-right" style="width: 120px;">Action</th>
  95.                                                 </tr>
  97.                                                 </thead>
  99.                                                 <tbody>
  100.                                                 {% for experience in experiences %}
  101.                                                     <tr>
  102.                                                         <td>
  103.                                                             <img class="object-cover" src="{{ asset(''~experience.image) }}" alt="" width="96px" height="64px">
  104.                                                         </td>
  105.                                                     <td>{{ experience.title }}</td>
  106.                                                     <td>{{ experience.price }} {{ experience.currency }}</td>
  107.                                                     <td>{{ experience.description|u.truncate(30, '…') }}</td>
  108.                                                     <td>{{ experience.coachingtype }}</td>
  109.                                                     <td> {% if experience.enabled is not null %}
  110.                                                             {{ experience.enabled ? '<span class="badge bg-success font-size-10">Disponible</span>' : '<span class="badge bg-danger font-size-10">Occupe</span>' }}
  111.                                                         {% else %}
  112.                                                             &mdash;
  113.                                                         {% endif %}
  114.                                                     </td>
  115.                                                     <td>Hicham{#{{ experience.coach.lastname }}#}</td>
  116.                                                         <td class="p-3 ltr:text-left rtl:text-right">
  117.                                                         <div class="relative dropdown">
  118.                                                             <button class="p-0 text-gray-700 border-0 btn dropdown-toggle dark:text-zink-200 " type="button" data-bs-toggle="dropdown" id="dropdownMenuButton1">
  119.                                                                 <i class="bx bx-dots-horizontal font-medium text-15"></i>
  120.                                                             </button>
  121.                                                             <ul class="absolute right-0 left-auto top-auto z-20 hidden w-44 py-1.5 text-left list-none bg-white border border-transparent rounded shadow-lg dropdown-menu bg-clip-padding dark:bg-zink-700 dark:border-zink-50 dark:text-zink-200" aria-labelledby="dropdownMenuButton1">
  122.                                                                 <li><a class="bg-transparent dropdown-item font-normal flex items-center hover:bg-gray-50 px-6 py-1.5 text-13 text-gray-700 w-full whitespace-nowrap" href="{{ path('exp_overview', {id: experience.id}) }}"><i class="bx bx-pencil text-16 text-green-500 me-2 "></i> Overview</a>
  123.                                                                 </li>
  124.                                                                 <li><a class="bg-transparent dropdown-item font-normal flex items-center hover:bg-gray-50 px-6 py-1.5 text-13 text-gray-700 w-full whitespace-nowrap" href="#"> <i class="bx bx-lock-alt text-16 text-gray-500 me-2"></i>Securite</a>
  125.                                                                 </li>
  126.                                                                 <li><a class="bg-transparent dropdown-item font-normal flex items-center hover:bg-gray-50 px-6 py-1.5 text-13 text-gray-700 w-full whitespace-nowrap" href="#"> <i class="bx bx-trash-alt text-16 text-red-500 me-2"></i>Remove</a>
  127.                                                                 </li>
  129.                                                             </ul>
  130.                                                         </div>
  131.                                                     </td>
  132.                                                 </tr>
  133.                                                 {% endfor %}
  134.                                                 </tbody>
  135.                                             </table>
  136.                                         </div>
  137.                                     </div>
  138.                                 </div>
  139.                             </div>
  140.                         </div>
  141.                     </div>
  142.                 </div>
  143. {% endblock %}
  145.             {% block javascripts %}
  147.                 <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  148.                 <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  149.                 <script src="{{ asset('admin/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
  150.                 <script src="{{ asset('admin/libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
  151.                 <script src="{{ asset('admin/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
  152.                 <script src="{{ asset('admin/libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
  153.                 <script src="{{ asset('admin/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>
  154.                 <script src="{{ asset('admin/js/pages/crypto-orders.init.js')}}"></script>
  155.                 <script src="{{ asset('admin/js/pages/form-advanced.init.js')}}"></script>
  156.                 <script src="{{ asset('admin/js/app.js')}}"></script>
  158.             {% endblock %}