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

{% block title %}Dokumente{% endblock %}

{% block content %}
    <div class="max-w-screen-md mx-auto">
        <h1 class="text-2xl font-bold pb-8">
            Dokumente zum Nachlesen
        </h1>
        <dl class="divide-y divide-gray-100">
            {% for document in documents %}
            <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4">
                <dt class="font-bold leading-6 text-gray-900 sm:col-span-2 whitespace-nowrap">
                    {{ document.displayName | default(document.originalFilename) }}
                </dt>
                <dd class="mt-1 text-sm leading-6 text-gray-700 sm:mt-0">
                    <a href="{{ path('app_common_download', { 'uuid': document.uuid }) }}" class="flex items-center space-x-1">
                        {{ icon('download') }}
                        <span class="flex-shrink-0">Download</span>
                    </a>
                </dd>
            </div>
            {% endfor %}
        </dl>
    </div>
{% endblock %}