{% extends 'layout.html.twig' %}

{% block subnavi %}{% endblock %}

{% block body %}
  <div class="row list documents">
    <div class="col-sm-12">
      <h2>Mail-Anhang-Verwaltung</h2>
      {% if child %}
        <p>Fam. {{ child.lastname }} (<a href="/famlist.php?q={{ child.id }}">{{ child.id }}</a>)</p>
      {% endif %}

      <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        {% for recipient, mails in mailGroups %}
            <div class="panel panel-default">
               <div class="panel-heading" role="tab" id="heading{{ loop.index }}">
                 <h4 class="panel-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ loop.index }}" aria-expanded="false" aria-controls="collapse{{ loop.index }}">
                    <strong>{% if recipient == 'without_recipient' %}Mails ohne Empfänger{% else %}{{ recipient }}{% endif %} ({{ mails|length }})</strong>
                 </h4>
               </div>
              <div id="collapse{{ loop.index }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                <div class="panel-body">
                  <div class="table-responsive">
                    <table class="table table-striped">
                      {% include 'partials/dokumente_table_head.html.twig' %}

                      {% for mail in mails %}
                        {% include 'partials/dokumente_zeile.html.twig' %}
                      {% endfor %}
                    </table>
                  </div>
                </div>
              </div>
            </div>
        {% else %}
            Keine neuen E-Mails mit Dokumenten vorhanden.
        {% endfor %}
      </div>

    </div>
  </div>
  {% include 'partials/dokumente_bearbeiten.html.twig' %}
  {% include 'partials/confirm.html.twig' %}
{% endblock %}

 {% block javascripts %}
<script src="/libs/betterschool/documents.js"></script>
<script src="/scripts/main.js" type="module"></script>
{% endblock %}