{{ header }}
{% if infos_lista_selecionada %}
  <a href="{{infos_lista_selecionada.link}}" class="ftr-card ftr-js-ripple-effect">
    <span class="ftr-text--m ftr-block ftr-text--dark">{{infos_lista_selecionada.escola}}</span>
    <span class="ftr-text--s ftr-block ftr-text--grey">{{infos_lista_selecionada.descricao_lista}}</span>
    <span class="ftr-text--s ftr-block ftr-text--primary">{{ text_go_to_list }}</a>
  </a>
{% endif %}
<div class="ftr-grid">
  {% for escola in escolas %}
    <div class="ftr-grid__card ftr-product-card show-list-js {{ infos_lista_selecionada.escola == escola.descricao ? 'selected-school-js' : '' }}">
      <div class="ftr-product-card__content">
        {% if escola.logo %}
          <div class="ftr-product-card__image">
            <img src="{{escola.logo}}" width="80">
          </div>
        {% endif %}
        <div class="ftr-product-card__info">
          <span class="ftr-text--m ftr-text--dark ftr-block">{{ escola.descricao }}</span>
          <span class="ftr-text--s ftr-text--grey">{{ escola.descricao }}</span>
          <div class="js-list-content ftr-in-space--t-m ftr-hidden">
            {% for lista in escola.listas %}
              <a href="index.php?route=listaescolar/listaescolar_produtos&lista_id={{ lista.id }}"
                class="ftr-text--s ftr-text--dark ftr-text--primary ftr-block ftr-in-space--v-xs">
                {{lista.descricao}}
              </a>
            {% endfor %}
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
</div>
{{ footer }}
