{% comment %}
This file is licensed under the MIT License (MIT) available on
http://opensource.org/licenses/MIT.
{% endcomment %}

<div class="row footer-row">
  <div class="donate">
    <div class="row donate-row">
      <div>
        <span class="footer-title">{% translate donate-community layout %}:</span>
        <a onclick="openDonationModal()" class="donate-btn btn-bright">{% translate donate layout %}</a>
        <p class="donate-text">{% translate donate-community-support layout %}
          <a class="donate-link" href="bitcoin:3E8ociqZa9mZUSwGdSmAEMAoAxBK3FNDcd" target="_blank">3E8ociqZa9mZUSwGdSmAEMAoAxBK3FNDcd</a>
        </p>
      </div>
    </div>
  </div>

  <div class="row footermenu">
    <div class="footermenu-item footermenu-introduction">
      <p class="footer-title">{% translate menu-intro layout %}:</p>
      <ul class="footermenu-list">
        <li{% if page.id == 'bitcoin-for-individuals' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate bitcoin-for-individuals url %}">{% translate menu-bitcoin-for-individuals layout %}</a>
        </li>
        <li{% if page.id == 'bitcoin-for-businesses' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate bitcoin-for-businesses url %}">{% translate menu-bitcoin-for-businesses layout %}</a>
        </li>
        <li>
          <a href="https://developer.bitcoin.org/">{% translate menu-bitcoin-for-developers layout %}</a>
        </li>
        <li{% if page.id == 'getting-started' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate getting-started url %}">{% translate menu-getting-started layout %}</a>
        </li>
        <li{% if page.id == 'how-it-works' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate how-it-works url %}">{% translate menu-how-it-works layout %}</a>
        </li>
        <li{% if page.id == 'you-need-to-know' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate you-need-to-know url %}">{% translate menu-you-need-to-know layout %}</a>
        </li>
        {% if
         page.lang == 'en' or
         page.lang == 'de' or
         page.lang == 'es' or
         page.lang == 'hu' or
         page.lang == 'id' or
         page.lang == 'it' or
         page.lang == 'ja' or
         page.lang == 'nl' or
         page.lang == 'pt_BR' or
         page.lang == 'ru' or
         page.lang == 'sr' or
         page.lang == 'sv' or
         page.lang == 'uk' or
         page.lang == 'zh_CN'
        %}
        <li{% if page.id == 'bitcoin-paper' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate bitcoin-paper url %}">{% translate menu-white-paper layout %}</a>
        </li>
        {% endif %}
      </ul>
    </div>
    
    <div class="footermenu-item footermenu-resources">
      <p class="footer-title">{% translate menu-resources layout %}:</p>
      <ul class="footermenu-list">
        <li{% if page.id == 'resources' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate resources url %}">{% translate menu-resources layout %}</a>
        <li{% if page.id == 'exchanges' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate exchanges url %}">{% translate menu-exchanges layout %}</a>
        </li>
        <li{% if page.id == 'community' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate community url %}">{% translate menu-community layout %}</a>
        </li>
        <li{% if page.id == 'vocabulary' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate vocabulary url %}">{% translate menu-vocabulary layout %}
          </a>
        </li>
        <li{% if page.id == 'events' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate events url %}">{% translate menu-events layout %}</a>
        </li>
        {% if page.lang == 'en' %}
        <li>
          <a href="/en/bitcoin-core/">{% translate bitcoin-core layout %}</a>
        </li>
        {% else %}
          <li{% if page.id == 'download' %} class="active"{% endif %}>
            <a href="/{{page.lang}}/{% translate download url %}">{% translate bitcoin-core layout %}</a>
        </li>
        {% endif %}
      </ul>
    </div>
    
    <div class="footermenu-item footermenu-participate">
      <p class="footer-title">{% translate menu-participate layout %}:</p>
      <ul class="footermenu-list">
        <li{% if page.id == 'support-bitcoin' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate support-bitcoin url %}">{% translate menu-support-bitcoin layout %}</a>
        {% if page.lang == 'en' %}
        <li{% if page.id == 'buy' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate buy url %}">{% translate menu-buy layout %}</a>
        </li>
        {% endif %}
        {% if page.lang == 'en' %}
        <li{% if page.id == 'full-node' %} class="active"{% endif %}>
          <a href="/en/full-node">{% translate menu-full-node layout %}</a>
        </li>
        {% endif %}
        <li{% if page.id == 'development' %} class="active"{% endif %}>
          <a href="/{{ page.lang }}/{% translate development url %}">{% translate menu-development layout %}</a>
        </li>
      </ul>
    </div>
    <div class="footermenu-item footermenu-other">
      <p class="footer-title">{% translate menu-other layout %}:</p>
      {% if page.lang == 'en' %}
      <a href="/{{ page.lang }}/{% translate scams url %}">{% translate menu-scams layout %}</a>
      {% endif %}
      <a href="/{{ page.lang }}/{% translate legal url %}">{% translate menu-legal layout %}</a>
      {% if page.lang != 'ar' or 'es' or 'sl' %}
      <a href="/en/privacy">Privacy Policy</a>
      {% endif %}
      <a href="/{{ page.lang }}/{% translate press url %}">{% translate menu-press layout %}</a>
      <a href="/{{ page.lang }}/{% translate about-us url %}">{% translate menu-about-us layout %}</a>
      <a href="/en/blog">Blog</a>
    </div>
  </div>
</div>