{# templates/customer/layout.twig #}
{% extends 'base.html' %}

{# Elimino bloque globar_var, sidebar #}
{#% block global_var %}{% endblock %}
{% block sidebar %}{% endblock %#}

{# Redefinio el contenido #}
{#% block content %}

    {% block page_content %}
    {% endblock %}

{% endblock %#}

{% block body %}

{% block page_content %}
<!-- container -->
<div class="container d-flex flex-column">
  <div class="row align-items-center justify-content-center g-0 min-vh-100">
    <div class="col-12 col-md-8 col-lg-6 col-xxl-4 py-8 py-xl-0">
      <!-- Card -->
      <div class="card smooth-shadow-md">
        <!-- Card body -->
        <div class="card-body p-6">
          <div class="mb-4">
            <a href="{{ url_for('home') }}"><img src="/assets/images/brand/logo/logo-primary-r2a.png" class="mb-2"
                alt=""></a>
            {% block text_header_page_content %}
            {% endblock %}
          </div>

          {% block notifications %}
          {# Show message if exists #}
          {% if message is not empty %}
            {% if success %}
              {% set symbol_id = "check-circle-fill" %}
              {% set symbol_path = "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" %}
              {% set symbol_class = "success" %}
            {% else %}
              {% set symbol_id = "exclamation-triangle-fill" %}
              {% set symbol_path = "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" %}
              {% set symbol_class = "danger" %}
            {% endif %}

            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
              <symbol id="{{ symbol_id }}" fill="currentColor" viewBox="0 0 16 16">
                <path
                  d="{{ symbol_path }}" />
              </symbol>
            </svg>
            <div class="alert alert-{{ symbol_class }} d-flex align-items-center" role="alert">
              <svg class="bi flex-shrink-0 me-2" width="24" height="24">
                <use xlink:href="#{{ symbol_id }}" />
              </svg>
              <div>{{ message }}</div>
            </div>

          {% endif %}
          {% endblock %}


          {% block form_page_content %}
          {% endblock %}

          {% block footer_page_content %}
          {% endblock %}

        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %} {# page_content #}

{% endblock %} {# body #}