<?php echo $header; ?>
<section class="container-fluid">
  <?php echo $breadcrumbs; ?>

  <div class="row">
    <?php echo $column_refinar; ?>
    <?php if ($this->config->get('exist_content_left')) { ?>
      <aside class="col-xs-3 hidden-md-down">
        <div class="content-box js-aside-filter-container">
          <?php echo $column_left; ?>
        </div>
      </aside>
    <?php } ?>
    <div class="col-xs">
      <div class="content-box">
        <?php echo $content_top; ?>
        <?php if ($defaultList) { ?>
          <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"><?php echo $heading_title; ?></h1>
            </div>
            <div class="col-xs-12 col-sm-width-auto">
              <div class="flex nowrap-xs">
                <label class="field field-medium">
                  <select class="field-entry right-margin-small" onchange="location = this.value;" style="width:180px;">
                    <?php foreach ($sorts as $sorts) { ?>
                      <option value="<?php echo $sorts['href']; ?>" <?php if ($sorts['value'] == $sort . '-' . $order) { ?>selected<?php } ?>><?php echo $sorts['text']; ?></option>
                    <?php } ?>
                  </select>
                </label>
                <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 <?php echo $gridOrList ?>">
            <?php echo $defaultList; ?>
          </div>

          <div class="bottom toolbar">
            <div class="pagination top-border-gray top-padding-medium top-margin-medium">
              <?php echo $pagination; ?>
            </div>
          </div>
        <?php } 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"><?php echo $text_empty; ?></span>
                <a href="<?php echo $continue; ?>" class="btn-default btn-medium top margin-medium">
                  <span><?php echo $button_continue; ?></span>
                </a>
              </div>
            </div>
          </div>
        <?php } ?>
      </div>
    </div>
  </div>
</section>

<?php echo $footer; ?>
