{% extends "base.html" %}{% set active="dashboard" %}{% block title %}Reception Dashboard{% endblock %}{% block page_title %}Reception Dashboard{% endblock %}
{% block content %}
<div class="stats-grid">
    <div class="stat-card accent"><div class="stat-label">Today's Scheduled</div><div class="stat-value">{{ stats.today }}</div><div class="stat-icon">📅</div></div>
    <div class="stat-card"><div class="stat-label">Active Patients</div><div class="stat-value">{{ stats.patients }}</div><div class="stat-icon">👤</div></div>
    <div class="stat-card success"><div class="stat-label">Total Pending</div><div class="stat-value">{{ stats.scheduled }}</div><div class="stat-icon">🗓</div></div>
    <div class="stat-card danger"><div class="stat-label">Cancelled Today</div><div class="stat-value">{{ stats.cancelled }}</div><div class="stat-icon">❌</div></div>
</div>
<div class="grid-2" style="margin-bottom:1.5rem">
    <a href="{{ url_for('schedule') }}" class="btn btn-primary" style="justify-content:center;padding:1rem">➕ Schedule New Appointment</a>
    <a href="{{ url_for('receptionist_search') }}" class="btn btn-secondary" style="justify-content:center;padding:1rem">🔍 Search Patients</a>
</div>
<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">Full View →</a></div>
    {% if today_apts %}
    <div class="table-wrap"><table>
        <thead><tr><th>Time</th><th>Patient</th><th>Phone</th><th>Doctor</th><th>Service</th><th>Status</th><th>Actions</th></tr></thead>
        <tbody>{% for a in today_apts %}<tr>
            <td><strong>{{ a.appointment_datetime[11:16] }}</strong></td>
            <td>{{ a.patient_name }}</td><td class="text-muted">{{ a.phone or '—' }}</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>
            <td><a href="{{ url_for('view_appointments', id=a.appointment_id) }}" class="btn btn-ghost btn-sm">Edit</a></td>
        </tr>{% endfor %}</tbody>
    </table></div>
    {% else %}<div class="empty-state"><div class="empty-icon">📭</div><p>No appointments today.</p></div>{% endif %}
</div>
{% endblock %}