{% extends '_layout/base' %}
{% import '_helpers/_image_webp' as media %}
{% set body_classes = 'citizen-page' %}
{% 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">
            <div class="event-list-page event-page">
                <div class="document-page document-list-page">
                    <div class="c-content-box">
                        <ul class="document-list m-has-icons">
                            {% if entry.documents.all()|length %}
                            {% for doc in entry.documents.all() %}
                                <li class="document">
                                    <div class="document-inner">
                                        <h4 class="document-title m-has-icon">
                                        <span class="document-icon" title="Word Document">
                                            <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>
                            {% endfor %}
                            {% else %}
                                <p>{{ 'Sem documentos para apresentar'|t }}</p>
                            {% endif %}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}