templates/admin/booking/coach/mesReservation.html.twig line 25

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Mes réservations{% endblock %}
  3. {% block breadcump_main %}Compte Coach{% endblock %}
  4. {% block breadcump_subtitle %}Les Réservations{% endblock %}
  5. {% block menu_left_sidebar %}
  6.     {% include 'include/menu/menuCoach.html.twig' with { menu_active_event : '2'} %}
  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">    <link href="{{ asset('admin/css/tailwind.min.css') }}" rel="stylesheet" type="text/css">
  13.     <link href="{{ asset('admin/css/tailwind2.css') }}" rel="stylesheet" type="text/css">
  15. {% endblock %}
  16. {% block title %}{{"Gerer mes resevation"|trans }}{% endblock %}
  17. {% block content %}
  18.     <div class="row">
  19.         <div class="col-lg-12">
  20.             <div class="mb-3">
  21.                 <h4 class="card-title flex-grow-1">Gerer vos réservations</h4>
  22.                 <p class="text-muted">Gerer les réservation de vos éxperiences enligne</p>
  23.             </div>
  24.         </div><!--end col-->
  25.         {% for experience in app.user.experiences %}
  26.             <div class="col-lg-4 col-md-6 mb-4">
  27.                 <div class="card">
  28.                     <div class="card-body">
  29.                         <div class="d-flex align-items-center mb-3">
  30.                             <div class="avatar-xs me-3">
  31.                                 <span class="avatar-title rounded-circle bg-primary bg-soft text-primary font-size-18">
  32.                                     <i class="bx bx-copy-alt"></i>
  33.                                 </span>
  34.                             </div>
  35.                             <div class="ms-3 flex-grow-1">
  36.                                 <h5 class="mb-0 card-title">{{ experience.title }}</h5>
  37.                                 <p class="text-muted mb-0">{{ experience.destination.name }}</p>
  38.                             </div>
  39.                         </div>
  40.                         <hr>
  41.                         <div class="text-muted mt-4">
  42.                             <p class="text-muted mb-3">Vous avez {{ experience.bookings|length }} reservation(s) pour cette éxperience.</p>
  43.                             <div class="d-flex gap-3">
  44.                                 <div>
  45.                                     <a href="javascript: void(0);" class="text-primary">Voir tous <i class="mdi mdi-arrow-right"></i></a>
  46.                                     <a href="javascript: void(0);" class="text-primary">À venir <i class="mdi mdi-arrow-right"></i></a>
  47.                                 </div>
  48.                             </div>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.         {% endfor %}
  54.     </div>
  57.     {# Mes derneire reservation #}
  58.     <div class="row">
  59.         <div class="col-lg-12">
  60.             <div class="card">
  61.                 <div class="card-body">
  62.                     <h4 class="card-title mb-3">Mes derniéres réservations</h4>
  64.                     <!-- Nav tabs -->
  66.                     <!-- Tab panes -->
  67.                     <div class="row">
  68.                         <div class="col-lg-12">
  69.                             <div class="card job-filter">
  70.                                 <div class="card-body p-3">
  71.                                     <div class="table-responsive">
  72.                                         <table class="table align-middle table-nowrap table-hover">
  73.                                             <thead class="table-light">
  74.                                                 <tr>
  75.                                                     <th scope="col" style="width: 100px">#</th>
  76.                                                     <th scope="col">Experience</th>
  77.                                                     <th scope="col">Date</th>
  78.                                                     <th scope="col">Détails</th>
  79.                                                     <th scope="col">Status</th>
  80.                                                     <th scope="col">Action</th>
  81.                                                 </tr>
  82.                                             </thead>
  83.                                             <tbody>
  84.                                                 {% for booking in app.user.bookings %}
  85.                                                     <tr>
  86.                                                         <td><img src="{{ asset(''~booking.experience.image) }}" alt="" class="avatar-sm"></td>
  87.                                                         <td>
  88.                                                             <h5 class="text-truncate font-size-14"><a href="javascript: void(0);" class="text-dark">{{ booking.experience.title }}</a></h5>
  89.                                                             <p class="text-muted mb-0">#{{ booking.experience.id }}</p>
  90.                                                         </td>
  91.                                                         <td>
  92.                                                             <p class="mb-0"><small>Le : {{ booking.datestart|date('d/M/Y') }}</small></p>
  93.                                                             <p class="mb-0"><small>Depart : {{ booking.datestart|date('d/M/Y') }}</small></p>
  94.                                                         </td>
  95.                                                         <td>
  96.                                                             <p class="mb-0">{{ booking.total }} {{ booking.currency }}  </p>
  97.                                                             <p class="text-muted mb-0">#{{ booking.reference }} | {{ booking.pax }} Pax</p>
  98.                                                         </td>
  99.                                                         <td>
  101.                                                             {% if booking.status == '1' %}
  102.                                                                 <span class="badge bg-success">Confimé</span>
  103.                                                             {% elseif booking.status == '2' %}
  104.                                                                 <span class="badge bg-danger">Annulé</span>
  105.                                                             {% else  %}
  106.                                                                 <span class="badge bg-warning">En Attente</span>
  107.                                                             {% endif %}
  108.                                                         </td>
  109.                                                         <td>
  110.                                                             <ul class="list-inline font-size-20 contact-links mb-0">
  111.                                                                 <li class="list-inline-item px-2">
  112.                                                                     <a href="javascript: void(0);" title="Message"><i class="bx bx-edit"></i></a>
  113.                                                                 </li>
  114.                                                                 <li class="list-inline-item px-2">
  115.                                                                     <a href="javascript: void(0);" title="Profile"><i class="bx bx-show"></i></a>
  116.                                                                 </li>
  117.                                                             </ul>
  118.                                                         </td>
  119.                                                     </tr>
  120.                                                 {% endfor %}
  121.                                             </tbody>
  122.                                         </table>
  123.                                     </div>
  124.                                 </div>
  125.                             </div>
  126.                         </div>
  127.                     </div>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.     </div>
  132. {% endblock %}
  133. {% block javascripts %}
  135.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  136.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  137.     <script src="{{ asset('admin/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
  138.     <script src="{{ asset('admin/libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
  139.     <script src="{{ asset('admin/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
  140.     <script src="{{ asset('admin/libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
  141.     <script src="{{ asset('admin/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>
  142.     <script src="{{ asset('admin/js/pages/crypto-orders.init.js')}}"></script>
  143.     <script src="{{ asset('admin/js/app.js')}}"></script>
  145. {% endblock %}