{{ header }}
<!-- O data é uma adaptação tecnica para funcionar o limpar todos do modulo de filtros selecionados -->
<section class="container-fluid" id="data-selected-url" data-aviseme="{{status_aviseme}}" data-selected-url="{{ url }}" data-pagination='{{ (paginationajax) ? pagination : "" }}'>
  {{ breadcrumbs }}
  <div class="row">
    {{ column_refinar }}
    {% if config.exist_content_left %}
      <aside class="col-xs-3 hidden-md-down">
        <div class="content-box js-aside-filter-container">
          {{ column_left }}
        </div>
      </aside>
    {% endif %}

    <div class="col-xs-12{% if config.exist_content_left %} col-md-9{% endif %}">
      <div class="content-box">
        {{ content_top }}
        {% if defaultList %}

          <div class="row middle-xs x-small-space-xs medium-space-sm bottom-margin-medium">
            {% if thumb and exibeThumb %}
              <div class="col-xs-12">
                <img src="{{ thumb }}" alt="{{ heading_title }}" />
              </div>
            {% endif %}
            <div class="col-xs-12 col-sm">
              <h1 class="heading-1">{{ heading_title }}</h1>
              {% if description %}<p class="text-small">{{ description }}</p>{% endif %}
            </div>
            <div class="col-xs-12 col-sm-width-auto">
              <div class="flex nowrap-xs">
                <select class="field-entry field-entry-medium right-margin-small" onchange="location = this.value;" style="width:180px;">
                  {% for sorts in sorts %}
                    <option value="{{ sorts.href }}" {% if sorts.value == sort ~ '-' ~ order %}selected{% endif %}>{{ sorts.text }}</option>
                  {% endfor %}
                </select>
                <button id="change-view" class="btn-default {% if gridOrList != 'list' %}btn-outline{% endif %} btn-medium-square" title="Visualizar em lista">
                  <i class="fas fa-list-ul"></i>
                </button>
              </div>
            </div>
          </div>

          <div class="products-view {{ gridOrList }}">
            {{ defaultList }}
          </div>

          <div class="bottom toolbar">
            {% if paginationajax == false %}
              <div class="top-border-gray top-padding-medium top-margin-medium">
                {{ pagination }}
              </div>
            {% else %}
            <div class="flex center-xs">
              <button type="button" class="btn-default btn-medium btn-outline margin-large js-more-products" disabled>
                <span>Visualizar mais</span>
              </button>
            </div>
            {% endif %}
          </div>

        {% else %}
          <div class="row">
            <div class="col-xs-12">
              <div class="content-box border-gray text-center padding-x-large">
                <i class="far fa-meh bigger-text-medium visible-block bottom-margin-x-small" aria-hidden="true"></i>
                <span class="text-x-large visible-block left-margin-small">{{ text_empty }}</span>
                <a href="{{ continue }}" class="btn-default btn-medium top margin-medium">
                  <span>{{ button_continue }}</span>
                </a>
              </div>
            </div>
          </div>
        {% endif %}
      </div>
    </div>
    {% if content_bottom %}
      <div class="col-xs-12">
        {{ content_bottom }}
      </div>
    {% endif %}
  </div>
</section>
{{ footer }}
