{% extends 'base.html' %}
{% block content %}
<section class="page-header">
    <div>
        <h2>Admin Control Center</h2>
        <p>Manage users, appointments, schedules, reports, and system audit activity from one place.</p>
    </div>
    <div class="admin-nav">
        <a href="/admin/users">Users</a>
        <a href="/admin/appointments">Appointments</a>
        <a href="/admin/schedules">Schedules</a>
        <a href="/admin/reports">Reports</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>Active Users</span><strong>{{ stats.active_users }}</strong></div>
    <div class="stat-card"><span>Admins</span><strong>{{ stats.admins }}</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>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 stack">
    <div class="inline-space">
        <div>
            <h3>Reminder & Notification Center</h3>
            <p class="helper-text">Review the latest system alerts and generate reminders for appointments happening in the next 24 hours.</p>
        </div>
        <form method="post" action="/admin/reminders/run">
            <button type="submit" class="button-secondary">Run reminder check</button>
        </form>
    </div>

    {% if notifications %}
        <div class="notice-list">
            {% for notification in notifications %}
                <div class="notice-card {% if not notification.is_read %}notice-unread{% endif %}">
                    <div class="stacked-cell">
                        <strong>{{ notification.title }}</strong>
                        <span class="helper-text">For: {{ user_lookup.get(notification.user_id, 'User') }}</span>
                        <span class="helper-text">{{ notification.message }}</span>
                        <span class="helper-text">{{ notification.created_at }}</span>
                    </div>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <p class="empty-state">No notifications have been generated yet.</p>
    {% endif %}
</article>

<section class="grid two">
    <article class="panel">
        <h3>Recent Users</h3>
        <table>
            <thead><tr><th>Name</th><th>Email</th><th>Role</th><th>Status</th></tr></thead>
            <tbody>
            {% for u in recent_users %}
                <tr>
                    <td>{{ u.full_name }}</td>
                    <td>{{ u.email }}</td>
                    <td>{{ u.role.value }}</td>
                    <td>{{ 'Active' if u.is_active else 'Inactive' }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </article>
    <article class="panel">
        <h3>Recent Appointments</h3>
        <table>
            <thead><tr><th>Patient</th><th>Doctor</th><th>When</th><th>Status</th></tr></thead>
            <tbody>
            {% for a in appointments %}
                <tr>
                    <td>{{ user_lookup.get(a.patient_id, 'Patient') }}</td>
                    <td>{{ user_lookup.get(a.doctor_id, 'Doctor') }}</td>
                    <td>{{ a.scheduled_time }}</td>
                    <td>{{ a.status.value }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </article>
</section>

<article class="panel">
    <h3>Recent Audit 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 %}