{%- import "partials/social-icons.html" as icons %}

{%- macro new_tab() -%}
  <span class="sr-only"> {% trans %}(opens in a new tab){% endtrans %}</span>
{%- endmacro %}

{%- set social = config.theme.social or [] %}
{%- set generator = config.theme.show_footer_generator %}
{%- set edit_url = page.edit_url if page else none %}
{%- set source = edit_url or config.repo_url %}

{%- if config.copyright or source or social or generator %}
  <footer class="primer-footer">
    <div class="primer-footer-inner">
      <div class="primer-footer-text">
        {%- if config.copyright or source %}
          <p class="primer-footer-copyright">
            {%- if config.copyright %}{{ config.copyright }}{% endif %}
            {%- if source %}
              {%- if config.copyright %} <span class="primer-footer-separator" aria-hidden="true">&middot;</span> {% endif %}
              {%- if edit_url %}
                <a href="{{ edit_url }}" target="_blank" rel="noopener">{% trans %}Improve this page{% endtrans %}{{ new_tab() }}</a>
              {%- else %}
                {% trans %}This site is open source.{% endtrans %}
                <a href="{{ config.repo_url }}" target="_blank" rel="noopener">{{ config.repo_name }}{{ new_tab() }}</a>
              {%- endif %}
            {%- endif %}
          </p>
        {%- endif %}

        {%- if generator %}
          {%- set theme_link %}<a href="https://github.com/olegshulyakov/mkdocs-primer" target="_blank" rel="noopener">mkdocs-primer{{ new_tab() }}</a>{% endset %}
          {%- set mkdocs_link %}<a href="https://www.mkdocs.org" target="_blank" rel="noopener">MkDocs{{ new_tab() }}</a>{% endset %}
          <p class="primer-footer-generator">
            {%- trans theme=theme_link, mkdocs=mkdocs_link %}Made with {{ theme }} and {{ mkdocs }}{% endtrans -%}
          </p>
        {%- endif %}
      </div>

      {%- if social %}

        <ul class="primer-social" role="list">
          {%- for item in social %}
            {%- set icon = icons.SOCIAL_ICONS.get(item.service) if item.service else none %}
            <li class="primer-social-item" role="listitem">
              <a class="primer-social-link" href="{{ item.link }}" target="_blank" rel="noopener">
                {%- if icon %}
                  {{ icon.svg | safe }}
                  <span class="sr-only">{{ item.name or icon.name }}</span>{{ new_tab() }}
                {%- elif item.icon %}
                  <img src="{{ item.icon | url }}" alt="" class="primer-social-icon">
                  <span class="sr-only">{{ item.name or item.service or item.link }}</span>{{ new_tab() }}
                {%- else %}
                  {{ item.name or item.service or item.link }}{{ new_tab() }}
                {%- endif %}
              </a>
            </li>
          {%- endfor %}
        </ul>
      {%- endif %}
    </div>
  </footer>
{%- endif %}