{% extends 'base.html' %}
{% block content %}
<section class="page-header">
    <div>
        <h2>Doctor Hub</h2>
        <p>Manage your queue, protect unavailable dates, and update clinical outcomes from one place.</p>
        <p class="helper-text">Specialty: {{ user.specialty or 'General Practice' }}</p>
    </div>
    <div class="admin-nav">
        <a href="/doctor">Overview</a>
        <a href="/doctor/appointments">Appointments</a>
        <a href="/doctor/schedule">Schedule</a>
    </div>
</section>

<section class="stats-grid">
    <div class="stat-card"><span>Total Appointments</span><strong>{{ stats.total_appointments }}</strong></div>
    <div class="stat-card"><span>Upcoming</span><strong>{{ stats.upcoming }}</strong></div>
    <div class="stat-card"><span>Today's Queue</span><strong>{{ stats.today_queue }}</strong></div>
    <div class="stat-card"><span>Pending Confirmations</span><strong>{{ stats.pending_confirmations }}</strong></div>
    <div class="stat-card"><span>Completed</span><strong>{{ stats.completed }}</strong></div>
    <div class="stat-card"><span>No Show</span><strong>{{ stats.no_show }}</strong></div>
    <div class="stat-card"><span>Active Slots</span><strong>{{ stats.active_slots }}</strong></div>
    <div class="stat-card"><span>Leave Blocks</span><strong>{{ stats.active_leave_blocks }}</strong></div>
</section>

<article class="panel stack">
    <div>
        <h3>Notifications</h3>
        <p class="helper-text">Stay updated on new bookings, confirmation needs, schedule changes, and appointment outcomes.</p>
    </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="inline-space">
                        <div class="stacked-cell">
                            <strong>{{ notification.title }}</strong>
                            <span class="helper-text">{{ notification.message }}</span>
                            <span class="helper-text">{{ notification.created_at.strftime('%Y-%m-%d %H:%M') }}</span>
                        </div>
                        {% if not notification.is_read %}
                            <form method="post" action="/notifications/{{ notification.id }}/read">
                                <button type="submit" class="button-secondary">Mark read</button>
                            </form>
                        {% else %}
                            <span class="badge badge-muted">Read</span>
                        {% endif %}
                    </div>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <p class="empty-state">No notifications yet.</p>
    {% endif %}
</article>

<section class="grid two">
    <article class="panel stack">
        <div>
            <h3>Today's Queue</h3>
            <p class="helper-text">See your next patient and the current day’s consultation lineup.</p>
        </div>

        {% if next_patient %}
            <div class="availability-highlight">
                <strong>Next patient</strong>
                <span>{{ patient_lookup.get(next_patient.patient_id, 'Patient') }} · {{ next_patient.scheduled_time.strftime('%H:%M') }}</span>
                <span class="helper-text">Reason: {{ next_patient.reason or 'General consultation' }}</span>
            </div>
        {% endif %}

        {% if today_queue %}
            <div class="stack compact-list">
                {% for appointment in today_queue %}
                    <div class="subpanel inline-space">
                        <div class="stacked-cell">
                            <strong>{{ patient_lookup.get(appointment.patient_id, 'Patient') }}</strong>
                            <span class="helper-text">{{ appointment.scheduled_time.strftime('%Y-%m-%d %H:%M') }} · {{ appointment.duration_minutes }} mins</span>
                            <span class="helper-text">{{ appointment.reason or 'General consultation' }}</span>
                        </div>
                        <div class="stacked-cell align-end">
                            <span class="badge {{ 'badge-success' if appointment.is_confirmed else 'badge-muted' }}">
                                {{ 'Confirmed' if appointment.is_confirmed else 'Pending confirmation' }}
                            </span>
                            <span class="badge {{ 'badge-success' if appointment.status.value in ['scheduled', 'completed'] else 'badge-muted' }}">
                                {{ appointment.status.value.replace('_', ' ') }}
                            </span>
                        </div>
                    </div>
                {% endfor %}
            </div>
        {% else %}
            <p class="empty-state">No appointments scheduled for today.</p>
        {% endif %}
    </article>

    <article class="panel stack">
        <div>
            <h3>Leave / Unavailable Days</h3>
            <p class="helper-text">Block off conferences, leave days, or unavailable periods so patients cannot book those windows.</p>
        </div>

        <form method="post" action="/doctor/leave" class="stack">
            <label>Leave start</label>
            <input type="datetime-local" name="start_date" required />
            <label>Leave end</label>
            <input type="datetime-local" name="end_date" required />
            <label>Reason</label>
            <input type="text" name="reason" placeholder="e.g. Ward round / annual leave" />
            <button type="submit">Save leave block</button>
        </form>

        <div class="stack compact-list">
            {% for leave in leave_blocks %}
                <div class="subpanel inline-space">
                    <div class="stacked-cell">
                        <strong>{{ leave.start_date.strftime('%Y-%m-%d %H:%M') }} → {{ leave.end_date.strftime('%Y-%m-%d %H:%M') }}</strong>
                        <span class="helper-text">{{ leave.reason or 'No reason supplied' }}</span>
                    </div>
                    <div class="inline-actions wrap">
                        <span class="badge {% if leave.is_active %}badge-muted{% else %}badge-success{% endif %}">
                            {{ 'Blocking bookings' if leave.is_active else 'Inactive' }}
                        </span>
                        <form method="post" action="/doctor/leave/{{ leave.id }}/toggle-status">
                            <button type="submit" class="button-secondary">{{ 'Deactivate' if leave.is_active else 'Reactivate' }}</button>
                        </form>
                    </div>
                </div>
            {% else %}
                <p class="empty-state">No leave periods added yet.</p>
            {% endfor %}
        </div>
    </article>
