{{ header }}
<section class="container-fluid bottom-margin-large" data-link-lista="{{ link_lista_produtos }}">
  {{ breadcrumbs }}
  <div class="row small-space-xs">
    <div class="col-xs-12">
      <div class="content-box">
        <h2 class="heading-1">{{ heading_title }}</h2>
      </div>
    </div>
    {% if infos_lista_selecionada %}
      <div class="col-xs-12 vertical-padding-large">
        <span class="heading-4 bottom-padding-medium visible-block">{{ text_last_viewed_list }}</span>
        <div class="content-box padding-large paper">
          <div class="flex between-xs middle-xs">
            <div>
              <h3 class="text-medium text-dark text-bold">{{infos_lista_selecionada.lista_nome}}</h3>
              <span class="text-medium text-gray visible-block">{{infos_lista_selecionada.escola}}</span>
              <a class="btn-default btn-medium top-margin-small" href="{{infos_lista_selecionada.link}}">
                <span>{{ text_go_to_list }}</span>
              </a>
            </div>
            {% if infos_lista_selecionada.logo %}
              <div class="last-md vertical-padding-x-small">
                <img src="{{infos_lista_selecionada.logo}}" width="100">
              </div>
            {% endif %}
          </div>
        </div>
      </div>
    {% endif %}
    {% if escolas %}
      <span class="heading-4 bottom-padding-medium left-padding-small visible-block">{{ text_schools }}</span>
      {% for escola in escolas %}
        <div class="col-xs-12">
          <div class="content-box padding-large paper">
            <div class="flex between-xs middle-xs">
              {% if escola.logo %}
                <div class="last-md vertical-padding-x-small">
                  <img src="{{escola.logo}}" width="100">
                </div>
              {% endif %}
              <div class="first-md vertical-padding-x-small">
                <h2 class="heading-2">{{ escola.descricao }}</h2>
                {% if escola.endereco %}
                  <span class="text-small text-gray visible-block">{{ escola.endereco}}</span>
                {% endif %}
                <button type="button" class="btn-default btn-medium top-margin-small show-list-js {{ escola_selecionada == escola.id_ecommerce ? 'selected-school-js' : '' }}">
                  <span>{{ text_see_lists }}</span>
                </button>
              </div>
            </div>
            <div class="list-content top-padding-small hidden">
              {% for lista in escola.listas %}
                <a href="index.php?route=listaescolar/listaescolar_produtos&lista_id={{ lista.id }}"
                  class="text-small visible-block vertical-padding-small js-carregar-lista">
                  {{lista.descricao}}
                </a>
              {% endfor %}
            </div>
          </div>
        </div>
      {% endfor %}
    {% else %}
      <span class="full-width text-center text-x-large text-dark top-margin-x-large">{{ text_schools_not_found }}</span>
    {% endif %}
  </div>
</section>
{{ footer }}
