templates/hotel/sitemaps.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <link rel="stylesheet" href="{{ asset('css/collections-page.css') }}??v=26-01-2024-1" type="text/css">
  6.     <link rel="stylesheet" href="{{ asset('css/collections-tours.css') }}??v=26-01-2024-1" type="text/css">
  7.     <link rel="stylesheet" href="{{ asset('css/rating-list.css') }}??v=26-01-2024-1" type="text/css">
  8.     <style>
  9.         .sitemap-list {
  10.             list-style: none;
  11.             -webkit-padding-start: 0;
  12.             -webkit-column-count: 3;
  13.             -moz-column-count: 3;
  14.             column-count: 3;
  15.             -webkit-column-gap: 30px;
  16.             -moz-column-gap: 30px;
  17.             column-gap: 30px;
  18.             margin-top: 0;
  19.             width: 100%;
  20.         }
  21.         .sitemap-item {
  22.             float: none;
  23.             width: auto;
  24.             position: relative;
  25.             -webkit-column-break-inside: avoid;
  26.             page-break-inside: avoid;
  27.             break-inside: avoid;
  28.             font-size: 16px;
  29.             line-height: 1.75 !important;
  30.         }
  31.         .pagination {
  32.             display: flex;
  33.             flex-wrap: wrap;
  34.             width: 100%;
  35.             justify-content: center;
  36.             margin-top: 32px;
  37.             gap: 16px;
  38.         }
  39.         .pagination-item {
  40.             cursor: pointer;
  41.             width: 32px;
  42.             height: 32px;
  43.             border-radius: 5px;
  44.             background-color: #ededee;
  45.             display: flex;
  46.             justify-content: center;
  47.             align-items: center;
  48.             font-size: 15px;
  49.             font-weight: 500;
  50.             color: #25292c;
  51.             text-decoration: none !important;
  52.         }
  53.         .pagination-item:hover {
  54.             background-color: #dddee0;
  55.             color: #0d0f10;
  56.         }
  57.         .pagination-item.active {
  58.             background-color: #0072ed !important;
  59.             color: #fff !important;
  60.         }
  62.         @media (max-width: 767px) {
  63.             .sitemap-list {
  64.                 -webkit-column-count: 2;
  65.                 -moz-column-count: 2;
  66.                 column-count: 2;
  67.             }
  68.         }
  69.         @media (max-width: 480px) {
  70.             .sitemap-list {
  71.                 -webkit-column-count: 1;
  72.                 -moz-column-count: 1;
  73.                 column-count: 1;
  74.             }
  75.         }
  76.     </style>
  77. {% endblock %}
  79. {% block body %}
  80.     <div class="container">
  81.         <div class="collections-page_row">
  82.             <div class="sitemap-list">
  83.                 {% for hotel in data.hotels %}
  84.                 <div class="sitemap-item">
  85.                     <a href="{{ path('app_hotel', { hotelId: hotel.id, hotelSlug: hotel.slug }) }}" class="sitemap-link">
  86.                         {{ hotel.name }} {{ hotel.stars }}
  87.                     </a>
  88.                 </div>
  89.                 {% endfor %}
  90.             </div>
  91.             <div class="pagination">
  92.                 {% for i in 1..data.pages %}
  93.                     <a href="{{ path('app_hotel_sitemaps', { page: i }) }}"
  94.                        class="pagination-item {% if i == app.request.get('page') %}active{% endif %}">
  95.                         {{ i }}
  96.                     </a>
  97.                 {% endfor %}
  98.             </div>
  99.         </div>
  100.     </div>
  101. {% endblock %}