</section>

<section class="grid two">
    <article class="panel stack">
        <div>
            <h3>Create Availability Slot</h3>
            <p class="helper-text">Publish your normal clinic hours and session length.</p>
        </div>
        <form method="post" action="/doctor/schedule" class="stack">
            <label>Day of week</label>
            <select name="day_of_week" required>
                {% 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>

        <h3>My Availability</h3>
        <div class="stack compact-list">
            {% for slot in slots %}
            <div class="subpanel inline-space">
                <div>
                    <strong>{{ day_names[slot.day_of_week] }}</strong><br />
                    {{ 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="/doctor/schedule/{{ slot.id }}/toggle-status">
                        <button type="submit">{{ 'Deactivate' if slot.is_active else 'Activate' }}</button>
                    </form>
                </div>
            </div>
            {% else %}
            <p class="empty-state">No availability slots added yet.</p>
            {% endfor %}
        </div>
    </article>

    <article class="panel stack">
        <div>
            <h3>Assigned Appointments</h3>
            <p class="helper-text">Confirm new bookings, review patient history, and capture diagnosis, prescriptions, and follow-up details.</p>
        </div>
        <div class="stack compact-list">
            {% for appointment in appointments %}
            {% set summary = patient_summaries.get(appointment.patient_id) %}
            <div class="subpanel stack">
                <div class="inline-space">
                    <div class="stacked-cell">
                        <strong>#{{ appointment.id }} · {{ patient_lookup.get(appointment.patient_id, 'Patient') }}</strong>
                        <span class="helper-text">{{ appointment.scheduled_time.strftime('%Y-%m-%d %H:%M') }} · {{ appointment.duration_minutes }} mins</span>
                        <span class="helper-text">Reason: {{ appointment.reason or 'General consultation' }}</span>
                    </div>
                    <div class="stacked-cell align-end">
                        <span class="badge {{ 'badge-success' if appointment.is_confirmed else 'badge-muted' }}">
                            {{ 'Confirmed' if appointment.is_confirmed else 'Pending confirmation' }}
                        </span>
                        <span class="badge {{ 'badge-success' if appointment.status.value in ['scheduled', 'completed'] else 'badge-muted' }}">
                            {{ appointment.status.value.replace('_', ' ') }}
                        </span>
                    </div>
                </div>

                {% if summary %}
                    <div class="patient-summary-box">
                        <strong>Patient medical summary</strong>
                        <span class="helper-text">Completed visits: {{ summary.completed_visits }}</span>
                        {% if summary.last_visit %}
                            <span class="helper-text">Last visit: {{ summary.last_visit.strftime('%Y-%m-%d %H:%M') }}</span>
                        {% endif %}
                        {% if summary.last_diagnosis %}
                            <span class="helper-text">Last diagnosis: {{ summary.last_diagnosis }}</span>
                        {% endif %}
                        {% if summary.last_notes %}
                            <span class="helper-text">Recent note: {{ summary.last_notes }}</span>
                        {% endif %}
                    </div>
                {% endif %}

                {% if appointment.status.value == 'scheduled' and not appointment.is_confirmed %}
                    <div class="inline-actions wrap">
                        <form method="post" action="/doctor/appointments/{{ appointment.id }}/update">
                            <input type="hidden" name="confirmation_action" value="confirm" />
                            <button type="submit">Confirm booking</button>
                        </form>
                        <form method="post" action="/doctor/appointments/{{ appointment.id }}/update">
                            <input type="hidden" name="confirmation_action" value="reject" />
                            <input type="hidden" name="notes" value="Booking rejected by doctor" />
                            <button type="submit" class="button-secondary">Reject booking</button>
                        </form>
                    </div>
                {% endif %}

                <form method="post" action="/doctor/appointments/{{ appointment.id }}/update" class="stack">
                    <label>Status</label>
                    <select name="status">
                        {% for status in status_options %}
                            <option value="{{ status }}" {% if appointment.status.value == status %}selected{% endif %}>{{ status.replace('_', ' ') }}</option>
                        {% endfor %}
                    </select>
                    <label>Consultation notes</label>
                    <input type="text" name="notes" value="{{ appointment.notes or '' }}" placeholder="Add notes" />
                    <label>Diagnosis / outcome</label>
                    <input type="text" name="diagnosis" value="{{ appointment.diagnosis or '' }}" placeholder="e.g. Viral infection" />
                    <label>Prescription / advice</label>
                    <input type="text" name="prescription" value="{{ appointment.prescription or '' }}" placeholder="e.g. Rest, hydration, paracetamol" />
                    <label>Follow-up date</label>
                    <input type="datetime-local" name="follow_up_date" value="{{ appointment.follow_up_date.strftime('%Y-%m-%dT%H:%M') if appointment.follow_up_date else '' }}" />
                    <div class="inline-actions wrap">
                        <button type="submit">Save update</button>
                    </div>
                </form>
            </div>
            {% else %}
            <p class="empty-state">No appointments assigned yet.</p>
            {% endfor %}
        </div>
    </article>
</section>
{% endblock %}