templates/city/list.html.twig line 33

Open in your IDE?
  1. {% set body_classes = ['list-of-cities'] %}
  2. {% set suffix = currentPage == 1 ? '' : '_with_page' %}
  3. {% set title = ('city_list' ~ suffix ~ '.title')|trans({'%page%': currentPage}) %}
  4. {% set description = ('city_list' ~ suffix ~ '.description')|trans({'%page%': currentPage}) %}
  5. {% set keywords = ('city_list' ~ suffix ~ '.keywords')|trans({'%page%': currentPage}) %}
  7. {% extends 'base.html.twig' %}
  9. {% block stylesheets %}
  10.     {{ parent() }}
  11.     {{ encore_entry_link_tags('city_list') }}
  12.     {{ encore_entry_link_tags('search_autocomplete') }}
  13. {% endblock stylesheets %}
  15. {% block content %}
  16.     <main>
  17.         <div class="container">
  18.             <div class="list-of-cities-container">
  19.                 <div class="search-form-wrapper animate-on-scroll-bottom">
  20.                     <div class="title">
  21.                         <h3>{{ 'cities.list_title'|trans|raw }}</h3>
  22.                     </div>
  23.                     {{ form_start(form, {'attr': {
  24.                         'data-controller': 'search',
  25.                         'data-search-url-value': path('search_cities_with_profiles'),
  26.                         'data-action': 'submit->search#onSubmit',
  27.                     }}) }}
  28.                         <div class="field-wrapper">
  29.                             {{ form_widget(form.search, {'attr': {
  30.                                 'data-action': 'input->search#onAutocomplete click->search#onClick',
  31.                                 'data-search-target': 'input',
  32.                             }}) }}
  33.                             <div class="autocomplete-results" {{ stimulus_target('search', 'results') }}></div>
  34.                         </div>
  35.                         <div class="buttons-container">
  36.                             {{ form_widget(form.submit) }}
  37.                         </div>
  38.                     {{ form_end(form) }}
  39.                 </div>
  40.                 <div class="list-wrapper">
  41.                     {% for city in cities %}
  42.                         <a href="{{ path('city_companies_list', {'id': city.id, 'slug': city.slug}) }}" class="city">
  43.                             {{ city.name }}
  44.                         </a>
  45.                     {% endfor %}
  46.                 </div>
  47.                 {% if pagination|length > 1 %}
  48.                     <div class="toolbar-bottom-container">
  49.                         <nav class="pagination-container">
  50.                             {% if currentPage > 1 %}
  51.                                 <a href="{{ path('city_list', { page: currentPage - 1 }) }}" class="p-i-previous"></a>
  52.                             {% else %}
  53.                                 <span class="p-i-previous p-i-disabled"></span>
  54.                             {% endif %}
  55.                             <span class="pagination-pages">
  56.                                 {% for p in pagination %}
  57.                                     {% if p == currentPage %}
  58.                                         <span class="pagination-item p-i p-i-disabled">{{ p }}</span>
  59.                                     {% elseif p == '...' %}
  60.                                         <span class="pagination-item p-i">…</span>
  61.                                     {% else %}
  62.                                         <a href="{{ path('city_list', { page: p }) }}" class="pagination-item p-i">
  63.                                             {{ p }}
  64.                                         </a>
  65.                                     {% endif %}
  66.                                 {% endfor %}
  67.                             </span>
  68.                             {% if currentPage < pagination|last %}
  69.                                 <a href="{{ path('city_list', { page: currentPage + 1 }) }}" class="p-i-next"></a>
  70.                             {% else %}
  71.                                 <span class="p-i-next p-i-disabled"></span>
  72.                             {% endif %}
  73.                         </nav>
  74.                     </div>
  75.                 {% endif %}
  76.             </div>
  77.         </div>
  78.     </main>
  79. {% endblock content %}