@extends('layouts.app')
@section('title', 'Doctor')

@section('content')
    <div class="d-flex align-items-center justify-content-between mb-3">
        <div>
            <h1 class="h4 mb-1">{{ $doctor->user->name ?? '-' }}</h1>
            <div class="text-muted">{{ $doctor->department->name ?? '-' }} · {{ $doctor->license_no }}</div>
        </div>
        <div class="d-flex gap-2">
            <a class="btn btn-outline-primary" href="{{ route('admin.doctors.edit', $doctor) }}">Edit</a>
            <form method="POST" action="{{ route('admin.doctors.destroy', $doctor) }}">
                @csrf
                @method('DELETE')
                <button class="btn btn-outline-danger" type="submit" onclick="return confirm('Disable doctor?')">Disable</button>
            </form>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-12 col-lg-6">
            <div class="card">
                <div class="card-header fw-semibold">Profile</div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="text-muted small">Specialization</div>
                            <div class="fw-semibold">{{ $doctor->specialization ?? '-' }}</div>
                        </div>
                        <div class="col-md-6">
                            <div class="text-muted small">Consultation fee</div>
                            <div class="fw-semibold">{{ $doctor->consultation_fee }}</div>
                        </div>
                        <div class="col-md-6">
                            <div class="text-muted small">Default slot (min)</div>
                            <div class="fw-semibold">{{ $doctor->default_duration_minutes }}</div>
                        </div>
                        <div class="col-md-6">
                            <div class="text-muted small">Active</div>
                            <div class="fw-semibold">{{ $doctor->is_active ? 'Yes' : 'No' }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="card">
                <div class="card-header fw-semibold">Availability (Schedules)</div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.doctors.schedules.store', $doctor) }}" class="row g-2 mb-3">
                        @csrf
                        <div class="col-3">
                            <select name="day_of_week" class="form-select" required>
                                @foreach (['Sun','Mon','Tue','Wed','Thu','Fri','Sat'] as $i => $d)
                                    <option value="{{ $i }}">{{ $d }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-3"><input name="start_time" class="form-control" placeholder="09:00" required></div>
                        <div class="col-3"><input name="end_time" class="form-control" placeholder="17:00" required></div>
                        <div class="col-3"><input name="slot_minutes" type="number" min="5" max="240" class="form-control" placeholder="30"></div>
                        <div class="col-12 text-end"><button class="btn btn-sm btn-outline-primary" type="submit">Add schedule</button></div>
                    </form>

                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead><tr><th>Day</th><th>Hours</th><th>Slot</th><th></th></tr></thead>
                            <tbody>
                            @foreach ($doctor->schedules as $s)
                                <tr>
                                    <td>{{ ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'][$s->day_of_week] ?? $s->day_of_week }}</td>
                                    <td>{{ $s->start_time }} - {{ $s->end_time }}</td>
                                    <td>{{ $s->slot_minutes }}m</td>
                                    <td class="text-end">
                                        <form method="POST" action="{{ route('admin.doctors.schedules.destroy', [$doctor, $s]) }}">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-sm btn-outline-danger" type="submit">Delete</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="card">
                <div class="card-header fw-semibold">Time Off</div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.doctors.timeoffs.store', $doctor) }}" class="row g-2 mb-3">
                        @csrf
                        <div class="col-md-3"><input name="start_at" type="datetime-local" class="form-control" required></div>
                        <div class="col-md-3"><input name="end_at" type="datetime-local" class="form-control" required></div>
                        <div class="col-md-4"><input name="reason" class="form-control" placeholder="Reason"></div>
                        <div class="col-md-2 text-end"><button class="btn btn-outline-primary w-100" type="submit">Add</button></div>
                    </form>

                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead><tr><th>Start</th><th>End</th><th>Reason</th><th></th></tr></thead>
                            <tbody>
                            @foreach ($doctor->timeOffs as $t)
                                <tr>
                                    <td>{{ $t->start_at }}</td>
                                    <td>{{ $t->end_at }}</td>
                                    <td>{{ $t->reason }}</td>
                                    <td class="text-end">
                                        <form method="POST" action="{{ route('admin.doctors.timeoffs.destroy', [$doctor, $t]) }}">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-sm btn-outline-danger" type="submit">Delete</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection