{{ header }}
<header class="background-white bottom-margin-large">
  <div class="container-fluid">
    <div class="row no-space-xs">
      <div class="col-xs-12">
        <div class="content-box vertical-padding-large flex between-xs middle-xs">
          <div>
            <span class="text-x-large text-dark">{{ heading_title }}</span>
            <div class="adm-breadcrumb">
              {% for breadcrumb in breadcrumbs %}
                <i class="fas fa-angle-right text-x-small text-gray horizontal-padding-small"></i>
                <a href="{{ breadcrumb.href }}" class="text-x-small text-gray text-decoration-none">{{ breadcrumb.text }}</a>
              {% endfor %}
            </div>
          </div>
          <div class="flex flex-row middle-xs">
            <a class="btn-default btn-outline btn-medium right-margin-small js-submit-main-form">{{ button_delete }}</a>
            <a href="{{ insert }}" class="btn-default btn-primary btn-medium">{{ button_insert }}</a>
          </div>
          {% if error_warning %}<div class="warning full-width top-margin-medium">{{ error_warning }}</div>{% endif %}
          {% if success %}<div class="success full-width top-margin-medium">{{ success }}</div>{% endif %}
        </div>
      </div>
    </div>
  </div>
</header>
<div class="container-fluid">
  <div class="row x-small-space-xs middle-xs bottom-margin-large">
    <div class="col-xs col-sm-4">
      <div class="content-box">
        <div class="field-group">
          <input type="text" name="filter_name" id="filter_name" placeholder="Digite aqui para pesquisar" value="{{ filter_name }}" class="field-entry field-entry-medium ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
        </div>
      </div>
    </div>
    <div class="col-xs-width-auto">
      <div class="content-box">
        <button class="btn-default btn-medium btn-primary js-btn-filter">
          <span>{{ button_filter }}</span>
        </button>
        {% if filter_name %}
          <a href="index.php?route=catalog/information&token={{ token }}" class="text-small text-dark text-decoration-none padding-medium">Limpar</a>
        {% endif %}
      </div>
    </div>
  </div>
  {% if informations %}
    <div class="row">
      <div class="col-xs-12">
        <div class="content-box">
          <form action="{{ delete }}" method="post" class="js-main-form">
            {% for information in informations %}
              <a href="{{ information.href }}" class="visible-block text-decoration-none background-white shadow-small hover:shadow-large bottom-margin-small">
                <div class="row no-space-xs middle-xs padding-medium">
                  <div class="col-xs-width-auto">
                    <div class="content-box">
                      <label class="checkbox right-margin-medium">
                        <input class="checkbox-entry" type="checkbox" name="selected[]" value="{{ information.information_id }}" {% if information.selected %}checked{% endif %}>
                        <span class="checkbox-text"></span>
                      </label>
                    </div>
                  </div>
                  <div class="col-xs col-sm-7">
                    <span class="text-small text-dark">{{ information.title }}</span>
                  </div>
                  <div class="col-xs-12 col-sm">
                    <span class="text-small text-gray">{{ column_sort_order }} {{ information.sort_order }}</span>
                  </div>
                </div>
              </a>
            {% endfor %}
          </form>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <div class="content-box">
          {{ pagination }}
        </div>
      </div>
    </div>
  {% else %}
    <div class="row">
      <div class="col-xs-12">
        <div class="content-box background-white shadow-small vertical-padding-x-large horizontal-padding-large text-center">
          <span class="text-medium text-gray">{{ text_no_results }}</span>
        </div>
      </div>
    </div>
  {% endif %}
</div>
{{ footer }}
