@extends('dashboard.doctor.layouts.master')

@section('title', trans('doctor.visits.title'))

@section('toolbar')
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ trans('doctor.visits.title') }} — {{ $booking->patient->name }}</h1>
        </div>
        <a href="{{ route('doctor.patients.show', $booking->patient) }}" class="btn btn-sm fw-bold btn-light-primary">{{ trans('doctor.visits.view_patient') }}</a>
    </div>
@endsection

@section('content')
    @php
        $na = trans('doctor.common.not_available');
        $statusBadge = ['pending' => 'warning', 'confirmed' => 'success', 'completed' => 'info', 'cancelled' => 'danger'][$booking->status] ?? 'secondary';
        $fileIcon = fn ($type, $path) => $type === 'image' || preg_match('/\.(jpe?g|png|webp|gif)$/i', (string) $path) ? 'image' : 'file';
        $patient = $booking->patient;
    @endphp
    <div id="kt_app_content_container" class="app-container container-xxl">

        @if(session('success'))
            <div class="alert alert-success mb-5">{{ session('success') }}</div>
        @endif

        <div class="row g-6">
            {{-- Patient, medical history and files --}}
            <div class="col-xl-4">
                <div class="card mb-6">
                    <div class="card-body text-center pt-9">
                        <div class="symbol symbol-80px symbol-circle mb-4">
                            <span class="symbol-label bg-light-primary text-primary fs-2x fw-bold">{{ mb_substr((string) $patient->name, 0, 1) }}</span>
                        </div>
                        <div class="fs-3 fw-bold text-gray-900">{{ $patient->name }}</div>
                        <div class="text-muted mb-5" dir="ltr">{{ $patient->phone }}</div>
                        <div class="d-flex flex-wrap justify-content-center gap-2">
                            @if ($profile?->date_of_birth)
                                <span class="badge badge-light fs-7">{{ trans('clinic.patients.age', ['age' => \Illuminate\Support\Carbon::parse($profile->date_of_birth)->age]) }}</span>
                            @endif
                            @if ($profile?->gender)
                                <span class="badge badge-light fs-7">{{ trans('clinic.patients.gender_' . $profile->gender) }}</span>
                            @endif
                            @if ($profile?->occupation)
                                <span class="badge badge-light fs-7">{{ $profile->occupation }}</span>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="card mb-6">
                    <div class="card-header"><h3 class="card-title">{{ trans('doctor.patients.medical_history') }}</h3></div>
                    <div class="card-body pt-2">
                        @if (! $profile)
                            <div class="text-muted">{{ $na }}</div>
                        @else
                            @php
                                $conditions = $conditionOptions->filter(fn ($o) => ! empty($profile->medical_history[$o->code] ?? false));
                                $medications = $medicationOptions->filter(fn ($o) => ! empty($profile->medication_history[$o->code] ?? false));
                            @endphp
                            <div class="mb-5">
                                <div class="text-muted fs-7 mb-2">{{ trans('clinic.patient_profile.medical_history') }}</div>
                                @forelse ($conditions as $option)
                                    <span class="badge badge-light-warning me-1 mb-1">{{ $option->name }}</span>
                                @empty
                                    <span class="text-muted fs-7">{{ $na }}</span>
                                @endforelse
                                @if (! empty($profile->medical_history['other'] ?? null))
                                    <div class="fs-7 mt-2">{{ $profile->medical_history['other'] }}</div>
                                @endif
                            </div>
                            <div class="mb-5">
                                <div class="text-muted fs-7 mb-2">{{ trans('clinic.patient_profile.medication_history') }}</div>
                                @forelse ($medications as $option)
                                    <span class="badge badge-light-info me-1 mb-1">{{ $option->name }}</span>
                                @empty
                                    <span class="text-muted fs-7">{{ $na }}</span>
                                @endforelse
                                @foreach (['other', 'notes'] as $key)
                                    @if (! empty($profile->medication_history[$key] ?? null))
                                        <div class="fs-7 mt-2">{{ $profile->medication_history[$key] }}</div>
                                    @endif
                                @endforeach
                            </div>
                            <div class="mb-5">
                                <div class="text-muted fs-7 mb-2">{{ trans('clinic.patient_profile.surgical_history') }}</div>
                                @if (! empty($profile->surgical_history['had_surgery'] ?? false))
                                    <div class="fs-7">{{ $profile->surgical_history['type'] ?? '' }} · {{ $profile->surgical_history['hospital'] ?? '' }} <span dir="ltr">{{ $profile->surgical_history['date'] ?? '' }}</span></div>
                                @else
                                    <span class="text-muted fs-7">{{ $na }}</span>
                                @endif
                            </div>
                            <div>
                                <div class="text-muted fs-7 mb-2">{{ trans('clinic.patient_profile.allergies') }}</div>
                                @if ($profile->allergy_type)
                                    <span class="badge badge-light-danger">{{ trans('clinic.patient_profile.allergy_types.' . $profile->allergy_type) }}</span>
                                    <span class="fs-7">{{ $profile->allergy_substance }}</span>
                                    @if ($profile->allergy_severity)<span class="text-muted fs-7">({{ trans('clinic.patient_profile.severities.' . $profile->allergy_severity) }})</span>@endif
                                    @if ($profile->allergy_notes)<div class="text-muted fs-7 mt-1">{{ $profile->allergy_notes }}</div>@endif
                                @else
                                    <span class="text-muted fs-7">{{ $na }}</span>
                                @endif
                            </div>
                        @endif
                    </div>
                </div>

                <div class="card mb-6">
                    <div class="card-header"><h3 class="card-title">{{ trans('doctor.visits.patient_files') }} <span class="badge badge-light ms-2">{{ $patientFiles->count() }}</span></h3></div>
                    <div class="card-body pt-2">
                        @forelse ($patientFiles as $file)
                            <a href="{{ asset($file->file_path) }}" target="_blank" rel="noopener" class="d-flex align-items-center gap-3 py-2 text-gray-800 text-hover-primary {{ $loop->last ? '' : 'border-bottom border-gray-200' }}">
                                <i class="bi {{ $fileIcon($file->file_type, $file->file_path) === 'image' ? 'bi-file-earmark-image text-primary' : 'bi-file-earmark-text text-gray-600' }} fs-2"></i>
                                <span class="flex-grow-1">
                                    <span class="d-block fw-semibold">{{ $file->label ?: trans('doctor.visits.view_file') }}</span>
                                    <span class="text-muted fs-8">{{ $file->category?->name }} · <span dir="ltr">{{ $file->created_at?->format('Y-m-d') }}</span></span>
                                </span>
                            </a>
                        @empty
                            <div class="text-muted fs-7">{{ $na }}</div>
                        @endforelse
                    </div>
                </div>
            </div>

            {{-- The visit --}}
            <div class="col-xl-8">
                <div class="card mb-6">
                    <div class="card-header">
                        <h3 class="card-title">{{ trans('doctor.visits.booking_details') }} <span class="text-muted fs-7 ms-2">#{{ $booking->id }}</span></h3>
                        <div class="card-toolbar"><span class="badge badge-light-{{ $statusBadge }} fs-7">{{ trans('doctor.schedule.statuses.' . $booking->status) }}</span></div>
                    </div>
                    <div class="card-body pt-2">
                        <div class="row g-5">
                            @foreach ([
                                [trans('doctor.schedule.date'), $booking->scheduled_at->format('Y-m-d h:i A'), 'ltr'],
                                [trans('doctor.schedule.type'), trans('doctor.schedule.types.' . $booking->type), 'auto'],
                                [trans('doctor.schedule.branch'), $booking->branch?->name, 'auto'],
                                [trans('doctor.visits.clinic'), $booking->clinicProfile?->name, 'auto'],
                                [trans('doctor.visits.duration'), $booking->duration_minutes ? trans('doctor.visits.minutes', ['count' => $booking->duration_minutes]) : null, 'auto'],
                                [trans('doctor.visits.price'), number_format((float) $booking->price, 2), 'ltr'],
                                [trans('doctor.visits.payment'), $booking->payment?->status === 'paid' ? trans('doctor.visits.paid_online') : (in_array($booking->status, ['confirmed', 'completed'], true) ? trans('doctor.visits.paid') : trans('doctor.visits.unpaid')), 'auto'],
                                [trans('doctor.visits.my_share'), $booking->doctor_share_amount !== null ? number_format((float) $booking->doctor_share_amount, 2) : null, 'ltr'],
                            ] as [$label, $value, $dir])
                                <div class="col-sm-6 col-md-3">
                                    <div class="text-muted fs-7">{{ $label }}</div>
                                    <div class="fs-6 fw-semibold" dir="{{ $dir }}">{{ $value ?: $na }}</div>
                                </div>
                            @endforeach
                        </div>

                        @if ($booking->status === 'cancelled')
                            <div class="notice bg-light-danger rounded p-4 mt-6">
                                <span class="fw-bold text-danger">{{ trans('doctor.visits.cancelled_on', ['date' => $booking->cancelled_at?->format('Y-m-d H:i')]) }}</span>
                                @if ($booking->cancel_reason)<div class="text-gray-700 mt-1">{{ $booking->cancel_reason }}</div>@endif
                            </div>
                        @endif
                        @if ($booking->rescheduledFrom)
                            <div class="text-muted fs-7 mt-4"><i class="bi bi-arrow-repeat"></i> {{ trans('doctor.visits.rescheduled_from', ['date' => $booking->rescheduledFrom->scheduled_at?->format('Y-m-d H:i')]) }}</div>
                        @endif
                        @if ($booking->followupSource)
                            <div class="text-muted fs-7 mt-2"><i class="bi bi-arrow-return-left"></i> {{ trans('doctor.visits.is_followup_of', ['date' => $booking->followupSource->booking?->scheduled_at?->format('Y-m-d')]) }}</div>
                        @endif
                        @if ($booking->followup)
                            <div class="notice bg-light-warning rounded p-4 mt-4 fs-7">
                                <span class="fw-bold">{{ trans('clinic.followups.title') }}:</span>
                                {{ trans('clinic.followups.statuses.' . $booking->followup->status) }}
                                @if ($booking->followup->due_date) · <span dir="ltr">{{ $booking->followup->due_date->format('Y-m-d') }}</span>@endif
                                @if ($booking->followup->doctor_note)<div class="mt-1">{{ $booking->followup->doctor_note }}</div>@endif
                            </div>
                        @endif
                        @if ($booking->review)
                            <div class="bg-light rounded p-4 mt-4">
                                <div class="fw-bold mb-1">{{ trans('doctor.visits.patient_review') }}
                                    <span class="ms-2 text-warning">@for ($i = 1; $i <= 5; $i++)<i class="bi {{ $i <= (int) $booking->review->doctor_rating ? 'bi-star-fill' : 'bi-star' }}"></i>@endfor</span>
                                </div>
                                @if ($booking->review->doctor_comment)<div class="text-gray-700">{{ $booking->review->doctor_comment }}</div>@endif
                            </div>
                        @endif
                    </div>
                </div>

                <div class="card mb-6">
                    <div class="card-header"><h3 class="card-title">{{ trans('doctor.visits.patient_attachments') }} <span class="badge badge-light ms-2">{{ $booking->attachments->count() }}</span></h3></div>
                    <div class="card-body pt-2">
                        @if ($booking->attachments->isEmpty())
                            <div class="text-muted fs-7">{{ trans('doctor.visits.no_booking_files') }}</div>
                        @else
                            <div class="row g-4">
                                @foreach ($booking->attachments as $attachment)
                                    <div class="col-6 col-md-3">
                                        <a href="{{ asset($attachment->file_path) }}" target="_blank" rel="noopener" class="d-block border rounded overflow-hidden text-center text-gray-700">
                                            @if ($fileIcon($attachment->file_type, $attachment->file_path) === 'image')
                                                <div style="height: 110px; background: url('{{ asset($attachment->file_path) }}') center / cover no-repeat;"></div>
                                            @else
                                                <div class="py-8"><i class="bi bi-file-earmark-text fs-3x text-gray-500"></i></div>
                                            @endif
                                            <div class="fs-7 p-2 text-truncate">{{ $attachment->label ?: trans('doctor.visits.attachment') }}</div>
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>

        @if($booking->medicalRecord)
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ trans('doctor.visits.record_title') }}</h3>
                </div>
                <div class="card-body">
                    <div class="mb-4">
                        <div class="text-muted fs-7">{{ trans('doctor.visits.diagnosis') }}</div>
                        <div class="fs-6">{{ $booking->medicalRecord->diagnosis ?: trans('doctor.common.not_available') }}</div>
                    </div>
                    <div class="mb-4">
                        <div class="text-muted fs-7">{{ trans('doctor.visits.prescription') }}</div>
                        <div class="fs-6">{{ $booking->medicalRecord->prescription ?: trans('doctor.common.not_available') }}</div>
                    </div>
                    <div class="mb-4">
                        <div class="text-muted fs-7">{{ trans('doctor.visits.report') }}</div>
                        <div class="fs-6">{{ $booking->medicalRecord->report ?: trans('doctor.common.not_available') }}</div>
                    </div>
                    @if($booking->medicalRecord->attachment_path)
                        <div class="mb-4">
                            <div class="text-muted fs-7 mb-2">{{ trans('doctor.visits.attachment') }}</div>
                            @if($booking->medicalRecord->attachment_type === 'image')
                                <a href="{{ asset($booking->medicalRecord->attachment_path) }}" target="_blank">
                                    <img src="{{ asset($booking->medicalRecord->attachment_path) }}" class="rounded" style="max-width: 160px;" alt=""/>
                                </a>
                            @else
                                <a href="{{ asset($booking->medicalRecord->attachment_path) }}" target="_blank" class="text-primary">{{ trans('doctor.visits.view_file') }}</a>
                            @endif
                        </div>
                    @endif

                    <div class="text-muted fs-7 mb-5">
                        {{ trans('doctor.visits.published_at') }}: {{ $booking->medicalRecord->published_at?->format('Y-m-d H:i') }}
                        @if($booking->medicalRecord->last_edited_at)
                            — {{ trans('doctor.visits.last_edited_at') }}: {{ $booking->medicalRecord->last_edited_at->format('Y-m-d H:i') }}
                        @endif
                    </div>

                    <a href="{{ route('doctor.visits.edit', $booking->medicalRecord) }}" class="btn btn-primary">{{ trans('doctor.visits.edit_record') }}</a>
                </div>
            </div>
        @else
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ trans('doctor.visits.record_the_visit') }}</h3>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('doctor.visits.store', $booking) }}" enctype="multipart/form-data">
                        @csrf
                        <div class="fv-row mb-5">
                            <label for="diagnosis" class="form-label fw-semibold">{{ trans('doctor.visits.diagnosis') }}</label>
                            <textarea id="diagnosis" name="diagnosis" rows="3" class="form-control">{{ old('diagnosis') }}</textarea>
                        </div>
                        <div class="fv-row mb-5">
                            <label for="prescription" class="form-label fw-semibold">{{ trans('doctor.visits.prescription') }}</label>
                            <textarea id="prescription" name="prescription" rows="3" class="form-control">{{ old('prescription') }}</textarea>
                        </div>
                        <div class="fv-row mb-5">
                            <label for="report" class="form-label fw-semibold">{{ trans('doctor.visits.report') }}</label>
                            <textarea id="report" name="report" rows="3" class="form-control">{{ old('report') }}</textarea>
                        </div>
                        <div class="fv-row mb-5">
                            <label for="attachment" class="form-label fw-semibold">{{ trans('doctor.visits.attachment') }}</label>
                            <input type="file" id="attachment" name="attachment" class="form-control"/>
                        </div>
                        <div class="fv-row mb-5">
                            <label class="form-check form-check-custom form-check-solid">
                                <input type="checkbox" id="needs_followup" name="needs_followup" value="1" class="form-check-input" {{ old('needs_followup') ? 'checked' : '' }}/>
                                <span class="form-check-label">{{ trans('doctor.visits.needs_followup') }}</span>
                            </label>
                        </div>
                        <div class="fv-row mb-5" id="followup_note_field" style="{{ old('needs_followup') ? '' : 'display:none;' }}">
                            <label for="followup_note" class="form-label fw-semibold">{{ trans('doctor.visits.followup_note') }}</label>
                            <textarea id="followup_note" name="followup_note" rows="2" class="form-control">{{ old('followup_note') }}</textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">{{ trans('doctor.visits.save_record') }}</button>
                    </form>
                </div>
            </div>
        @endif

                <div class="card mt-6">
                    <div class="card-header"><h3 class="card-title">{{ trans('doctor.visits.previous_visits') }} <span class="badge badge-light ms-2">{{ $previousVisits->count() }}</span></h3></div>
                    <div class="card-body pt-2">
                        @forelse ($previousVisits as $visit)
                            <div class="d-flex gap-4 py-4 {{ $loop->last ? '' : 'border-bottom border-gray-200' }}">
                                <div class="text-center flex-shrink-0 w-70px">
                                    <div class="fw-bold" dir="ltr">{{ $visit->scheduled_at?->format('d M') }}</div>
                                    <div class="text-muted fs-8">{{ $visit->scheduled_at?->format('Y') }}</div>
                                </div>
                                <div class="flex-grow-1">
                                    <div class="d-flex flex-wrap gap-2 mb-1">
                                        <span class="badge badge-light-info">{{ trans('doctor.schedule.types.' . $visit->type) }}</span>
                                        <span class="badge badge-light">{{ trans('doctor.schedule.statuses.' . $visit->status) }}</span>
                                    </div>
                                    @if ($visit->medicalRecord)
                                        <div class="fs-7"><span class="text-muted">{{ trans('doctor.visits.diagnosis') }}:</span> {{ $visit->medicalRecord->diagnosis ?: $na }}</div>
                                        <div class="fs-7"><span class="text-muted">{{ trans('doctor.visits.prescription') }}:</span> {{ $visit->medicalRecord->prescription ?: $na }}</div>
                                    @endif
                                    @if ($visit->attachments->isNotEmpty())
                                        <div class="text-muted fs-8 mt-1"><i class="bi bi-paperclip"></i> {{ $visit->attachments->count() }}</div>
                                    @endif
                                </div>
                                <a href="{{ route('doctor.visits.show', $visit) }}" class="btn btn-sm btn-light-primary align-self-center">{{ trans('doctor.visits.open') }}</a>
                            </div>
                        @empty
                            <div class="text-muted fs-7">{{ trans('doctor.visits.no_previous_visits') }}</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        document.getElementById('needs_followup')?.addEventListener('change', function () {
            document.getElementById('followup_note_field').style.display = this.checked ? '' : 'none';
        });
    </script>
@endsection