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

<section class="grid two">
    <article class="panel">
        <h3>Create Appointment</h3>
        <form method="post" action="/admin/appointments" class="stack">
            <label>Patient</label>
            <select name="patient_id" required>
                {% for p in patients %}
                    <option value="{{ p.id }}">{{ p.full_name }}</option>
                {% endfor %}
            </select>
            <label>Doctor</label>
            <select name="doctor_id" required>
                {% for d in doctors %}
                    <option value="{{ d.id }}">{{ d.full_name }}</option>
                {% endfor %}
            </select>
            <label>Date and time</label>
            <input type="datetime-local" name="scheduled_time" required />
            <label>Duration (minutes)</label>
            <input type="number" name="duration_minutes" value="30" min="10" max="180" required />
            <label>Reason</label>
            <input type="text" name="reason" />
            <button type="submit">Create appointment</button>
        </form>
    </article>

    <article class="panel">
        <h3>All Appointments</h3>
        <div class="stack compact-list">
            {% for item in appointments %}
            <div class="subpanel">
                <strong>#{{ item.id }} · {{ user_lookup.get(item.patient_id, 'Patient') }} → {{ user_lookup.get(item.doctor_id, 'Doctor') }}</strong>
                <div>{{ item.scheduled_time }} · {{ item.status.value }}</div>
                <form method="post" action="/admin/appointments/{{ item.id }}/status" class="inline-actions wrap">
                    <select name="new_status">
                        {% for status in statuses %}
                            <option value="{{ status }}" {% if item.status.value == status %}selected{% endif %}>{{ status }}</option>
                        {% endfor %}
                    </select>
                    <input type="text" name="notes" placeholder="Status note" />
                    <button type="submit">Update status</button>
                </form>
                <form method="post" action="/admin/appointments/{{ item.id }}/reschedule" class="inline-actions wrap">
                    <input type="datetime-local" name="new_time" required />
                    <button type="submit">Reschedule</button>
                </form>
            </div>
            {% endfor %}
        </div>
    </article>
</section>
{% endblock %}