{% extends 'base.html' %}
{% block content %}
<section class="page-header">
    <h2>Admin · Doctor Schedule Control</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/reports">Reports</a>
        <a href="/admin/audit">Audit</a>
    </div>
</section>

<section class="grid two">
    <article class="panel">
        <h3>Create Availability Slot</h3>
        <form method="post" action="/admin/schedules" class="stack">
            <label>Doctor</label>
            <select name="doctor_id" required>
                {% for doctor in doctors %}
                    <option value="{{ doctor.id }}">{{ doctor.full_name }}</option>
                {% endfor %}
            </select>
            <label>Day of week</label>
            <select name="day_of_week">
                {% for day in range(7) %}
                    <option value="{{ day }}">{{ day_names[day] }}</option>
                {% endfor %}
            </select>
            <label>Start time</label>
            <input type="time" name="start_time" required />
            <label>End time</label>
            <input type="time" name="end_time" required />
            <label>Duration minutes</label>
            <input type="number" name="duration_minutes" value="30" min="10" max="180" required />
            <button type="submit">Save slot</button>
        </form>
    </article>

    <article class="panel">
        <h3>Current Slots</h3>
        <div class="stack compact-list">
            {% for slot in slots %}
            <div class="subpanel inline-space">
                <div>
                    <strong>{{ user_lookup.get(slot.doctor_id, 'Doctor') }}</strong><br />
                    {{ day_names[slot.day_of_week] }} · {{ slot.start_time }} - {{ slot.end_time }} · {{ slot.duration_minutes }} min
                </div>
                <div class="inline-actions wrap">
                    <span class="badge {% if slot.is_active %}badge-success{% else %}badge-muted{% endif %}">{{ 'Active' if slot.is_active else 'Inactive' }}</span>
                    <form method="post" action="/admin/schedules/{{ slot.id }}/toggle-status">
                        <button type="submit">{{ 'Deactivate' if slot.is_active else 'Activate' }}</button>
                    </form>
                </div>
            </div>
            {% endfor %}
        </div>
    </article>
</section>
{% endblock %}