templates/frontend/template/car/category.html.twig line 1

  1. {% extends "frontend/base.html.twig" %}
  3. {% block title %}Kategorie - {{ category.title }}{% endblock %}
  5. {% block body_attrs %}
  6.     id="car-category"
  7. {% endblock %}
  9. {% block body %}
  11. {% include 'frontend/block/hero_image.html.twig'
  12.     with {
  13.         'block': {
  14.             'image': category.metaDecoded('image'),
  15.             'title': category.title,
  16.             'description': category.metaDecoded('description')|default,
  17.             'buttons': [
  18.                 { 'url': '#nabidka', 'title': 'Objevit nabídku vozů' },
  19.             ],
  20.         }
  21.     }
  22. %}
  24. <div class="car-category container" data-car-category="{{ category.name }}" id="nabidka" data-car-filter-default-tag="{{ filter_default_tag }}" data-car-sort-default-tag="{{ sort_default_tag }}">
  25.     <div class="car-category-header">
  26.         <div class="car-category-filter-tags">
  27.         {% for filter_tag in filter_tags %}
  28.             <button type="button" class="button{{ filter_tag.tag == filter_default_tag ? ' button-selected' : '' }}" data-filter-tag="{{ filter_tag.tag }}"><span>{{ filter_tag.title }}</span></button>
  29.         {% endfor %}
  30.         </div>
  32.         <div class="car-category-filter-sorts">
  33.             <div class="button button-sort">
  34.                 <span>Filtrovat</span>
  35.             </div>
  36.             
  37.             <div class="select-sort select-only-dropdown">
  38.                 <select name="sort" id="sort">
  39.                 {% for sort_tag in sort_tags %}
  40.                     <option class="{{ sort_tag.tag == sort_default_tag ? 'selected' : '' }}" data-sort-tag="{{ sort_tag.tag }}"><span>{{ sort_tag.title }}</span></option>
  41.                 {% endfor %}
  42.                 </select>
  43.             </div>
  44.         </div>
  45.     </div>
  47.     <div class="car-category-list car-list">
  48.     {% if cars is not empty %}
  49.         {% include 'frontend/api/cars_list.html.twig' with { 'cars': cars } %}
  50.     {% else %}
  51.         <p class="message">Nebyla nalezena žádná vozidla</p>
  52.     {% endif %}
  53.     </div>
  55.     <div class="car-category-footer">
  56.         <button type="button" class="button" data-load-offset="{{ cars|length }}" data-load-more="12"><span>Načíst dalších 12</span></button>
  57.     </div>
  58. </div>
  60. {% include 'frontend/block/contact.html.twig' %}
  62. {% endblock %}