{# LIBRARIES #}
{% extends "@templates/tm-layout/page/page.twig" %}

{# VARIABLES #}
{% set front = true %}
{% set full_width = false %}
{% set no_sidebars = false %}
{% set floating_title = false %}
{% set scrl_top_link = "<i class='" ~ global_icon_up|default('fas fa-chevron-up') ~ "'></i>" %}

{# REGIONS #}
{% set page_offcanvas = pattern_preview('region_offcanvas') %}
{% set page_header = pattern_preview('region_header', {'exposed': true}) %}
{% set page_announcements = pattern_preview('region_announcements') %}
{% set page_below_content = pattern_preview('region_below_content') %}
{% set page_below_content_secondary = pattern_preview('region_below_content_secondary') %}
{% set page_footer_top = pattern_preview('region_footer_top') %}
{% set page_footer_bottom = pattern_preview('region_footer_bottom') %}
{% set page_footer_final = pattern_preview('region_footer_final') %}
{% set page_modal = pattern_preview('region_modal') %}
{% set page_banner = page_banner|default(pattern_preview('region_banner', {'type': 'card_block'})) %}

{# BLOCKS #}
{#
{% block section_upper_before %}
<div id="main-upper" role="complementary" aria-label="Page upper section">
  {% endblock %}
  {% block section_upper_after %}
</div>
{% endblock %}
{% block section_lower_before %}
<div id="main-lower" role="complementary" aria-label="Page lower section">
  {% endblock %}
  {% block section_lower_after %}
</div>
{% endblock %}
#}

{% set page_content %}

  {{ pattern_preview('sa_travel_updates') }}

  <div class="row mb-4 mt-4">

    <div class="col-md-8 d-flex flex-column">
      {{ pattern_preview('best_fares') }}

      {{ pattern('link_block', {
        'link_scope': 'block',
        'block_class': 'bf_footer cbelianr flex-fill',
        'header_tag': 'h2',
        'title': 'Advanced link block title',
        'body': 'Advanced link block body text, not subtitle.',
        'block_link': '#',
        'icon_right': global_icon_right|default('fas fa-chevron-right'),
      }) }}

    </div>

    <div class="col-md-4">

      {% include "@atoms/html5/image/image.twig" with {
        'alt': img_alt,
        'url': 'https://picsum.photos/540/500?rnd=a1',
        'type': 'fg',
        'img_class': 'w-100',
      } only %}

      {{ pattern_preview('link_block', {
        'link_classes': 'h3'
      }, 'version_a') }}

    </div>

  </div>

  {{ pattern_preview('jc_split') }}

  {% include "@organisms/tm-scaffold/rows-cols/rows-cols.twig" with {
    'wrapper_class': 'pt-5 pb-4',
    'auto_height': true,
    'batch': 2,
    'items': [
      pattern_preview('plain_card'),
      pattern_preview('plain_card', {}, 'video_upload')
    ]
  }%}

  {{ jc_popup }}

{% endset %}

{% set page_below_content %}
  {% embed "@organisms/tm-scaffold/container/container.twig" %}
    {% set children %}
      <div class="row">
        <div class="col-md-6">
          {{ pattern_preview('link_block', {}, 'version_a') }}
          {{ pattern_preview('link_block', {}, 'version_a') }}
          {{ pattern_preview('link_block', {}, 'version_a') }}
        </div>
        <div class="col-md-6 posts-block">
          {{ pattern_preview('link_block', {}, 'version_d') }}
          {{ pattern_preview('link_block', {}, 'version_b') }}
          {{ pattern_preview('link_block', {}, 'version_b') }}
          {{ pattern_preview('link_block', {}, 'version_b') }}
        </div>
      </div>
    {% endset %}
  {% endembed %}
{% endset %}
