{{ 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 js-header-notifications">
          <span class="text-x-large text-dark">{{ text_heading_title_noticies }}</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>
          {% if error_warning %}<div class="warning full-width">{{ error_warning }}</div>{% endif %}
        </div>
      </div>
    </div>
  </div>
</header>
<div class="container-fluid">
  {% if noticies is defined %}
    {% for noticie in noticies %}
      <div class="background-white shadow-small bottom-margin-small padding-large">
        <span class="text-large text-bold text-dark bottom-margin-small visible-block">{{ noticie.label }}</span>
        <span class="text-small text-gray visible-block">{{ noticie.description }}</span>
        {% if noticie.actions %}
          <a href="{{ noticie.actions.link }}" target="_blank" title="Clique para acessar" class="btn-default btn-primary btn-medium top-margin-medium">
            <span>{{ noticie.actions.text }}</span>
          </a>
        {% endif %}
      </div>
    {% endfor %}
    {{ pagination }}
  {% else %}
    <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>
  {% endif %}
</div>

{{ footer }}
