@extends('layouts.admin')
@section('title', 'Doctor Allocation')
@section('page', 'doctor-allocation')
@section('content')
<div class="page-content doctor-allocation-content">
    <div class="allocation-page-head">
        <div>
            <div class="breadcrumbs"><i class="bi bi-grid me-1"></i> Dashboard <span>›</span> Doctor Allocation</div>
            <h1 class="page-title">Doctor Allocation</h1>
            <p class="page-subtitle">Review outside/self-booked appointments and assign each patient to the appropriate department and doctor.</p>
        </div>
        <div class="allocation-page-actions"><a class="btn-secondary-admin" href="{{ route('admin.doctors.index') }}"><i class="bi bi-person-heart me-1"></i> View Doctors</a></div>
    </div>

    <section class="allocation-dashboard card-admin allocation-page-card">
        <div class="allocation-topline">
            <div class="allocation-live"><span class="live-dot"></span> PATIENT SELF-BOOKINGS LIVE INGESTION</div>
            <span class="allocation-count">{{ $pending->count() }} Allocation Needed</span>
        </div>
        <div class="allocation-header">
            <div><h2><i class="bi bi-heart-pulse"></i> Self-Booked Appointments & Doctor Allocation</h2><p>Patients booking via the self-portal or coming from outside staff appear here. Assign them to a department and doctor to push them directly into the doctor's schedule.</p></div>
        </div>

        @forelse($pending as $a)
            <div class="allocation-booking">
                <div class="allocation-patient-head"><div>
                    <div class="allocation-patient-name">{{ $a->patient->full_name }}
                        @if($a->diagnosis)<span class="source-pill">{{ $a->diagnosis->name }}</span>@endif
                        <span class="pending-pill">Pending Allocation</span>
                    </div>
                    <div class="allocation-meta">
                        <span><i class="bi bi-clock"></i> {{ $a->appointment_date->format('Y-m-d') }} @if($a->appointment_time)· {{ \Illuminate\Support\Carbon::parse($a->appointment_time)->format('h:i A') }}@endif</span>
                        <span><i class="bi bi-telephone"></i> {{ $a->patient->phone }}</span>
                        @if($a->patient->whatsapp)<span><i class="bi bi-whatsapp"></i> WhatsApp</span>@endif
                        <span><i class="bi bi-hash"></i> {{ $a->code }}</span>
                    </div>
                    @if($a->reason || $a->special_requests)<em>[{{ ucfirst($a->booking_source) }} Booking] {{ $a->reason }}@if($a->special_requests) · {{ $a->special_requests }}@endif</em>@endif
                </div></div>
                <form method="POST" action="{{ route('admin.allocation.allocate', $a) }}" class="allocation-controls">
                    @csrf @method('PUT')
                    <strong>Assign To:</strong>
                    <label class="allocation-select"><span><i class="bi bi-tooth"></i> Department</span>
                        <select name="clinical_department_id" required>
                            @foreach($departments as $d)<option value="{{ $d->id }}">{{ $d->name }}</option>@endforeach
                        </select>
                    </label>
                    <label class="allocation-select"><span><i class="bi bi-person"></i> Doctor</span>
                        <select name="doctor_id" required>
                            @foreach($doctors as $doc)<option value="{{ $doc->id }}" data-dept="{{ $doc->doctorProfile?->clinical_department_id }}">{{ $doc->name }}</option>@endforeach
                        </select>
                    </label>
                    <button class="allocate-btn" type="submit"><i class="bi bi-check2"></i> Allocate Doctor</button>
                </form>
            </div>
        @empty
            <div class="allocation-booking"><div class="allocation-patient-head"><div><div class="allocation-meta">No appointments awaiting allocation.</div></div></div></div>
        @endforelse

        <div class="allocation-page-info"><div><i class="bi bi-info-circle"></i><div><strong>What happens after allocation?</strong><span>The patient is attached to the selected doctor and the booking is pushed into the doctor's schedule automatically.</span></div></div></div>
    </section>

    <section class="card-admin allocation-activity-card">
        <div class="panel-head"><div><div class="panel-title"><i class="bi bi-clock-history me-2"></i> Allocation Activity</div><small class="text-secondary">Recently assigned bookings.</small></div></div>
        <div class="table-responsive"><table class="table admin-table mb-0">
            <thead><tr><th>Patient</th><th>Booking</th><th>Department</th><th>Doctor</th><th>Status</th><th>Action</th></tr></thead>
            <tbody>
            @forelse($activity as $a)
                <tr>
                    <td>{{ $a->patient->full_name }}</td>
                    <td>{{ $a->code }}<br><small class="text-secondary">{{ $a->appointment_date->format('Y-m-d') }}</small></td>
                    <td>{{ $a->department?->name ?? '—' }}</td>
                    <td>{{ $a->doctor?->name ?? '—' }}</td>
                    <td><span class="status-pill status-{{ $a->status==='completed'?'paid':'confirmed' }}">{{ strtoupper(str_replace('_',' ',$a->status)) }}</span></td>
                    <td><a class="action-btn" href="{{ route('admin.patients.show', $a->patient) }}"><i class="bi bi-eye"></i></a></td>
                </tr>
            @empty
                <tr><td colspan="6" class="text-center text-secondary py-4">No allocation completed yet.</td></tr>
            @endforelse
            </tbody>
        </table></div>
    </section>
</div>
@endsection