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

{# VARIABLES #}
{% set front = false %}
{% 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_banner = pattern_preview('region_banner') %}
{% set page_sidebar_right = pattern_preview('region_sidebar_right') %}
{% 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') %}
{# Icons in the middle of H1's will be dropped #}
{% set page_highlighted = "<h1><i class='fal fa-train'></i>Latest news <i class='fal fa-train'></i> articles<i class='fal fa-train'></i></h1>" %}

{% set page_content %}

    {{ pattern_preview('social_share', {'wrapper_class': 'mb-3'}, 'share') }}

    <p>
      Welcome to the Greater Anglia blog. Here you can discover the destinations we serve,
      find out more about our trains and services, and learn about our business innovation work.
    </p>

    <form class="frm-shd">

      {{ pattern_preview('styled-tags-element', {
        'label': false,
        'input_type' : 'radio',
        'style' : 'tags'
      }) }}

      <div class="row form-row-bottom">
        <div class="col-lg-4">
          {{ pattern('form-element', {
            'label': pattern_preview('form-label', {'title': 'This is the label'}),
            'children': pattern_preview('form-input', {}, 'textfield'),
            'type': 'textfield',
          }, 'textfield') }}
        </div>
        <div class="col-lg-4">
          {{ pattern('form-element', {
            'label': pattern_preview('form-label', {'title': 'This is the label'}),
            'children': pattern_preview('form-select', {}),
            'type': 'select',
          }, 'select') }}
        </div>
        <div class="col-lg-4">
          <div class="form-actions form-group-no-pad">
            {{ pattern_preview('form-submit', {'class': 'btn-md flex-lg-fill', 'outline': true, 'value': 'Reset'}) }}
            {{ pattern_preview('form-submit', {'class': 'btn-md flex-lg-fill', 'outline': true, 'value': 'Submit'}) }}
          </div>
        </div>
      </div>

    </form>

  {{ pattern_preview('tm_wall', {}, 'blog') }}

  {{ pattern_preview('pager', {'alignment': 'center'}) }}

{% endset %}
