theme/templates/blocks/block_list/block_list.close_to_you_home.html.twig line 1

Open in your IDE?
  1. {# BLOCK LISTA #}
  2. {% import 'blocks\\macros.html.twig' as macros %}
  3. {% block content %}
  4. {{ encore_entry_link_tags('close-to-you') }}
  5. <section class="{{ blockSequence|default }} block-list close-to-you {% block skin_class %}bg-radius{% endblock %}" style="{{ macros.getStyles(settings) }}" {{ macros.getBlockDataAttributes(_context) }}>
  6.     <div class="radius" {% if settings.bgcolor|default %}style="--bg: {{settings.bgcolor}}"{% endif %}></div>
  7.     <div class="{% if settings.fullwidth|default(0) != 1 %}container{% else %}w-100{% endif %}">
  8.         <div class="row">
  9.             <div class="col-12">
  10.                 <div class="d-flex justify-content-between align-items-center flex-wrap mb-5">
  11.                     <div class="d-inline-flex align-items-center gap-2 flex-wrap close_to_you_block_btn">
  12.                         {% block title_close_tou_you %}<h2>{{ 'close_to_you'|trans ({},'custom' )|html_entity_decode|raw }}</h2>{% endblock %}              
  13.                         <button id="close_to_you_btn" class="close_to_you_btn btn btn-green-blur" type="button" 
  14.                                 data-user-municipality="{{ userMunicipality|default('Todo o País') }}"
  15.                                 data-set-location-url="{{ path('user_set_location') }}"
  16.                                 data-block-selector="section.{{ blockSequence|default }}">
  17.                             <div class="d-inline-flex align-items-center gap-1">
  18.                                 {{ file_get_contents(asset('custom/location-pin-icon.svg', 'global'))|raw }}
  19.                                 <span class="cty-btn-text">{{ userMunicipality|default('Todo o País') }}</span>
  20.                             </div>
  21.                         </button>
  22.                         <!-- Location Dropdown -->
  23.                         <div id="close-to-you-select-box" style="display:none;" class="cty-dropdown close_to_you_select_box">
  24.                         {# Hidden native select for graceful degradation #}
  25.                         <select id="close_to_you_select" class="close-to-you-select" aria-hidden="true" tabindex="-1" style="position:absolute;left:-9999px;">
  26.                             {% if location_values is defined %}
  27.                                 {% for loc in location_values %}
  28.                                     <option value="{{ loc.id }}">{{ loc.description ?: loc.machineName }}</option>
  29.                                 {% endfor %}
  30.                             {% endif %}
  31.                         </select>
  32.                         <div class="cty-wrapper">
  33.                             <div class="close-to-you-msg-wrapper">
  34.                                 {% if app.session.get('isInPortugal') is same as(false) %}
  35.                                     <div class="close-to-you-msg">
  36.                                         <span class="close-to-you-msg-body">
  37.                                             {{ 'is_out_portugal'|trans ({},'custom' )|default('Está fora de Portugal, mas contamos-lhe o que se passa por cá, ao minuto. Se preferir, pode escolher uma região da lista.') }}
  38.                                         </span>
  39.                                     </div>
  40.                                 {% endif %}
  41.                             </div>
  42.                             <div class="cty-panel">
  43.                                 <div class="cty-search">
  44.                                     <input id="cty-search-input" type="text" placeholder="Pesquise por concelho" autocomplete="off" />
  45.                                     <span class="cty-search-icon">{{ file_get_contents(asset('custom/search-icon.svg', 'global'))|default('🔍')|raw }}</span>
  46.                                 </div>
  47.                                 <ul class="cty-options" id="cty-options-list">
  48.                                     {% if location_values is defined %}
  49.                                         {% for loc in location_values %}
  50.                                             <li data-value="{{ loc.id }}" class="cty-option">{{ loc.description ?: loc.machineName }}</li>
  51.                                         {% endfor %}
  52.                                     {% endif %}
  53.                                 </ul>
  54.                             </div>
  55.                         </div>
  56.                         <div class="close-to-you-loading" aria-hidden="true" style="display:none;">
  57.                             <div class="spinner"></div>
  58.                             <span class="loading-text">A atualizar localização…</span>
  59.                         </div>
  60.                         </div>
  61.                     </div>
  62.                     {% set moreUrl = fields.view_more_url|default('') %}
  63.                     {% if moreUrl %}
  64.                         <a href="{{ moreUrl }}" class="btn btn-primary btn-style-1 ver-mais-btn-top" rel="nofollow">
  65.                             {{ 'see_all'|trans ({},'custom' )|default('Ver todos') }}
  66.                             {{ file_get_contents(asset('custom/menu-icon.svg', 'global'))|default('≡')|raw }}
  67.                         </a>
  68.                     {% endif %}
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     {% if settings.carousel|default == '1' or settings.carousel_1175|default == '1' or settings.carousel_600|default == '1' or settings.carousel_480|default == '1' %}
  73.         {% import 'blocks\\block_list\\block_list.default.settings.twig' as slick_settings %}
  74.     <div class="row slick-carousel" data-slick='{{slick_settings.getSlick_Settings(settings)|replace({"\n":""})}}' style="--block-list-gap:{{ settings.items_gap|default('var(--margin)') }};">
  75.     {% else %}
  76.     <div class="row grid {{ settings.extra_class|default }}" style="--block-list-gap:{{ settings.items_gap|default('var(--margin)') }}; --block-list-cols:{{settings.column|default('3')}}">
  77.     {% endif %}
  78.             {% if blockscontent %}
  79.                 {{ blockscontent|raw }}
  80.             {% else %}
  81.                 <div class="col not-found">{{ 'zerorecords'|trans([],'studio') }}</div>
  82.             {% endif %}
  83.         </div>
  84.         {% if moreUrl %}
  85.             <div class="ver-mais-btn-bottom">
  86.                 <a
  87.                     href="{{ moreUrl }}"
  88.                     class="btn btn-primary btn-style-1"
  89.                     rel="nofollow">
  90.                         {{ 'see_all'|trans ({},'custom' )|default('Ver todos') }}
  91.                         {{ file_get_contents(asset('custom/menu-icon.svg', 'global'))|default('≡')|raw }}
  92.                 </a>
  93.             </div>
  94.         {% endif %}
  95.     </div>
  96. </section>
  98. {{ encore_entry_script_tags('close-to-you') }}
  99. {% endblock %}
  100. {# @END BLOCK LISTA #}