{# {% extends "block.html.twig" %} #}
{#
/**
 * @file
 * Theme override for a branding block.
 *
 * Each branding element variable (logo, name, slogan) is only available if
 * enabled in the block configuration.
 *
 * Available variables:
 * - site_logo: Logo for site as defined in Appearance or theme settings.
 * - site_name: Name for site as defined in Site information settings.
 * - site_slogan: Slogan for site as defined in Site information settings.
 */
#}

{%
  set classes = [
    'block',
    'block--' ~ configuration.label|clean_class,
    'col-2',
    'pl-md-0',
    'pl-lg-16',
  ]
%}

<div{{ attributes.addClass(classes) }}>
  {{ title_prefix }}
  {% if label %}
    <h2{{ title_attributes }} class="block__title">{{ label }}</h2>
  {% endif %}
  {{ title_suffix }}
  {% if site_name %}
    {% if site_name == "York Region District School Board" %}
      <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
        <img class='logo--mobile d-lg-none' alt="Mobile Logo" src="/themes/custom/yrdsb/logo__yrdsb_mobile.svg"/>
        <img class='logo--desktop d-none d-lg-block' alt="Desktop Logo" src="/themes/custom/yrdsb/logo__yrdsb_desktop.svg"/>
      </a>
    {% else %}
    {% if secondary_logo.url and secondary_logo_mobile.url %}
    <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
      <img class='logo--mobile d-lg-none'  alt="Mobile Logo"src="{{ secondary_logo_mobile.url }}"/>
      <img class='logo--desktop d-none d-lg-block'  alt="Desktop Logo" src="{{ secondary_logo.url }}"/>
    </a>
    {% else %}
    <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
      <img class='logo--mobile d-lg-none' alt="Mobile Logo" src="/themes/custom/yrdsb/logo__yrdsb_mobile.svg"/>
      <img class='logo--desktop d-none d-lg-block' alt="Desktop Logo" src="/themes/custom/yrdsb/logo__yrdsb_desktop.svg"/>
    </a>
    {% endif %}
      <div class="school-name fs-18">{{ content['site_name']['#markup'] }}</div>
    {% endif %}
  {% else %}
    {% if site_logo %}
      {% if secondary_logo.url|render and secondary_logo_mobile.url|render %}
      <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
        <img class='logo--mobile d-lg-none' alt="Mobile Logo" src="{{ secondary_logo_mobile.url }}"/>
        <img class='logo--desktop d-none d-lg-block' alt="Desktop Logo" src="{{ secondary_logo.url }}"/>
      </a>
      {% else %}
      <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
        <img class='logo--mobile d-lg-none' alt="Mobile Logo" src="/themes/custom/yrdsb/logo__yrdsb_mobile.svg"/>
        <img class='logo--desktop d-none d-lg-block' alt="Desktop Logo" src="/themes/custom/yrdsb/logo__yrdsb_desktop.svg"/>
      </a>
      {% endif %}
    {% endif %}


  {% endif %}
  {{ site_slogan }}
</div>

<button class='header--toggler navbar-toggler navbar-light' type='button' data-toggle='offcanvas' data-target='#navbarNav' aria-label="true">
  <span class='navbar-toggler-icon d-flex d-lg-none align-items-center justify-content-center'>
    <i class="far fa-bars"></i>
  </span>
</button>

<div class='col-12 col-lg-9 d-none d-lg-flex flex-column'> {# This div closes at region--header.html.twig #}
<div class='d-flex flex-column flex-lg-row justify-content-end align-items-center w-100 pr-0 m-0 mb-14'> {# This div closes at block--system-menu-block--header-menu-about-us.html.twig #}