{% extends '_layout/base' %}
{% import '_helpers/_image_webp' as media %}
{% import 'documents/_entry' as self %}
{% macro setDocument(doc) %}
    <li class="document">
        <div class="document-inner">
            <h4 class="document-title m-has-icon">
                <span class="document-icon" title="{{ doc.title }}">
                    <i class="fa fa-file-pdf-o"></i>
                </span>
                <a href="{{ doc.url }}" download target="_blank">
                    <span>{{ doc.title }}</span>
                    <span class="document-filesize">({{ doc.formattedSize }})</span>
                </a>
            </h4>
            <div class="document-info">
                <ul>
                    <li class="document-date">
                        {{ 'Data de upload:'|t }} <span>{{ doc.dateCreated | date('d mm, Y') }}</span>
                    </li>
                </ul>
            </div>
        </div>
    </li>
{% endmacro %}
{% set body_classes = entry.slug %}
{% set documents = entry.documents.orderBy('dateCreated desc').all() %}

{% block content %}
    <div id="page-header" class="m-has-breadcrumbs">
        <div class="page-title">
            <h1>{{ entry.title }}</h1>
        </div>
        {% include '_components/breadcrumbs' with {
            class: 'black no-top-margin'
        } %}
    </div>
    <div id="page-content">
        <div class="page-content-inner">
            {% if documents|length %}
                {% set date = documents[0].dateCreated| date("Y") %}
                <div class="event-list-page event-page">
                    <h2 class="group-title">{{ date }}</h2>
                    <div class="document-page document-list-page">
                        <div class="c-content-box">
                            <ul class="document-list m-has-icons">
                    {% for doc in documents %}
                         {% if date == doc.dateCreated | date("Y") %}
                            {{ self.setDocument(doc) }}
                        {% else %}
                            {% set date = doc.dateCreated| date("Y") %}
                            </ul>
                        </div>
                    </div>
                    <h2 class="group-title">{{ doc.dateCreated| date("Y") }}</h2>
                    <div class="document-page document-list-page">
                        <div class="c-content-box">
                            <ul class="document-list m-has-icons">
                                {{ self.setDocument(doc) }}
                        {% endif %}
                    {% if loop.last %}
                            </ul>
                        </div>
                    </div>
                    {% endif %}
                    {% endfor %}
                </div>
            {% else %}
                <p>{{ 'Sem documentos para apresentar'|t }}</p>
            {% endif %}
        </div>
    </div>


{% endblock %}