{{ header }}
{% if error %}
  <div class="warning">{{ error }}</div>
{% endif %}
<div id="account-message-info" data-info='{"success": "{{ success }}"}'>
  {% if config.fidelity_status %}
    <div class="ftr-container ftr-in-space--n">
      <a href="{{ link_extract }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
        <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xe8b0;</i>
        <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_stitch_extract }}</span>
      </a>
    </div>
  {% endif %}
  {% if store_rating_module_status %}
    <div class="ftr-container ftr-in-space--n">
      <a href="{{ store_rating_url }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
        <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE839;</i>
        <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_store_rating }}</span>
      </a>
    </div>
  {% endif %}

  {% block content_start_menu %}{% endblock %}

  <div class="ftr-container ftr-in-space--n ftr-in-space--v-xs">
    <a href="{{ edit }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
      <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE8A6;</i>
      <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_edit }}</span>
    </a>
    <hr class="ftr-separator--partial">
    <a href="{{ password }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
      <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE899;</i>
      <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_password }}</span>
    </a>
    <hr class="ftr-separator--partial">
    <a href="{{ address }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
      <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE55C;</i>
      <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_address }}</span>
    </a>
    {% if customer_interests_remember %}
      <hr class="ftr-separator--partial">
      <a href="{{ interests }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
        <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE893;</i>
        <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_interests }}</span>
      </a>
    {% endif %}
  </div>

  {% if feedback_whatsapp %}
    {% if feedback_whatsapp_number %}
      <div class="ftr-container ftr-in-space--n ftr-in-space--v-xs">
        <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xf189;</i>
        <input
          class="ftr-switch-check"
          type="checkbox"
          id="account-feedback-whatsapp" data-feedback-whatsapp-url="{{ feedback_whatsapp_url }}"
          {{ (feedback_whatsapp_value == '1') ? 'value="0" checked' : 'value="1"' }}>
        <label class="ftr-switch-label ftr-out-space--l-l" for="account-feedback-whatsapp" style="width: calc(100% - 92px);">
          <span class="ftr-switch-label__text">{{ text_notification_whatsapp }} {{ '(' ~ feedback_whatsapp_number[:2] ~ ') ' ~ feedback_whatsapp_number[2:5] ~ '-' ~ feedback_whatsapp_number[7:] }}</span>
        </label>
      </div>
    {% else %}
      <div class="ftr-container ftr-in-space--n ftr-in-space--v-xs">
        <a href="{{ edit }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
          <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xf189;</i>
          <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_notification_whatsapp_number }}</span>
        </a>
      </div>
    {% endif %}
  {% endif %}

  <div class="ftr-container ftr-in-space--n ftr-in-space--v-xs">
    <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE0E1;</i>
    <input
      class="ftr-switch-check"
      type="checkbox"
      id="account-newsletter"
      data-newsletter-url="{{ newsletter }}"
      {{ (newsletter_value == '1') ? 'value="0" checked' : 'value="1"' }}>
    <label class="ftr-switch-label ftr-out-space--l-l" for="account-newsletter" style="width: calc(100% - 92px);">
      <span class="ftr-switch-label__text">{{ text_newsletter }}</span>
    </label>
  </div>
  <div class="ftr-container ftr-in-space--n">
    <a href="{{ order }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
      <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE889;</i>
      <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_order }}</span>
    </a>
    <hr class="ftr-separator--partial">
    <a href="{{ return }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
      <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE0DF;</i>
      <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_return }}</span>
    </a>
    {% if futura_habilita_lista_desejos %}
      <hr class="ftr-separator--partial">
      <a href="{{ wishlist }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
        <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE87E;</i>
        <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_wishlist }}</span>
      </a>
    {% endif %}

    {% if fidelity_indication_status %}
      <hr class="ftr-separator--partial">
      <a href="{{ fidelity_indication_link }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
        <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE227;</i> <!--227-->
        <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_indication }}</span>
      </a>
    {% endif %}

    {# {% if listapresente_status %}
      <hr class="ftr-separator--partial">
      <a href="{{ listapresente }}" class="ftr-h--full ftr-in-space--v-xl ftr-js-ripple-effect">
        <i class="material-icons ftr-text--primary ftr-in-space--h-l">&#xE8F6;</i>
        <span class="ftr-text--s ftr-text--dark ftr-in-space--h-l">{{ text_lista_presente }}</span>
      </a>
    {% endif %} #}
  </div>
  <div class="ftr-container">
    <a href="{{ logout }}" class="ftr-btn ftr-h--full ftr-background--primary ftr-js-ripple-effect">{{ text_logout }}</a>
  </div>
  <div class="ftr-container ftr-in-space--n">
    {% for information in informations %}
      <div class="ftr-in-space--l">
        <a href="{{ information.href }}">
          <span class="ftr-text--primary">{{ information.title }}</span>
        </a>
      </div>
    {% endfor %}
    <div class="ftr-in-space--l">
      <a href="{{ contact.href }}">
        <span class="ftr-text--primary">{{ contact.title }}</span>
      </a>
    </div>
  </div>
</div>
{{ footer }}
