@extends("layouts.app", ["title" => "Clinical Consultations"])

@section("content_body")
    @include("shared.partials.page-title", ["subtitle" => "Healthcare", "title" => "Clinical Consultations"])

    <div class="card">
        <div class="card-body">
            <div class="d-flex align-items-center justify-content-between mb-3">
                <div>
                    <h4 class="header-title mb-1">Consultation Registry</h4>
                    <p class="text-muted mb-0">Clinical history entries recorded during completed home visits.</p>
                </div>
                <div>
                    <a href="{{ route('consultations.export', request()->query()) }}" class="btn btn-info btn-sm">
                        <i data-lucide="download" class="me-1"></i> Export CSV
                    </a>
                </div>
            </div>

            <!-- Search & Filter Bar -->
            <form action="{{ route('consultations.index') }}" method="GET" class="mb-4 bg-light-subtle p-2 rounded border border-light">
                <div class="row g-2 align-items-end">
                    <div class="col-md-4">
                        <label for="search" class="form-label fs-13">Search Consultation</label>
                        <input type="text" class="form-control form-control-sm" id="search" name="search" value="{{ request('search') }}" placeholder="Patient name, admission reason...">
                    </div>
                    <div class="col-md-4">
                        <label for="patient_id" class="form-label fs-13">Patient</label>
                        <select class="form-select form-select-sm" id="patient_id" name="patient_id" data-choices onchange="this.form.submit()">
                            <option value="">All Patients</option>
                            @foreach ($patients as $pat)
                                <option value="{{ $pat->id }}" {{ request('patient_id') == $pat->id ? 'selected' : '' }}>
                                    {{ $pat->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="satisfaction" class="form-label fs-13">Patient Satisfaction</label>
                        <select class="form-select form-select-sm" id="satisfaction" name="satisfaction" onchange="this.form.submit()">
                            <option value="">All Levels</option>
                            <option value="5" {{ request('satisfaction') == '5' ? 'selected' : '' }}>5 - Very Satisfied</option>
                            <option value="4" {{ request('satisfaction') == '4' ? 'selected' : '' }}>4 - Satisfied</option>
                            <option value="3" {{ request('satisfaction') == '3' ? 'selected' : '' }}>3 - Neutral</option>
                            <option value="2" {{ request('satisfaction') == '2' ? 'selected' : '' }}>2 - Dissatisfied</option>
                            <option value="1" {{ request('satisfaction') == '1' ? 'selected' : '' }}>1 - Very Dissatisfied</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label for="start_date" class="form-label fs-13">Start Date</label>
                        <input type="date" class="form-control form-control-sm" id="start_date" name="start_date" value="{{ request('start_date') }}" onchange="this.form.submit()">
                    </div>
                    <div class="col-md-6">
                        <label for="end_date" class="form-label fs-13">End Date</label>
                        <input type="date" class="form-control form-control-sm" id="end_date" name="end_date" value="{{ request('end_date') }}" onchange="this.form.submit()">
                    </div>
                    <div class="col-md-12 text-end mt-2">
                        <button type="submit" class="btn btn-sm btn-info px-3">Filter</button>
                        <a href="{{ route('consultations.index') }}" class="btn btn-sm btn-light px-3">Clear</a>
                    </div>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-hover table-centered mb-0">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Patient</th>
                            <th>Family</th>
                            <th>Reason</th>
                            <th>Vitals</th>
                            <th>Follow-up</th>
                            <th class="text-end">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($consultations as $consultation)
                            <tr>
                                <td>
                                    <span class="fw-semibold">{{ $consultation->created_at?->format('Y-m-d') }}</span>
                                    <span class="d-block text-muted fs-12">{{ $consultation->created_at?->format('H:i') }}</span>
                                </td>
                                <td>
                                    <span class="fw-semibold">{{ $consultation->patient?->name ?? 'Unknown patient' }}</span>
                                    <span class="d-block text-muted fs-12">{{ $consultation->patient?->national_id ?? 'No ID recorded' }}</span>
                                </td>
                                <td>{{ $consultation->patient?->family?->name ?? 'N/A' }}</td>
                                <td>{{ $consultation->reason_for_admission ?? 'Routine consultation' }}</td>
                                <td>
                                    @if (! empty($consultation->vitals))
                                        <span class="d-block fs-12">BP: {{ $consultation->vitals['blood_pressure'] ?? 'N/A' }}</span>
                                        <span class="d-block fs-12">Temp: {{ $consultation->vitals['temperature'] ?? 'N/A' }}</span>
                                    @else
                                        <span class="text-muted">Not recorded</span>
                                    @endif
                                </td>
                                <td>{{ str($consultation->follow_up_plan ?? 'Not specified')->headline() }}</td>
                                <td class="text-end">
                                    <a class="btn btn-light btn-sm" href="{{ route('consultations.show', $consultation->id) }}">View</a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td class="text-center text-muted py-4" colspan="7">No consultations have been recorded yet.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="mt-3">
                {{ $consultations->links() }}
            </div>
        </div>
    </div>
@endsection