{# LIBRARIES #}
{% extends "@molecules/tm-cards/news-card/news-card.twig" %}

{# VARIABLES #}
{% set card_class = "news-card tourism-card" %}
{% set link_scope = "card" %}
{% set content_class = 'cbelianr' %}
{% set show_header = false %}
{% set show_footer = true %}
{% set header_content %}
  {% if scrolling_left %}
    <button class="scroller-ctrl left" style="display: none">
      <i class="fal fa-chevron-left"></i>
      <span class="visually-hidden">Previous</span>
    </button>
  {% endif %}

  {% if scrolling_right %}
    <button class="scroller-ctrl right">
      <i class="fal fa-chevron-right"></i>
      <span class="visually-hidden">Next</span>
    </button>
  {% endif %}
{% endset %}

{# BLOCK HEADER #}
{% block card_header %}
  {{ attach_library('ui_patterns/tourism_card.tourism_card_lib') }}

  {% if badge_type == 'offer' %}
    {% include "@molecules/tm-bits/tm-bits-badge.twig" with {
      'badge_text': badge_top,
      'badge_text_large': badge_bottom,
      'floating': true,
    } only %}
  {% endif %}

  {% if badge_type == 'date' or badge_type == 'region' %}
    <div class="badge-from {{ badge_type }}">
      {% if badge_top %}
        <span><strong>{{ badge_top }}</strong></span><br>
      {% endif %}
      {% if badge_bottom %}
        <span>{{ badge_bottom }}</span>
      {% endif %}
    </div>
  {% endif %}

  {{ parent() }}

{% endblock %}
