{# LIBRARIES #}
{{ attach_library('ui_patterns/offer_content.offer_content_lib') }}

{# VARIABLES #}
{% set floating_top = true %}
{% set back_link_url = false %}
{% set voucher_type = false %}
{% set badge_position = 'content' %}

{% set tags_list_class = 'pb-5 hr-shd-flat mb-4' %}
{% set block_style = 'plain-blk' %}
{% set coupon_button_class = 'btn-default btn-md' %}
{% set tickets_button_class = 'btn-default btn-md' %}

{# TEMPLATE #}
{% include "@molecules/tm-bits/tm-bits-tags.twig" with {'tags': tags, 'list_class': tags_list_class, 'inverted': true} only %}

{% include "@organisms/tm-off/offer-content/partials/offer-top.twig" %}

{% include "@organisms/tm-off/offer-content/partials/offer-intro.twig" %}

{% include "@organisms/tm-off/offer-content/partials/offer-blk.twig" with {
  'header': 'Disabled info',
  'text': disabled_info,
  'block_style': block_style,
} only %}

{% include "@organisms/tm-off/offer-content/partials/offer-blk.twig" with {
  'header': 'Restrictions',
  'text': restrictions,
  'block_style': block_style,
} only %}

{% include "@organisms/tm-off/offer-content/partials/offer-date.twig" %}

{% set claim_section_content %}
  {% include "@organisms/tm-off/offer-content/partials/offer-claim.twig" with {'standalone': true} %}
  {% include "@organisms/tm-off/offer-content/partials/offer-buy-tickets.twig" with {'standalone': true} %}
{% endset %}
{% include "@organisms/tm-off/offer-content/partials/offer-blk.twig" with {
  'text': claim_section_content,
  'block_style': block_style,
} only %}

{% if offer_map %}
  <div class="off-blk-wrpd">
    <div class="plain-blk">
      {% include "@organisms/tm-off/offer-content/partials/offer-map.twig" %}
    </div>
  </div>
{% endif %}

<div class="row off-blk-wrpd">

  <div class="col-md-4 col">
    {% include "@organisms/tm-off/offer-content/partials/offer-station.twig" %}

    {% include "@organisms/tm-off/offer-content/partials/offer-blk.twig" with {
      'header': 'Getting there',
      'text': getting_there,
      'block_style': block_style,
    } only %}
  </div>

  <div class="col-md-4 col">
    {% include "@organisms/tm-off/offer-content/partials/offer-blk.twig" with {
      'header': 'Opening times',
      'text': opening_times,
      'block_style': block_style,
    } only %}
  </div>

  <div class="col-md-4 col">
    {% include "@organisms/tm-off/offer-content/partials/offer-blk.twig" with {
      'header': 'Telephone',
      'text': telephone,
      'block_style': block_style,
    } only %}
  </div>

</div>

{% include "@organisms/tm-off/offer-content/partials/offer-blk.twig" with {
  'header': 'Terms and conditions',
  'text': terms,
  'block_style': block_style,
} only %}

{% include "@organisms/tm-off/offer-content/partials/offer-blk.twig" with {
  'header': 'ATOC voucher type',
  'text': voucher_type,
  'block_style': block_style,
} only %}
