{{ 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 class="text-x-small text-gray text-decoration-none"
                href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a>
              {% endfor %}
            </div>
          </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">
  {% if layouts %}
    {% for layout in layouts %}
      {% for action in layout.action %}
        <a
          href="{{ action.href }}"
          class="visible-block padding-medium text-decoration-none background-white shadow-small hover:shadow-large bottom-margin-small">
          <span class="text-medium text-dark">{{ layout.descricao }}</span>
        </a>
      {% endfor %}
    {% endfor %}
    <div class="adm-pagination top-margin-large">
      {{ pagination }}
    </div>
  {% else %}
    <div
      class="background-white shadow-small vertical-padding-x-large horizontal-padding-large text-center">
      <span class="text-medium text-gray">{{ text_no_results }}</span>
    </div>
  {% endif %}
</div>
{{ footer }}