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

{# VARIABLES #}
{% set front = true %}
{% set full_width = false %}
{% set no_sidebars = false %}
{% set floating_title = false %}

{# REGIONS #}
{% set page_offcanvas = pattern_preview('region_offcanvas') %}
{% set page_header = pattern_preview('region_header') %}
{% 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'})) %}



{% set page_content %}

  {{ pattern_preview('sa_travel_updates') }}

  <div class="row mb-4">

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

      {{ pattern('link_block', {
        'link_scope': 'block',
        'block_class': 'bf_footer cbelianr',
        'header_tag': 'h2',
        'title': 'Advanced link block title',
        'body': 'Advanced link block body text, not subtitle',
        'block_link': '#',
        'icon_right': "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', {}, '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 %}
