<!--
  ~ Copyright (C) 2018 Drake, Inc.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~ http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->
{% import "partials/language.html" as lang with context %}

<!-- Footer -->
<footer class="md-footer">

    <!-- Link to previous and/or next page -->
    {% if page.previous_page or page.next_page %}
    <nav class="md-footer__inner md-grid" aria-label="{{ lang.t('footer.title') }}">

        <!-- Link to previous page -->
        {% if page.previous_page %}
        <a href="{{ page.previous_page.url | url }}" class="md-footer__link md-footer__link--prev" rel="prev">
            <div class="md-footer__button md-icon">
                {% include ".icons/material/arrow-left.svg" %}
            </div>
            <div class="md-footer__title">
                <div class="md-ellipsis">
              <span class="md-footer__direction">
                {{ lang.t("footer.previous") }}
              </span>
                    {{ page.previous_page.title }}
                </div>
            </div>
        </a>
        {% endif %}

        <!-- Link to next page -->
        {% if page.next_page %}
        <a href="{{ page.next_page.url | url }}" class="md-footer__link md-footer__link--next" rel="next">
            <div class="md-footer__title">
                <div class="md-ellipsis">
              <span class="md-footer__direction">
                {{ lang.t("footer.next") }}
              </span>
                    {{ page.next_page.title }}
                </div>
            </div>
            <div class="md-footer__button md-icon">
                {% include ".icons/material/arrow-right.svg" %}
            </div>
        </a>
        {% endif %}
    </nav>
    {% endif %}

    <!-- Further information -->
    <div class="md-footer-meta md-typeset">
        <div class="md-footer-meta__inner md-grid">

            <!-- Copyright and theme information -->
            <div class="md-footer-copyright">
                {% if config.copyright %}
                <a href="https://github.com/liangjingkanji" target="_blank" rel="noopener">
                    <div class="md-footer-copyright__highlight">
                        {{ config.copyright }}
                    </div>
                </a>
                {% endif %}
                {{ extracopyright }}
            </div>

            <!-- Social links -->
            {% include "partials/social.html" %}
        </div>
    </div>
</footer>