{#
/**
 * @file
 * Dark+'s theme implementation to display internal banner slider of Service node.
 */
#}

{% extends "page.html.twig" %}
{% block internal_banner %}
  {% if page.hero_top %}
    {{ attach_library('darkplus/banner-area') }}
    <div class="internal-banner-container {{ hero_top_background_color }}">
      <div {% if hero_top_id %}id="{{ hero_top_id }}"{% endif %} class="clearfix hero-top d-flex align-items-end {{ (hero_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (hero_top_region_paddings) ? ' region--no-paddings' : '' }}">
        <div class="internal-banner d-flex align-items-end internal-banner--plain">
        {# hero-top #}
          <div class="{{ hero_top_layout_container }}">
            {# hero-top__container #}
            <div class="clearfix hero-top__container{{ (hero_top_animations == "enabled") ? ' mt-no-opacity' : '' }}"
              {% if hero_top_animations == "enabled" %}
                data-animate-effect="{{ hero_top_animation_effect }}"
              {% endif %}>
              <div class="row">
                <div class="col-12">
                  <div class="hero-top__section">
                    {{ page.hero_top }}
                    {% if mt_tmm_subtitle|render and node is not null %}
                      <div class="row grid-gutter-10 align-items-center internal-banner__meta">
                        <div class="col-auto mb-0">
                          {{ mt_tmm_subtitle }}
                        </div>
                      </div>
                    {% endif %}
                  </div>
                </div>
              </div>
            </div>
            {# EOF:hero-top__container #}
          </div>
        </div>
        {# EOF: hero-top #}
      </div>
    </div>
  {% endif %}
{% endblock %}
