@extends("layouts.app", ["title" => "Consultation Details"])

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

    <div class="row">
        <div class="col-lg-5">
            <div class="card">
                <div class="card-body">
                    <h4 class="header-title mb-3">Patient & Visit</h4>
                    <table class="table table-bordered mb-0">
                        <tr>
                            <th style="width: 40%">Patient</th>
                            <td>{{ $consultation->patient?->name ?? 'Unknown patient' }}</td>
                        </tr>
                        <tr>
                            <th>Family</th>
                            <td>{{ $consultation->patient?->family?->name ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Assigned Provider</th>
                            <td>{{ $consultation->homeVisit?->doctor?->user?->name ?? 'Unassigned' }}</td>
                        </tr>
                        <tr>
                            <th>Visit Date</th>
                            <td>{{ $consultation->homeVisit?->scheduled_at?->format('Y-m-d H:i') ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Follow-up Plan</th>
                            <td>{{ str($consultation->follow_up_plan ?? 'not specified')->headline() }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <h4 class="header-title mb-3">Vitals</h4>
                    <div class="row g-2">
                        @foreach (['blood_pressure' => 'Blood Pressure', 'pulse' => 'Pulse', 'temperature' => 'Temperature', 'weight' => 'Weight'] as $key => $label)
                            <div class="col-6">
                                <div class="border rounded p-2">
                                    <span class="d-block text-muted fs-12">{{ $label }}</span>
                                    <span class="fw-semibold">{{ $consultation->vitals[$key] ?? 'N/A' }}</span>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-7">
            <div class="card">
                <div class="card-body">
                    <h4 class="header-title mb-3">Clinical History</h4>
                    <div class="mb-3">
                        <h6>Reason for Admission</h6>
                        <p class="text-muted mb-0">{{ $consultation->reason_for_admission ?? 'Not recorded.' }}</p>
                    </div>
                    <div class="mb-3">
                        <h6>History of Current Illness</h6>
                        <p class="text-muted mb-0">{{ $consultation->history_of_current_illness ?? 'Not recorded.' }}</p>
                    </div>
                    <div class="mb-3">
                        <h6>Clinical Notes</h6>
                        <p class="text-muted mb-0">{{ $consultation->clinical_notes ?? 'Not recorded.' }}</p>
                    </div>
                    <div class="mb-0">
                        <h6>Evolution & Treatment</h6>
                        <p class="text-muted mb-0">{{ $consultation->evolution_treatment ?? 'Not recorded.' }}</p>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <h4 class="header-title mb-3">Care Indicators</h4>
                    <div class="row g-2">
                        <div class="col-md-4">
                            <div class="border rounded p-2 h-100">
                                <span class="d-block text-muted fs-12">Chronic Diseases</span>
                                <span>{{ ! empty($consultation->chronic_diseases) ? implode(', ', $consultation->chronic_diseases) : 'None recorded' }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="border rounded p-2 h-100">
                                <span class="d-block text-muted fs-12">Medications</span>
                                <span>{{ ! empty($consultation->medications) ? implode(', ', $consultation->medications) : 'None recorded' }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="border rounded p-2 h-100">
                                <span class="d-block text-muted fs-12">Vaccinations</span>
                                <span>{{ ! empty($consultation->vaccinations) ? implode(', ', $consultation->vaccinations) : 'None recorded' }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Consultation Attachments Card -->
            <div class="card shadow-sm border-0">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h4 class="header-title mb-0">Diagnostic Reports & Support Files</h4>
                        <button type="button" class="btn btn-primary btn-xs" data-bs-toggle="modal" data-bs-target="#uploadConsultationDocModal">
                            <i class="bi bi-plus-circle me-1"></i> Add File
                        </button>
                    </div>

                    <div class="table-responsive">
                        <table class="table table-hover table-centered fs-13 mb-0">
                            <thead>
                                <tr class="table-light">
                                    <th>Document</th>
                                    <th>Description</th>
                                    <th>Uploaded By</th>
                                    <th class="text-end">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($consultation->attachments as $attachment)
                                    <tr>
                                        <td>
                                            <a href="{{ route('attachments.download', $attachment->id) }}" class="font-bold text-primary">
                                                @php
                                                    $ext = pathinfo($attachment->file_name, PATHINFO_EXTENSION);
                                                    $icon = match(strtolower($ext)) {
                                                        'pdf' => 'bi-file-pdf-fill text-danger',
                                                        'jpg', 'jpeg', 'png', 'webp' => 'bi-file-image-fill text-success',
                                                        'doc', 'docx' => 'bi-file-word-fill text-primary',
                                                        'xls', 'xlsx' => 'bi-file-excel-fill text-success',
                                                        default => 'bi-file-earmark-fill text-secondary'
                                                    };
                                                @endphp
                                                <i class="bi {{ $icon }} me-1 fs-15"></i>{{ $attachment->file_name }}
                                            </a>
                                            <br><small class="text-muted">{{ number_format($attachment->file_size / 1024, 1) }} KB</small>
                                        </td>
                                        <td>{{ $attachment->description ?? 'N/A' }}</td>
                                        <td>{{ $attachment->uploader->name }}<br><small class="text-muted">{{ $attachment->created_at->format('Y-m-d H:i') }}</small></td>
                                        <td class="text-end">
                                            <div class="d-flex justify-content-end gap-1">
                                                <a href="{{ route('attachments.download', $attachment->id) }}" class="btn btn-outline-info btn-xs" title="Download"><i class="bi bi-download"></i></a>
                                                <form action="{{ route('attachments.destroy', $attachment->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this document?');" class="d-inline">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-outline-danger btn-xs" title="Delete"><i class="bi bi-trash"></i></button>
                                                </form>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="4" class="text-center text-muted py-3">No diagnostic reports attached.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Upload Consultation Document Modal -->
    <div class="modal fade" id="uploadConsultationDocModal" tabindex="-1" aria-labelledby="uploadConsultationDocModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form action="{{ route('attachments.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="attachable_id" value="{{ $consultation->id }}">
                    <input type="hidden" name="attachable_type" value="consultation">

                    <div class="modal-header">
                        <h5 class="modal-title" id="uploadConsultationDocModalLabel">Attach Consultation Document</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label for="consultationDocFile" class="form-label">Select File</label>
                            <input type="file" class="form-control" id="consultationDocFile" name="file" required>
                            <div class="form-text text-muted">Max file size: 10MB. Allowed types: PDF, Word, Excel, Images, Text.</div>
                        </div>
                        <div class="mb-3">
                            <label for="consultationDocDesc" class="form-label">Description / Notes</label>
                            <input type="text" class="form-control" id="consultationDocDesc" name="description" placeholder="e.g. ECG scan, Lab report, Prescription scan" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary btn-sm">Upload & Attach</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection