{{ header }}
<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">
      <div class="content-box">

        {{ content_top }}


        {% if moduleInPageList %}
          <div class="row middle-xs x-small-space-xs medium-space-sm bottom-margin-medium">
            <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 btn-outline btn-medium-square" title="Visualizar em lista">
                  <i class="fas fa-list-ul"></i>
                </button>
              </div>
            </div>
          </div>

          <div class="products-view {{ gridOrList }}">
            {{ moduleInPageList }}
          </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 vertical-middle bottom-margin-x-small" aria-hidden="true"></i>
                <span class="text-x-large vertical-middle left-margin-small">{{ text_empty }}</span>
              </div>
            </div>
          </div>
        {% endif %}

      </div>
    </div>
  </div>
</section>
{{ footer }}
