{% extends 'base_app.html' %}

{% block content %}

<h3 class="mb-4">📁 My Reports</h3>

<div class="card shadow-sm border-0 p-4">

    {% if reports %}
        <div class="table-responsive">
            <table class="table table-hover">

                <thead class="table-light">
                    <tr>
                        <th>Title</th>
                        <th>Type</th>
                        <th>Date</th>
                        <th>File</th>
                    </tr>
                </thead>

                <tbody>
                    {% for r in reports %}
                    <tr>
                        <td>{{ r.title }}</td>
                        <td>{{ r.report_type }}</td>
                        <td>{{ r.uploaded_on|date:"Y-m-d" }}</td>
                        <td>
                            <a href="{{ r.file.url }}" target="_blank" class="btn btn-sm btn-success">
                                View
                            </a>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>

            </table>
        </div>
    {% else %}
        <p class="text-muted">No reports uploaded yet.</p>
    {% endif %}

</div>

{% endblock %}