templates/admin/booking/admin/adminBookings.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Liste des reservations BOOKOACH{% endblock %}
  3. {% block breadcump_main %}Dashboard{% endblock %}
  4. {% block breadcump_subtitle %}Tous les résa{% 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 Reservations"|trans }}{% endblock %}
  15. {% block content %}
  16.     <div class="row">
  17.         <div class="col-lg-12">
  18.             <div class="card job-filter">
  19.                 <div class="card-body p-3">
  20.                     <h4 class="card-title mb-4">Filtre de recherche :</h4>
  21.                     <form method="post" action="#">
  22.                         <div class="row">
  23.                             <div class="col-xl col-sm-6">
  24.                                 <div class="mb-3">
  25.                                     <label class="form-label">Par Coach :</label>
  26.                                     <select name="coach" class="form-select form-select6LG select2" id="floatingSelect" aria-label="Floating label select example">
  27.                                         {% for coach in coachs %}
  28.                                             <option value="{{ coach.id }}" >{{ coach.firstname }} {{ coach.lastname }}</option>
  29.                                         {% endfor %}
  30.                                     </select>
  31.                                 </div>
  32.                             </div>
  33.                             <div class="col-xl col-sm-6">
  34.                                 <div class="mb-3">
  35.                                     <label class="form-label">Par Experience :</label>
  36.                                     <select name="experience" class="form-select form-select6LG select2" id="floatingSelect" aria-label="Floating label select example">
  37.                                         <option value="">Filtrer votre par éxperience</option>
  38.                                         {% for experience in experiences %}
  39.                                             <option value="{{ experience.id }}" {{   app.request.get('experience') == experience.id ? 'selected' }}>
  40.                                                 {{ experience.title }}
  41.                                             </option>
  42.                                         {% endfor %} 
  43.                                     </select>
  44.                                 </div>
  45.                             </div>
  48.                             <div class="col-xl col-sm-6">
  49.                                 <div class="mb-3">
  50.                                     <label class="form-label">Par Catégorie :</label>
  51.                                     <select name="category" class="form-select form-select6LG select2" id="floatingSelect" aria-label="Floating label select example">
  52.                                         <option value="">— Chossisser une catégorie —</option>
  53.                                         {% for category in categories %}
  54.                                             <option value="{{ category.id }}" >{{ category.name }} </option>
  55.                                         {% endfor %} 
  56.                                     </select>
  57.                                 </div>
  58.                             </div>
  60.                             <div class="col-xl col-sm-6 align-self-end">
  61.                                 <div class="mb-3">
  62.                                     <button type="submit" class="btn btn-primary w-md">Filter</button>
  63.                                 </div>
  64.                             </div>
  65.                         </div>
  66.                     </form>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.         <!--end col-->
  71.     </div>
  72.     <div class="row">
  73.         <div class="col-lg-12">
  74.             <div class="card job-filter">
  75.                 <div class="card-body p-3">
  76.                     <div class="table-responsive">
  77.                         <table class="datatable table align-middle table-nowrap table-hover">
  78.                             <thead class="table-light">
  79.                                 <tr>
  80.                                     <th scope="col" style="width: 100px">#</th>
  81.                                     <th scope="col">Experience</th>
  82.                                     <th scope="col">Client</th>
  83.                                     <th scope="col">Détails</th>
  84.                                     <th scope="col">Status</th>
  85.                                     <th scope="col">Action</th>
  86.                                 </tr>
  87.                             </thead>
  88.                             <tbody>
  89.                                 {% for booking in bookings %}
  90.                                     <tr>
  91.                                         <td><img src="{{ asset(''~booking.experience.image) }}" alt="" class="avatar-sm"></td>
  92.                                         <td>
  93.                                             <h5 class="text-truncate mb-0 font-size-14"><a href="javascript: void(0);" class="text-dark">{{ booking.experience.title }}</a></h5>
  94.                                             <p class="text-muted mb-0">#{{ booking.experience.id }}</p>
  95.                                         </td>
  96.                                         <td>
  97.                                             <p class="mb-0">{{ booking.customer.firstname }} {{ booking.customer.lastname }}</p>
  98.                                             <p><small>{{ booking.customer.email }}</small></p>
  99.                                         </td>
  100.                                         <td>
  101.                                             <p class="mb-0"><b>{{ booking.total }} {{ booking.currency }}</b></p>
  102.                                             <p class="text-muted mb-0">#{{ booking.reference }} | {{ booking.pax }} Pax | {{ booking.datestart|date('d/M/Y') }}</p>
  103.                                         </td>
  104.                                         <td>
  106.                                             {% if booking.status == '1' %}
  107.                                                 <span class="badge bg-success">Confimé</span>
  108.                                             {% elseif booking.status == '2' %}
  109.                                                 <span class="badge bg-danger">Annulé</span>
  110.                                             {% else  %}
  111.                                                 <span class="badge bg-warning">En Attente</span>
  112.                                             {% endif %}
  113.                                         </td>
  114.                                         <td>
  115.                                             <div class="dropdown">
  116.                                                 <a href="#" class="dropdown-toggle card-drop" data-bs-toggle="dropdown" aria-expanded="false">
  117.                                                     <i class="mdi mdi-dots-horizontal font-size-18"></i>
  118.                                                 </a>
  119.                                                 <div class="dropdown-menu dropdown-menu-end">
  120.                                                     <a class="dropdown-item" href="#">Voucher</a>
  121.                                                     <a class="dropdown-item" href="#">Modification</a>
  122.                                                     <a class="dropdown-item" href="#">Annuler/Suprimer</a>
  123.                                                 </div>
  124.                                             </div>
  125.                                         </td>
  126.                                     </tr>
  127.                                 {% endfor %}
  128.                             </tbody>
  129.                         </table>
  130.                     </div>
  131.                 </div>
  132.             </div>
  133.         </div>
  134.     </div>
  136. {% endblock %}
  138. {% block javascripts %}
  140.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  141.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  142.     <script src="{{ asset('admin/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
  143.     <script src="{{ asset('admin/libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
  144.     <script src="{{ asset('admin/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
  145.     <script src="{{ asset('admin/libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
  146.     <script src="{{ asset('admin/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>
  147.     <script src="{{ asset('admin/js/pages/crypto-orders.init.js')}}"></script>
  148.     <script src="{{ asset('admin/js/app.js')}}"></script>
  150. {% endblock %}