{{header}}

<section class="container-fluid sitemap">
  {{breadcrumbs}}
  <div class="row no-space-xs">
    <div class="col-xs-12">
      <div class="content-box">
        <h1 class="heading-1">{{ heading_title }}</h1>
      </div>
    </div>
    <div class="col-xs-12">
      <div class="row no-space-xs">
        <div class="col-xs">
          <div class="row no-space-xs">

            {% for categoryColuna in categories %}
              <div class="col-xs-12 col-md-4">
                {% for cat in categoryColuna %}
                  <a href="{{cat.href}}" class="text-medium text-uppercase visible-block vertical-padding-x-small top-padding-medium">
                    <span><b>{{cat.name}}</b></span>
                  </a>
                  {% if cat.children %}
                    {% for subcat in cat.children %}
                      <a href="{{subcat.href}}" class="text-medium text-uppercase visible-block vertical-padding-x-small">
                        <span>{{subcat.name}}</span>
                      </a>
                      {% if subcat.children %}
                        {% for subsubcat in subcat.children %}
                          <a href="{{ subsubcat.href }}" class="text-small text-lowercase visible-block vertical-padding-x-small">
                            <span>• {{ subsubcat.name }}</span>
                          </a>
                        {% endfor %}
                      {% endif %}
                    {% endfor %}
                  {% endif %}
                {% endfor %}
              </div>
            {% endfor %}

            <div class="col-xs-12 top-margin-x-large top-padding-x-large top-border-gray">
              <div class="row no-space-xs">
                <div class="col-xs-12 col-md-3">
                  <a href="{{link_account}}" class="text-medium sitemap-account-link text-uppercase vertical-padding-x-small visible-block">
                    <span><b>{{text_account}}</b></span>
                  </a>
                </div>
                <div class="col-xs-12 col-md-2">
                  <a href="{{link_edit}}" class="text-medium sitemap-account-link vertical-padding-x-small visible-block">
                    <span>{{text_edit}}</span>
                  </a>
                </div>
                <div class="col-xs-12 col-md-2">
                  <a href="{{link_password}}" class="text-medium sitemap-account-link vertical-padding-x-small visible-block">
                    <span>{{text_password}}</span>
                  </a>
                </div>
                <div class="col-xs-12 col-md-2">
                  <a href="{{link_address}}" class="text-medium sitemap-account-link vertical-padding-x-small visible-block">
                    <span>{{text_address}}</span>
                  </a>
                </div>
                <div class="col-xs-12 col-md-2">
                  <a href="{{link_history}}" class="text-medium sitemap-account-link vertical-padding-x-small visible-block">
                    <span>{{text_history}}</span>
                  </a>
                </div>
              </div>
            </div>

            <div class="col-xs-12 top-margin-x-large top-padding-x-large top-border-gray">
              <span class="text-medium text-uppercase vertical-padding-x-small visible-block">
                <b>{{text_information}}</b>
              </span>
            </div>

            {% for information in informations %}
              <div class="col-xs-12 col-md-4">
              {% for info in information %}
                <a href="{{info.href}}" class="text-medium visible-block vertical-padding-x-small">
                  <span>{{info.title}}</span>
                </a>
              {% endfor %}
              </div>
            {% endfor %}

            <div class="col-xs-12 top-margin-x-large top-padding-x-large top-border-gray">
              <div class="row no-space-xs">
                <div class="col-xs-12 col-md-4">
                  <a href="{{link_cart}}" class="text-medium text-uppercase visible-block vertical-padding-x-small top-padding-medium">
                    <span><b>{{text_cart}}</b></span>
                  </a>
                  <a href="{{link_contact}}" class="text-medium text-uppercase visible-block vertical-padding-x-small top-padding-medium">
                    <span><b>{{text_contact}}</b></span>
                  </a>
                </div>
                <div class="col-xs-12 col-md-4">
                  {% if validate_manufacturer %}
                    <a href="{{link_manufacturer}}" class="text-medium text-uppercase visible-block vertical-padding-x-small top-padding-medium">
                      <span><b>{{text_manufacturer}}</b></span>
                    </a>
                  {% endif %}
                  <a href="{{link_checkout}}" class="text-medium text-uppercase visible-block vertical-padding-x-small top-padding-medium">
                    <span><b>{{text_checkout}}</b></span>
                  </a>
                  <!-- <a href="{{link_special}}" class="text-medium text-uppercase visible-block vertical-padding-x-small top-padding-medium">
                    <span><b>{{text_special}}</b></span>
                  </a> -->

                </div>
                <div class="col-xs-12 col-md-4">
                  {% if validate_gift %}
                    <a href="{{link_gift}}" class="text-medium text-uppercase visible-block vertical-padding-x-small top-padding-medium">
                      <span><b>{{text_gift}}</b></span>
                    </a>
                  {% endif %}
                  <a href="{{link_search}}" class="text-medium text-uppercase visible-block vertical-padding-x-small top-padding-medium">
                    <span><b>{{text_search}}</b></span>
                  </a>
                </div>
              </div>
            </div>

          </div>
        </div>
        {% if column_right %}
          <div class="col-md-3 padding-medium">
            {{column_right}}
          </div>
        {% endif %}
      </div>
    </div>
  </div>
</section>

{{footer}}
