{% extends "base.html" %}
{% set active = "dashboard" %}
{% block title %}Admin Dashboard{% endblock %}
{% block page_title %}Admin Dashboard{% endblock %}
{% block content %}

<div class="stats-grid">
    <div class="stat-card accent"><div class="stat-label">Total Patients</div><div class="stat-value">{{ stats.patients }}</div><div class="stat-icon">👤</div></div>
    <div class="stat-card"><div class="stat-label">Doctors</div><div class="stat-value">{{ stats.doctors }}</div><div class="stat-icon">🩺</div></div>
    <div class="stat-card"><div class="stat-label">Staff</div><div class="stat-value">{{ stats.staff }}</div><div class="stat-icon">🗂</div></div>
    <div class="stat-card success"><div class="stat-label">Today's Appts</div><div class="stat-value">{{ stats.today }}</div><div class="stat-icon">📅</div></div>
    <div class="stat-card"><div class="stat-label">All Appointments</div><div class="stat-value">{{ stats.total_apts }}</div><div class="stat-icon">🗓</div></div>
</div>

<div class="grid-2">
    <div class="card">
        <div class="card-header">
            <span class="card-title">Today's Schedule</span>
            <a href="{{ url_for('view_appointments') }}" class="btn btn-ghost btn-sm">View All →</a>
        </div>
        {% if today_apts %}
        <div class="table-wrap">
            <table>
                <thead><tr><th>Time</th><th>Patient</th><th>Doctor</th><th>Service</th><th>Status</th></tr></thead>
                <tbody>
                {% for a in today_apts %}
                <tr>
                    <td>{{ a.appointment_datetime[11:16] }}</td>
                    <td>{{ a.patient_name }}</td>
                    <td>{{ a.doctor_name }}</td>
                    <td>{{ a.service_name or '—' }}</td>
                    <td><span class="badge badge-{{ a.status|lower|replace(' ','-') }}">{{ a.status }}</span></td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="empty-state"><div class="empty-icon">📭</div><p>No appointments today.</p></div>
        {% endif %}
    </div>

    <div class="card">
        <div class="card-header"><span class="card-title">Quick Actions</span></div>
        <div style="display:flex;flex-direction:column;gap:.8rem">
            <a href="{{ url_for('admin_patients') }}"    class="btn btn-secondary">👤 Manage Patients</a>
            <a href="{{ url_for('admin_doctors') }}"     class="btn btn-secondary">🩺 Manage Doctors</a>
            <a href="{{ url_for('admin_staff') }}"       class="btn btn-secondary">🗂 Manage Staff</a>
            <a href="{{ url_for('schedule') }}"          class="btn btn-primary">➕ Schedule Appointment</a>
            <a href="{{ url_for('analytics') }}"         class="btn btn-secondary">📊 View Analytics</a>
            <a href="{{ url_for('archive') }}"           class="btn btn-secondary">🗄 Data Archive</a>
        </div>
    </div>
</div>
{% endblock %}