templates/admin/country/listDestinations.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Liste des destinations{% endblock %}
  3. {% block breadcump_main %}Pays{% endblock %}
  4. {% block breadcump_subtitle %}Destinations{% 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 destinations"|trans }}{% endblock %} 
  15. {% block content %}
  16.     <div class="container-fluid px-0">
  18.         <div class="card dark:bg-zink-700 ">
  19.             <div class=" p-3 sm: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
  26.                                     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"
  27.                                     type="search" placeholder="Rechercher par titre , category..." id="search-input">
  28.                             </div>
  29.                             <a href="{{ path('add_destination') }}"
  30.                                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 pays</a>
  31.                         </div>
  32.                         <div class="my-6 overflow-x-auto">
  34.                             <div id="cards-container" class="grid grid-cols-2 gap-6 mb-5 mx-1 ">
  35.                                 {% for destination in   destinations %}
  36.                                     <div class="mb-0 border rounded-lg dark:bg-zink-700">
  37.                                         <div class="card-body">
  38.                                             <div class="grid items-start grid-cols-12">
  39.                                                 <div class="mr-2 shrink-0 col-span-4 text-center">
  40.                                                     <div>
  41.                                                         <span class="flex mx-auto items-center justify-center  overflow-hidden h-32 w-full font-medium text-blue-500 rounded-xl text-16 bg-blue-500/20 mt-1">
  42.                                                             <img src="{{asset(''~destination.image)}}" class="w-full h-full object-cover" alt="">
  43.                                                         </span>
  44.                                                     </div>
  45.                                                 </div>
  48.                                                 <div class=" grow col-span-8 ">
  49.                                                     <div class="title-sejour">
  50.                                                         <h2 class="font-medium text-16 mt-2">{{ destination.name }}</h2>
  51.                                                         <p>ID : #{{ destination.id }}</p>
  52.                                                     </div>
  53.                                                 </div>
  56.                                                 <div class="col-span-12 flex justify-end mt-3 text-xs w-full">
  58.                                                     <a href="{{ path('edit_destination',{'id':destination.id}) }}" class=" text-blue-500   font-medium dark:text-white cursor-pointer">Modifier</a>
  59.                                                     <p class=" text-blue-500 mx-3  font-medium dark:text-white cursor-pointer">Expériences</p>
  60.                                                     <p class="text-blue-500  font-medium dark:text-white cursor-pointer"> Appearances</p>
  61.                                                     {#                                                            <p class="text-blue-500  font-medium dark:text-white cursor-pointer"> Experiences</p>#}
  63.                                                 </div>
  64.                                             </div>
  65.                                         </div>
  66.                                     </div>
  68.                                 {% endfor %}
  70.                             </div>
  72.                         </div>
  73.                         <!-- end table -->
  74.                     </div>
  75.                     <div class="col-span-12">
  76.                         <div class="flex justify-between items-center">
  77.                             <p class="text-13">Showing 1 to 7 of 7 entries</p>
  78.                             <ul class=" flex items-center justify-between">
  79.                                 <li class="cursor-pointer flex h-8 items-center justify-center rounded-full text-white w-8"style=";border:1px solid #ffaa00; "><i style="color:#ffaa00" class="bx bx-chevron-left  text-16 dark:text-zink-200 rtl:rotate-180 block"></i></li>
  80.                                 <li class="cursor-pointer mx-1 flex h-8 items-center justify-center rounded-full text-white w-8" style="background: #ffaa00; ">1</li>
  81.                                 <li class="cursor-pointer mx-1 flex h-8 items-center justify-center rounded-full text-orange-light w-8" style="border: 1px solid #ffaa00; ">2</li>
  82.                                 <li class="cursor-pointer mx-1 flex h-8 items-center justify-center rounded-full text-orange-light w-8" style="border: 1px solid #ffaa00; ">3</li>
  83.                                 <li class="cursor-pointer flex h-8 items-center justify-center rounded-full text-white w-8"style=";border:1px solid #ffaa00; "><i style="color:#ffaa00" class="bx bx-chevron-right  text-16 dark:text-zink-200 rtl:rotate-180 block"></i></li>
  84.                             </ul>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.                 <!-- end grid -->
  89.             </div>
  90.         </div>
  93.     </div>
  94.     <!-- container-fluid -->
  97.     <!-- End main -->
  98. {% endblock %}
  99. {% block javascripts %}
  101.     <script src="{{ asset('admin/js/app.js')}}"></script>
  103. {% endblock %}