{# LIBRARIES #}
{% extends "@pages/demo-pages/_base-page/_base-page.twig" %}

{# VARIABLES #}
{% set page_announcements = ' ' %}
{% set page_breadcrumb = ' ' %}
{% set page_help = ' ' %}
{% set page_below_content = ' ' %}

{% set page_highlighted = "<h1>Media Centre</h1>" %}
{% set page_content %}
  <div class="media-page_header">
    {{ pattern_preview('social_share') }}
    <h2>Images & Videos</h2>

    <div class="row">
      <div class="col-6">
        {{ pattern_preview('submit-addon', {'variant': 'textfield', 'label_display': 'invisible'}) }}
      </div>
      <div class="col-6 tag-list">
        {{ pattern_preview('tag-images-element',
          { 'type' : 'radio',
            'style' : 'tags',
            'elements':[
            {'fid': 'a', 'title': 'Latest'},
            {'fid': 'b', 'title': 'Image'},
            {'fid': 'c', 'title': 'Video'}
          ]}) }}
      </div>
    </div>

    {{ pattern_preview('tag-images-element',
      { 'type' : 'radio',
        'style' : 'tags',
        'elements': [
        {'fid': 'd', 'title': 'Greater Anglia'},
        {'fid': 'e', 'title': 'Mockup'},
        {'fid': 'f', 'title': 'New Trains'},
        {'fid': 'g', 'title': 'Train'}
      ]}) }}
  </div>

  <div class="media-centre">
    {{ pattern_preview('tm_wall', {}, 'media_centre') }}
  </div>
{% endset %}
