{% extends 'base.html' %}
{% block title %}Downloads{% endblock %}

{% block content %}

<div class="container py-5">

    <h3 class="fw-bold text-success mb-4 text-center">
        Available Downloads
    </h3>

    {% if downloads %}
        <div class="list-group shadow-sm">

            {% for item in downloads %}
            <div class="list-group-item d-flex justify-content-between align-items-center">

                <div>
                    <i class="fas fa-file-pdf text-danger me-2"></i>
                    {{ item.name }}
                </div>

                <a href="{{ item.file.url }}"
                   class="btn btn-outline-success btn-sm"
                   download>
                    Download
                </a>

            </div>
            {% endfor %}

        </div>
    {% else %}

        <div class="alert alert-info text-center">
            No downloads available at the moment.
        </div>

    {% endif %}

</div>

{% endblock %}