templates/admin/coach/listCoaches.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Comptes Coaches{% endblock %}
  3. {% block breadcump_main %}Coaches{% endblock %}
  4. {% block breadcump_subtitle %}Liste des Coaches{% endblock %}
  5. {% block menu_left_sidebar %}
  6.     {% include 'include/menu/menuAdmin.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/css/tailwind.min.css') }}" rel="stylesheet" type="text/css">
  11.     <link href="{{ asset('admin/css/tailwind2.css') }}" rel="stylesheet" type="text/css">
  13. {% endblock %}
  14. {% block title %}{{"Liste des coachs"|trans }}{% endblock %} 
  15. {% block content %}
  16.     <div class="container-fluid px-0">
  18.         <div class="card dark:bg-zink-700 ">
  19.             <div class="p-6">
  20.                 <div class="grid grid-cols-12">
  21.                     <div class="col-span-12">
  22.                         <div class="md:flex justify-between space-y-2 md:space-y-0">
  23.                             <div class="relative">
  24.                                 <i class="bx bx-search-alt text-16 text-zink-600  dark:text-zink-200 absolute top-3 left-4 right-4 transform w-1/12"></i>
  25.                                 <input class="border border-gray-400 focus:border focus:border-gray-400 focus:outline-none focus:ring-0 p-3 ps-5 pl-10 placeholder:text-[13px] placeholder:text-gray-600 py-2 rounded-full rtl:pr-10 text-gray-700 w-full" type="search" placeholder="Rechercher..." id="example-search-input">
  26.                             </div>
  27.                             <a href="{{ path('add_coach') }}"
  28.                                class="mb-3 text-13 px-4 rounded-full text-white  bg-orange-500 border-transparent btn hover:bg-green-600" style="background: #ffaa00;"><i class="bx bx-plusme-1"></i>Ajouter nouveau coach</a>
  29.                         </div>
  30.                         <div class="my-6 overflow-x-auto">
  31.                             <table class="table w-full datatable dt-responsive nowrap whitespace-nowrap border-spacing-y-1.5 border-collapse text-gray-800 " id="cards-container">
  32.                                 <thead>
  33.                                     <tr class="bg-gray-50 dark:bg-zink-50 dark:text-zink-200 ">
  34.                                         <th class="p-3 font-semibold text-13 ltr:text-left rtl:text-right">#</th>
  35.                                         <th class="p-3 font-semibold text-13 ltr:text-left rtl:text-right">Coach</th>
  36.                                         <th class="p-3 font-semibold text-13 ltr:text-left rtl:text-right">Category</th>
  37.                                         <th class="p-3 font-semibold text-13 ltr:text-left rtl:text-right">Pays de résidence</th>
  39.                                         <th class="p-3 font-semibold text-13 ltr:text-left rtl:text-right" style="width: 120px;">Action</th>
  40.                                     </tr>
  41.                                 </thead>
  42.                                 <tbody>
  43.                                     {% for coach in coaches %}
  44.                                         <tr class="bg-white border-b border-gray-300 dark:bg-transparent dark:border-zink-50">
  45.                                             <td class="p-3">
  46.                                                 <div class="w-24 h-16 bg-gray-50 dark:bg-zink-50 rounded p-1">
  47.                                                     <img class="h-full w-full object-cover" src="{{ asset(''~coach.image) }}" alt="">
  48.                                                 </div>
  49.                                             </td>
  50.                                             <th scope="row" class="p-3 text-13 ltr:text-left rtl:text-right font-normal  whitespace-nowrap text-gray-600 dark:text-zink-200">
  51.                                                 <p class="text-[14px] font-medium mb-1 text-gray-800 dark:text-white name">{{ coach.FirstName }} {{ coach.LastName }}</p>
  52.                                                 <p></p>
  53.                                             </th>
  54.                                             <th scope="row" class="p-3 text-13 ltr:text-left rtl:text-right font-normal  whitespace-nowrap text-gray-600 dark:text-zink-200">
  55.                                                 <p>15 </p>
  56.                                             </th>
  58.                                             <td class="p-3 country">
  59.                                                 <p>{{ coach.country }} </p>
  60.                                             </td>
  62.                                             <td class="p-3 ltr:text-left rtl:text-right">
  63.                                                 <div class="relative dropdown">
  64.                                                     <button class="p-0 text-gray-700 border-0 btn dropdown-toggle dark:text-zink-200 " type="button" data-bs-toggle="dropdown" id="dropdownMenuButton1">
  65.                                                         <i class="bx bx-dots-horizontal font-medium text-15"></i>
  66.                                                     </button>
  67.                                                     <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">
  68.                                                         <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('edit_coach', {'id':coach.id}) }}"><i class="bx bx-pencil text-16 text-green-500 me-2 "></i> Edit</a>
  69.                                                         </li>
  70.                                                         <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>
  71.                                                         </li>
  72.                                                         <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>
  73.                                                         </li>
  75.                                                     </ul>
  76.                                                 </div>
  77.                                             </td>
  78.                                         </tr>
  79.                                     {% endfor %}
  80.                                 </tbody>
  81.                             </table>
  83.                         </div>
  84.                         <!-- end table -->
  85.                     </div>
  86.                     <div class="col-span-12">
  87.                         <div class="flex justify-between items-center">
  88.                             <p class="text-13">Showing 1 to 7 of 7 entries</p>
  89.                             <ul class="flex space-x-4 rtl:space-x-reverse items-center">
  90.                                 <li class="cursor-pointer"><i class="bx bx-chevron-left text-gray-700 text-16 dark:text-zink-200 rtl:rotate-180 block"></i></li>
  91.                                 <li class="cursor-pointer flex h-8 items-center justify-center rounded-full text-white w-8" style="background: #ffaa00; ">1</li>
  92.                                 <li class="cursor-pointer"><i class="bx bx-chevron-right text-gray-700 text-16 dark:text-zink-200 rtl:rotate-180 block"></i></li>
  93.                             </ul>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.                 <!-- end grid -->
  98.             </div>
  99.         </div>
  101.     </div>
  102.     <!-- container-fluid -->
  105.     <!-- End main -->
  106. {% endblock %}
  107. {% block javascripts %}
  109.     <script src="{{ asset('admin/js/app.js')}}"></script>
  111. {% endblock %}