{% if footer %} <footer class=“usa-footer usa-footer–big”>

{% if footer.last_updated %}
  <div class="grid-container">
    <p>Last updated: {{ page.last_modified_at | date: '%B %d, %Y at %I:%M %p' }}</p>
  </div>
{% endif %}

{% if footer.top %}
  <div class="grid-container usa-footer__return-to-top">
    <a href="{{ footer.top.href | default: '#' }}">{{ footer.top.text | default: 'Return to top' }}</a>
  </div>
{% endif %}

{% if footer.links %}
  {% assign footer_links = site.data.navigation[footer.links] | default: footer.links %}
  {% assign _sizes = '12 6' | split: ' ' %}
  {% if footer_links.size > 2 %}
    {% assign _size = "-" | append: 4 %}
  {% else %}
    {% assign _size = "-" | append: footer_links.size %}
  {% endif %}
<div class="usa-footer__primary-section">
  <div class="grid-container">
    <div class="grid-row grid-gap">
      <div class="{% if footer.big_footer_signup_form %}tablet:grid-col-8{% endif %}">
        <nav class="usa-footer__nav" aria-label="Footer navigation">
          <div class="grid-row grid-gap-4">
            {% for _item in footer_links %}
            <div class="mobile-lg:grid-col-6 desktop:grid-col{{ _size }}">
              <section class="usa-footer__primary-content usa-footer__primary-content--collapsible">
                {% if _item.links %}
                  <h4 class="usa-footer__primary-link">{{ _item.text }}</h4>
                  <ul class="usa-list usa-list--unstyled">
                    {% for _link in _item.links %}
                    <li class="usa-footer__secondary-link">
                      <a href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}">
                        {{ _link.text }}
                      </a>
                    </li>
                    {% endfor %}
                  </ul>
                {% else %}
                  <a class="usa-footer__primary-link" href="{% if _item.external == true %}{{ _item.href }}{% else %}{{ _item.href | relative_url }}{% endif %}">
                    {{ _item.text }}
                  </a>
                {% endif %}
              </section>
            </div>
            {% endfor %}
          </div>
        </nav>
      </div>
      {% if footer.big_footer_signup_form %}
      <div class="tablet:grid-col-4">
        <div class="usa-sign-up">
          <h3 class="usa-sign-up__heading">Sign up</h3>
          <form class="usa-form">
            <label class="usa-label" for="email">Your email address</label>
            <input class="usa-input" id="email" name="email" type="email">
            <button class="usa-button" type="submit">Sign up</button>
          </form>
        </div>
      </div>
      {% endif %}
    </div>
  </div>
</div>
{% endif %}

{% if footer.logos or footer.heading or footer.contact or footer.edit_page %}
<div class="usa-footer__secondary-section">
  <div class="grid-container">
    <div class="grid-row grid-gap">
      <div class="usa-footer__logo grid-row mobile-lg:grid-col-6 mobile-lg:grid-gap-2">
        {% if footer.logos %}
          {% for logo in footer.logos -%}
            <div class="mobile-lg:grid-col-auto">
              {% if logo.url %}
                <a href="{{ logo.url }}">
              {% endif %}
                <img class="usa-footer__logo-img" src="{% if logo.external %}{{ logo.src }}{% else %}{{ logo.src | relative_url }}{% endif %}" alt="{{ logo.alt }}"{% if logo.width %}width="{{ logo.width }}"{% endif %}{% if logo.height %}height="{{ logo.height }}"{% endif %}>
              {% if logo.url %}
                </a>
              {% endif %}
            </div>
          {% endfor %}
        {% endif %}

        {% if footer.heading %}
        <div class="mobile-lg:grid-col-auto">
          <h3 class="usa-footer__logo-heading">{{ footer.heading }}</h3>
        </div>
        {% endif %}
      </div>

      {% if footer.contact %}
      <div class="usa-footer__contact-links mobile-lg:grid-col-6">
        {% assign social_links = site.data.footer.contact.social_links %}
        {% if footer.contact.contact_links %}
          <div class="usa-footer__social-links grid-row grid-gap-1">
            <div class="grid-col-auto">
              {% for _link in social_links %}
                <a class="usa-social-link usa-social-link--{{ _link.type | default: 'generic' }}" href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}">
                  <span>{{ _link.text }}</span>
                </a>
              {% endfor %}
            </div>
          </div>
        {% endif %}
        {% if footer.contact.heading %}
          <h3 class="usa-footer__contact-heading">{{ footer.contact.heading }}</h3>
          {% endif %}
          {% if footer.contact.contact_links %}
            <address class="usa-footer__address">
              {% assign contact_links = site.data.footer.contact.contact_links %}
              <div class="usa-footer__contact-info grid-row grid-gap">
              {% for _link in contact_links %}
                  <div class="grid-col-auto">
                    <a href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}">
                      {{ _link.text }}
                    </a>
                  </div>
              {% endfor %}
              </div>
            </address>
        {% endif %}
      {% endif %}
    </div>
    {% if footer.edit_page %}
      {% include components/github-edit.html footer=footer path=page.path %}
    {% endif %}
    </div>
  </div>
</div>
{% endif %}

</footer> {% endif %}