{% if groups contains 'NZ Mandatory Training' %}
  {% assign nz_status = true%}
{% else %}
  {% assign nz_status = false%}
{% endif %}
<footer class="np-footer">
  <div class="np-footer-top">
    {% comment %} {% if website_footer.show_navigation_links? %}
      <div class="np-footer-navigation">
        <ul class="np-footer-navigation-list">
          {% for website_navigation in navigations.footer_navigations %}
            <li class="np-footer-navigation-item">
              <a
                class="np-footer-navigation-link np-button-color"
                href="{{ website_navigation.path }}"
                {% if website_navigation.external? %} target="_blank" {% endif %}
              >
                {{ website_navigation.name }}
              </a>
            </li>
          {% endfor %}
        </ul>
      </div>
    {% endif %} {% endcomment %}
    {% if current_school.logo_url %}
      <h2 class="np-footer-logo">
        {% comment %} <a href="{% route home %}"> {% endcomment %}
          <img
            alt="{{ current_school.name }}"
            class="np-footer-logo-image"
            src="{{ current_school.logo_url }}"
          />
        {% comment %} </a> {% endcomment %}
      </h2>
    {% else %}
      <div class="np-school-name np-header-font-color">
        {{ current_school.name }}
      </div>
    {% endif %}
  </div>

  <div class="np-footer-bottom">
    <nav class="np-footer-social-links">
      {% if website_footer.show_social_media_links? %}
        <ul class="np-footer-social-links-list">
          {% for social_media_link in website_footer.social_media_links %}
            <li class="np-footer-social-links-item">
              <a
                class="np-footer-social-links-link np-button-color"
                href="{{ social_media_link.link }}"
                target="_blank" title="{{ social_media_link.name }}"
              >
                <i class="np-footer-social-links-icon
                  np-button-color
                  fab fa-{{ social_media_link.name }}"
                ></i>
              </a>
            </li>
          {% endfor %}
        </ul>
      {% endif %}
    </nav>

    {% if website_footer.show_customer_service_email? and
      website_footer.school_customer_service_email
    %}
      <div class="np-footer-support">
        <div class="np-footer-support-item np-footer-support-help">
          {% t .need_help %}
        </div>
        <div class="np-footer-support-item np-footer-support-email">
          Visit
        </div>
        <a
          class="np-footer-support-item np-footer-support-link np-button-color"
          href="https://help.doordash.com/dashers/s/dasher-support?language=en_US"
          target="_blank"
        >
          Dasher Support
        </a>
      </div>
    {% endif %}
  </div>
</footer>

{% if nz_status %}
  <style>
    html,
    body{
      font-family: "TT Norms Pro-Regular", sans-serif !important;
      font-variant-ligatures: none;
    }

    .courses_page_title{
      color: #000 !important;
    }

    .courses_page_title,
    .np-card-content-progress,
    .group-selection-select{
      font-family: "TT Norms Pro", sans-serif !important;
      font-weight: 700 !important;
      font-variant-ligatures: none;
    }

    .group-selection-select{
      padding: 10px 40px 15px 40px !important;
    }

    .np-button,
    .np-button-background-color{
      border-radius: 30px;
    }
  </style>
{% endif %}