templates/coach/experience/mesExperiences.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Coaches Experiences{% endblock %}
  3. {% block breadcump_main %}Coaches Experiences{% endblock %}
  4. {% block breadcump_subtitle %}Liste des Experiences par Coaches{% endblock %}
  5. {% block menu_left_sidebar %}
  6.     {% include 'include/menu/menuCoach.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">Coaches 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">
  30.                                     <div class="col-xl col-sm-6">
  31.                                         <div class="mb-3">
  32.                                             <label class="form-label">Type de coaching :</label>
  33.                                             <select class="form-control select2-search-disable" name="typeCoach">
  34.                                                 <option value="">— Tous —</option>
  35.                                                 <option value="private"   {{ app.request.get('typeCoach') == 'private'   ? 'selected' }}>Coaching Privé</option>
  36.                                                 <option value="groupe"    {{ app.request.get('typeCoach') == 'groupe'    ? 'selected' }}>Coaching en groupe</option>
  37.                                                 <option value="visio"     {{ app.request.get('typeCoach') == 'visio'     ? 'selected' }}>Coaching par Visio</option>
  38.                                             </select>
  39.                                         </div>
  40.                                     </div>
  42.                                     <div class="col-xl col-sm-6">
  43.                                         <div class="mb-3">
  44.                                             <label class="form-label">Catégorie :</label>
  45.                                             <select class="form-control select2-search-disable" name="category">
  46.                                                 <option value="">— Toutes —</option>
  47.                                                 {# {% for categorie in categories %}
  48.                                                     <option value="{{ categorie.id }}" {{   app.request.get('category') == categorie.id ? 'selected' }}>
  49.                                                         {{ categorie.name }}
  50.                                                     </option>
  51.                                                 {% endfor %} #}
  52.                                             </select>
  53.                                         </div>
  54.                                     </div>
  56.                                     <div class="col-xl col-sm-6 align-self-end">
  57.                                         <div class="mb-3">
  58.                                             <button type="submit" class="btn btn-primary w-md">Filter</button>
  59.                                         </div>
  60.                                     </div>
  61.                                 </div>
  62.                             </form>
  65.                             <div class="table-responsive mt-2">
  66.                                 <table class="table table-hover datatable dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
  67.                                     <thead>
  68.                                     <tr>
  69.                                         <th scope="col">#</th>
  70.                                         <th scope="col">Titre</th>
  71.                                         <th scope="col">Prix</th>
  72.                                         <th scope="col">Description</th>
  73.                                         <th scope="col">Type de coaching</th>
  74.                                         <th scope="col">Status</th>
  75.                                         <th class="p-3 font-semibold text-13 ltr:text-left rtl:text-right" style="width: 120px;">Action</th>
  76.                                     </tr>
  78.                                     </thead>
  80.                                     <tbody>
  81.                                     {% for experience in experiences %}
  82.                                         <tr>
  83.                                             <td>
  84.                                                 <img class="object-cover" src="{{ asset(''~experience.image) }}" alt="" width="96px" height="64px">
  85.                                             </td>
  86.                                             <td>{{ experience.title }}</td>
  87.                                             <td>{{ experience.price }} {{ experience.currency }}</td>
  88.                                             <td>{{ experience.description|u.truncate(30, '…') }}</td>
  89.                                             <td>{{ experience.coachingtype }}</td>
  90.                                             <td> {% if experience.enabled is not null %}
  91.                                                     {{ experience.enabled ? '<span class="badge bg-success font-size-10">Disponible</span>' : '<span class="badge bg-danger font-size-10">Occupe</span>' }}
  92.                                                 {% else %}
  93.                                                     &mdash;
  94.                                                 {% endif %}
  95.                                             </td>
  96.                                             <td class="p-3 ltr:text-left rtl:text-right">
  97.                                                 <div class="relative dropdown">
  98.                                                     <button class="p-0 text-gray-700 border-0 btn dropdown-toggle dark:text-zink-200 " type="button" data-bs-toggle="dropdown" id="dropdownMenuButton1">
  99.                                                         <i class="bx bx-dots-horizontal font-medium text-15"></i>
  100.                                                     </button>
  101.                                                     <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">
  102.                                                         <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-pencil text-16 text-green-500 me-2 "></i> Edit</a>
  103.                                                         </li>
  104.                                                         <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>
  105.                                                         </li>
  106.                                                         <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>
  107.                                                         </li>
  109.                                                     </ul>
  110.                                                 </div>
  111.                                             </td>
  112.                                         </tr>
  113.                                     {% endfor %}
  114.                                     </tbody>
  115.                                 </table>
  116.                             </div>
  117.                         </div>
  118.                     </div>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.     </div>
  123. {% endblock %}
  125.             {% block javascripts %}
  127.                 <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  128.                 <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  129.                 <script src="{{ asset('admin/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
  130.                 <script src="{{ asset('admin/libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
  131.                 <script src="{{ asset('admin/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
  132.                 <script src="{{ asset('admin/libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
  133.                 <script src="{{ asset('admin/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>
  134.                 <script src="{{ asset('admin/js/pages/crypto-orders.init.js')}}"></script>
  135.                 <script src="{{ asset('admin/js/app.js')}}"></script>
  137.             {% endblock %}