{% extends 'base.html' %}
{% block content %}
<section class="page-header">
    <h2>Admin · Reports</h2>
    <div class="admin-nav">
        <a href="/admin">Overview</a>
        <a href="/admin/users">Users</a>
        <a href="/admin/appointments">Appointments</a>
        <a href="/admin/schedules">Schedules</a>
        <a href="/admin/audit">Audit</a>
    </div>
</section>

<section class="stats-grid">
    <div class="stat-card"><span>Total Users</span><strong>{{ stats.total_users }}</strong></div>
    <div class="stat-card"><span>Doctors</span><strong>{{ stats.doctors }}</strong></div>
    <div class="stat-card"><span>Patients</span><strong>{{ stats.patients }}</strong></div>
    <div class="stat-card"><span>Total Appointments</span><strong>{{ stats.appointments }}</strong></div>
    <div class="stat-card"><span>Scheduled</span><strong>{{ stats.scheduled }}</strong></div>
    <div class="stat-card"><span>Completed</span><strong>{{ stats.completed }}</strong></div>
    <div class="stat-card"><span>Cancelled</span><strong>{{ stats.cancelled }}</strong></div>
    <div class="stat-card"><span>No Show</span><strong>{{ stats.no_show }}</strong></div>
</section>

<article class="panel">
    <h3>Recent Admin Activity</h3>
    <table>
        <thead><tr><th>Action</th><th>Entity</th><th>Target ID</th><th>Details</th><th>When</th></tr></thead>
        <tbody>
        {% for log in logs %}
            <tr>
                <td>{{ log.action }}</td>
                <td>{{ log.entity_type }}</td>
                <td>{{ log.entity_id }}</td>
                <td>{{ log.details }}</td>
                <td>{{ log.created_at }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</article>
{% endblock %}