{# templates/admin/exam_paper/dashboard_metrics.html.twig #}
{% extends base_template %}

{% block title %}Repository Performance Dashboard{% endblock %}

{% block content %}
    <div class="row g-5 mb-6">

        <div class="card">
            <div class="col-md-4">
                <div class="card bg-primary border-0 p-6 rounded shadow-sm">
                    <div class="d-flex align-items-center text-center">
                        <div>
{#                            <span class="text-gray-600 fw-bold d-block fs-7 mb-1">Total Cataloged Papers</span>#}
                            <h3 class="text-gray-600 fw-bold d-block fs-7 mb-1">Total Cataloged Papers</h3>
                            <h1 class="text-gray-900 fw-bolder m-0 display-6">{{ total_papers }}</h1>
                        </div>
                        <div class="symbol symbol-50px bg-aqua opacity-75 p-3 rounded">
                            <i class="fa fa-book-open text-white fs-3"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="info-box bg-aqua">
                <div class="d-flex align-items-center text-center">
                    <div>
{#                        <span class="text-gray-600 fw-bold d-block fs-7 mb-1">Cumulative Search Imprints</span>#}
                        <h3 class="text-gray-600 fw-bold d-block fs-7 mb-1">Cumulative Search Imprints</h3>
                        <h1 class="text-gray-900 fw-bolder m-0 display-6">{{ total_views }}</h1>
                    </div>
                    <div class="symbol symbol-50px bg-success opacity-75 p-3 rounded">
                        <i class="fa fa-eye text-white fs-3"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="success-box bg-success" >
                <div class="d-flex align-items-center text-center">
                    <div>
{#                        <span class="text-gray-600 fw-bold d-block fs-7 mb-1">Successful File Downloads</span>#}
                        <h3 class="text-gray-600 fw-bold d-block fs-7 mb-1">Successful File Downloads</h3>
                        <h1 class="text-gray-900 fw-bolder m-0 display-6">{{ total_downloads }}</h1>
                    </div>
                    <div class="symbol symbol-50px bg-info opacity-75 p-3 rounded">
                        <i class="fa fa-download text-white fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-6">
        <div class="col-md-6">
            <div class="card card-flush shadow-sm box box-solid">
                <div class="card-header box-header with-border pt-4">
                    <h3 class="card-title box-title fw-bold text-gray-800">
                        <i class="fa fa-star text-warning me-2"></i> Most Viewed Past Papers
                    </h3>
                </div>
                <div class="card-body box-body pt-2">
                    <div class="table-responsive">
                        <table class="table align-middle table-row-dashed fs-6 gy-4">
                            <thead>
                                <tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase">
                                    <th>Course</th>
                                    <th class="text-center">Academic Year</th>
                                    <th class="text-end">Views</th>
                                </tr>
                            </thead>
                            <tbody class="fw-semibold text-gray-600">
                                {% for paper in top_papers %}
                                    <tr>
                                        <td>
                                            <span class="text-gray-800 fw-bold d-block">{{ paper.course.courseCode }}</span>
                                            <span class="text-muted fs-7">{{ paper.course.title }}</span>
                                        </td>
                                        <td class="text-center">
                                            <span class="badge badge-light-dark fs-7">{{ paper.academicYear }}</span>
                                        </td>
                                        <td class="text-end text-primary fw-bolder fs-6">
                                            {{ paper.viewCount }}
                                        </td>
                                    </tr>
                                {% else %}
                                    <tr><td colspan="3" class="text-center text-muted">No metric information captured yet.</td></tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card card-flush shadow-sm box box-solid">
                <div class="card-header box-header with-border pt-4">
                    <h3 class="card-title box-title fw-bold text-gray-800">
                        <i class="fa fa-university text-info me-2"></i> Engagement Distribution by Faculty
                    </h3>
                </div>
                <div class="card-body box-body pt-2">
                    <div class="table-responsive">
                        <table class="table align-middle table-row-dashed fs-6 gy-4">
                            <thead>
                                <tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase">
                                    <th>Faculty Name</th>
                                    <th class="text-center">Papers</th>
                                    <th class="text-center">Views</th>
                                    <th class="text-end">Downloads</th>
                                </tr>
                            </thead>
                            <tbody class="fw-semibold text-gray-600">
                                {% for item in faculty_metrics %}
                                    <tr>
                                        <td class="text-gray-800 fw-bold">{{ item.facultyName }}</td>
                                        <td class="text-center">
                                            <span class="badge badge-secondary fs-7">{{ item.paperCount }}</span>
                                        </td>
                                        <td class="text-center text-gray-700">{{ item.viewCount|default(0) }}</td>
                                        <td class="text-end text-success fw-bold">{{ item.downloadCount|default(0) }}</td>
                                    </tr>
                                {% else %}
                                    <tr><td colspan="4" class="text-center text-muted">No historical data logs recorded.</td></tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}