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

{% block content %}

<div class="container py-5">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h3 class="fw-bold text-success mb-0">
            Manage Downloads
        </h3>

        <a href="{% url 'add_download' %}" class="btn btn-success">
            <i class="fas fa-plus me-1"></i>
            Add New Download
        </a>
    </div>

    {% if downloads %}
    <div class="card shadow-sm border-0">
        <div class="card-body">

            <table class="table align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Name</th>
                        <th>Uploaded</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in downloads %}
                    <tr>
                        <td>
                            <i class="fas fa-file-pdf text-danger me-2"></i>
                            {{ item.name }}
                        </td>
                        <td>
                            {{ item.uploaded_at|date:"M d, Y" }}
                        </td>
                        <td class="text-end">

                            <a href="{{ item.file.url }}"
                               target="_blank"
                               class="btn btn-sm btn-outline-primary">
                                View
                            </a>

                            <form action="{% url 'delete_download' item.id %}"
                                  method="post"
                                  class="d-inline">
                                {% csrf_token %}
                                <button type="submit"
                                        class="btn btn-sm btn-outline-danger">
                                    Delete
                                </button>
                            </form>

                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>

        </div>
    </div>
    {% else %}
        <div class="alert alert-info">
            No downloads uploaded yet.
        </div>
    {% endif %}

</div>

{% endblock %}