<xo-animate xo-cascade>
  <div class='password__footer color-{{ section.settings.color_scheme }} gradient'>
    {% capture shopify %}
      <a
        class="shopify-link"
        href="//www.shopify.com"
        rel="nofollow"
        target="_blank"
        aria-describedby="a11y-new-window-message"
        aria-label="Shopify"
      >
      {% render 'icon', name: "shopify" %}
      </a>
    {% endcapture %}
    <small class='password__footer-caption password__footer-text'>
      {{- 'general.password_page.powered_by_shopify_html' | t: shopify: shopify -}}
    </small>
    <small class='password__footer-login password__footer-text'>{{ 'general.password_page.admin_link_html' | t }}</small>
  </div>
</xo-animate>

{% schema %}
{
  "name": "t:sections.main_password_footer.name",
  "settings": [
    {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:sections.main_password_footer.settings.color_schema.label",
      "default": "scheme-1"
    }
  ]
}
{% endschema %}
