{% sw_extends '@Storefront/storefront/page/checkout/address/index.html.twig' %}
{% block page_checkout_main_content %}
  {% block page_checkout_address %}
    {% block page_checkout_address_header %}
      {{ parent() }}
    {% endblock %}

    {% block page_checkout_address_login_toggle %}
      <div class="register-login-collapse-toogle">
        {% sw_icon 'avatar' %}
        <a href="#loginCollapse"
          class="login-collapse-toggle login--toggle"
          data-bs-toggle="collapse"
          aria-expanded="false">
          <span>
            {{
              'BrandCrockAquaTheme.checkout.address.headline'|trans|sw_sanitize
            }}
          </span>
          <strong>{{ 'checkout.addressLoginToggle'|trans|sw_sanitize }}</strong>
        </a>
      </div>
    {% endblock %}

    {% block page_checkout_address_login %}
      {{ parent() }}
    {% endblock %}

    {% block page_checkout_address_register %}
      {% block page_checkout_address_register_card %}
        {{ parent() }}
      {% endblock %}
    {% endblock %}
  {% endblock %}
{% endblock %}

{% block page_checkout_address_products %}
  <div class="checkout-aside-products">
    {% block page_checkout_address_products_header %}
      <h2 class="checkout-aside-product-header">
        {{ 'checkout.cartHeader'|trans|sw_sanitize }}
      </h2>
    {% endblock %}

    {% block page_checkout_address_products_list %}
      <div class="grid-row-header row">
        <div class="col-md-5 p-0">
          <h4>
            {{
              'BrandCrockAquaTheme.checkout.address.gridlable1'
                |trans
                |sw_sanitize
            }}
          </h4>
        </div>
        <div class="col-md-2 px-3">
          <h4>
            {{
              'BrandCrockAquaTheme.checkout.address.gridlable2'
                |trans
                |sw_sanitize
            }}
          </h4>
        </div>
        <div class="col-md-2 px-0">
          <h4>
            {{
              'BrandCrockAquaTheme.checkout.address.gridlable3'
                |trans
                |sw_sanitize
            }}
          </h4>
        </div>
        <div class="col-md-3">
          <h4>
            {{
              'BrandCrockAquaTheme.checkout.address.gridlable4'
                |trans
                |sw_sanitize
            }}
          </h4>
        </div>
      </div>
      <div class="checkout-aside-product-list">
        {% block page_checkout_address_product_list_container %}
          {{ parent() }}
        {% endblock %}
      </div>
    {% endblock %}
  </div>
{% endblock %}

{% block base_footer %}
  <footer class="footer-main">
    {% block base_footer_inner %}
      {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
    {% endblock %}
  </footer>
{% endblock %}
