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

@php
    $bookings = $overview['bookings'];
    $stats = $overview['stats'];
    $money = fn ($amount) => number_format((float) $amount, 2);
    $na = trans('clinic.common.not_available');
    $tabs = array_filter([
        'main' => ['bi-person-vcard', trans('clinic.patients.tab_main'), null],
        'medical' => $canViewMedical ? ['bi-heart-pulse', trans('clinic.patient_profile.medical_history'), null] : null,
        'bookings' => ['bi-calendar-check', trans('clinic.doctors.tab_bookings'), $bookings->count()],
        'visits' => $canViewMedical ? ['bi-clipboard2-pulse', trans('clinic.patients.tab_visits'), $overview['visits']->count()] : null,
        'files' => ['bi-folder2-open', trans('clinic.patient_files.title'), $attachments->count()],
        'payments' => ['bi-credit-card', trans('clinic.patients.tab_payments'), $overview['payments']->count()],
        'followups' => ['bi-arrow-repeat', trans('clinic.followups.title'), $overview['followups']->count()],
        'offers' => ['bi-tags', trans('clinic.patients.tab_offers'), $overview['subscriptions']->count()],
        'reviews' => ['bi-star', trans('clinic.patients.tab_reviews'), $overview['reviews']->count()],
    ]);
    $activeTab = $errors->hasAny(['files', 'files.*', 'category_id', 'label']) ? 'files' : 'main';
@endphp

@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('clinic.patients.details') }}</h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted"><a href="{{ route('admin.dashboard.clinic.home') }}" class="text-muted text-hover-primary">{{ trans('Toolbar.home') }}</a></li>
                <li class="breadcrumb-item"><span class="bullet bg-gray-400 w-5px h-2px"></span></li>
                <li class="breadcrumb-item text-muted"><a href="{{ route('admin.dashboard.clinic.patients.index') }}" class="text-muted text-hover-primary">{{ trans('clinic.patients.title') }}</a></li>
                <li class="breadcrumb-item"><span class="bullet bg-gray-400 w-5px h-2px"></span></li>
                <li class="breadcrumb-item text-muted">{{ $patient->name }}</li>
            </ul>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.dashboard.clinic.patients.index') }}" class="btn btn-sm btn-light">{{ trans('clinic.common.back') }}</a>
            @can('clinic.bookings.create')
                <a href="{{ route('admin.dashboard.clinic.bookings.create', ['patient_id' => $patient->id]) }}" class="btn btn-sm btn-primary"><i class="bi bi-calendar-plus"></i>{{ trans('clinic.bookings.add') }}</a>
            @endcan
            @can('clinic.medicine_orders.create')
                <a href="{{ route('admin.dashboard.clinic.medicine-orders.create', ['patient_id' => $patient->id]) }}" class="btn btn-sm btn-light-info"><i class="bi bi-capsule"></i>{{ trans('clinic.medicine_orders.add') }}</a>
            @endcan
            @can('clinic.patients.edit')
                <a href="{{ route('admin.dashboard.clinic.patients.edit', $patient) }}" class="btn btn-sm btn-warning"><i class="bi bi-pencil"></i>{{ trans('core.common.edit') }}</a>
            @endcan
        </div>
    </div>
@endsection

@section('content')
    <div id="kt_app_content_container" class="app-container container-xxl">

        {{-- Header --}}
        <div class="card mb-6">
            <div class="card-body pt-9 pb-0">
                <div class="d-flex flex-wrap flex-sm-nowrap gap-7">
                    <div class="symbol symbol-100px symbol-circle">
                        <span class="symbol-label bg-light-primary text-primary fs-2hx fw-bold">{{ mb_substr((string) $patient->name, 0, 1) }}</span>
                    </div>
                    <div class="flex-grow-1">
                        <div class="text-gray-900 fs-2 fw-bold mb-2">{{ $patient->name }}</div>
                        <div class="d-flex flex-wrap gap-5 fw-semibold fs-6 text-gray-500 mb-5">
                            <span dir="ltr"><i class="bi bi-telephone me-1"></i>{{ $patient->phone ?: $na }}</span>
                            <span><i class="bi bi-envelope me-1"></i>{{ $patient->email ?: $na }}</span>
                            @if ($profile?->date_of_birth)
                                <span><i class="bi bi-cake2 me-1"></i>{{ trans('clinic.patients.age', ['age' => \Illuminate\Support\Carbon::parse($profile->date_of_birth)->age]) }}</span>
                            @endif
                        </div>
                        <div class="d-flex flex-wrap gap-4 mb-6">
                            @foreach (array_filter([
                                ['bi-calendar-check', 'primary', $stats['total'], trans('clinic.patients.stat_bookings')],
                                ['bi-check2-circle', 'success', $stats['completed'], trans('clinic.patients.stat_completed')],
                                ['bi-hourglass-split', 'warning', $stats['upcoming'], trans('clinic.patients.stat_upcoming')],
                                ['bi-x-circle', 'danger', $stats['cancelled'], trans('clinic.patients.stat_cancelled')],
                                auth('admin')->user()->can('clinic.reports.view') ? ['bi-cash-coin', 'info', $money($stats['spent']), trans('clinic.patients.stat_spent')] : null,
                            ]) as [$icon, $color, $value, $label])
                                <div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4">
                                    <div class="d-flex align-items-center"><i class="bi {{ $icon }} fs-3 text-{{ $color }} me-2"></i><div class="fs-2 fw-bold" dir="ltr">{{ $value }}</div></div>
                                    <div class="fw-semibold fs-7 text-gray-500">{{ $label }}</div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

                <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-6 fw-bold flex-nowrap overflow-auto" role="tablist">
                    @foreach ($tabs as $key => [$icon, $label, $count])
                        <li class="nav-item">
                            <a class="nav-link text-active-primary py-5 me-5 text-nowrap {{ $activeTab === $key ? 'active' : '' }}" data-bs-toggle="tab" href="#patient_{{ $key }}">
                                <i class="bi {{ $icon }} me-1"></i>{{ $label }}
                                @if ($count !== null)<span class="badge badge-light ms-1">{{ $count }}</span>@endif
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>

        <div class="tab-content">
            {{-- Main data --}}
            <div class="tab-pane fade {{ $activeTab === 'main' ? 'show active' : '' }}" id="patient_main">
                <div class="card card-flush">
                    <div class="card-body">
                        <div class="row g-5">
                            @foreach ([
                                [trans('clinic.patients.phone'), $patient->phone, 'ltr'],
                                [trans('clinic.patients.email'), $patient->email, 'ltr'],
                                [trans('clinic.patients.address'), $patient->address, 'auto'],
                                [trans('clinic.patients.date_of_birth'), $profile?->date_of_birth ? \Illuminate\Support\Carbon::parse($profile->date_of_birth)->format('Y-m-d') : null, 'ltr'],
                                [trans('clinic.patients.gender'), $profile?->gender ? trans('clinic.patients.gender_' . $profile->gender) : null, 'auto'],
                                [trans('clinic.patients.occupation'), $profile?->occupation, 'auto'],
                                [trans('clinic.patients.registered'), $patient->created_at?->format('Y-m-d'), 'ltr'],
                                [trans('clinic.patients.last_visit'), $stats['last_visit']?->format('Y-m-d'), 'ltr'],
                            ] as [$label, $value, $dir])
                                <div class="col-md-6 col-xl-3">
                                    <div class="bg-light rounded p-4 h-100">
                                        <div class="text-muted fs-7 mb-1">{{ $label }}</div>
                                        <div class="fw-bold text-gray-800" dir="{{ $dir }}">{{ $value ?: $na }}</div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>

            {{-- Medical history --}}
            @if ($canViewMedical)
                <div class="tab-pane fade" id="patient_medical">
                    <div class="card card-flush">
                        <div class="card-body">
                            @if (! $profile)
                                <div class="text-center text-muted py-8">{{ trans('clinic.patients.no_medical_profile') }}</div>
                            @else
                                <div class="row g-7">
                                    <div class="col-md-6">
                                        <h4 class="fs-5 mb-4">{{ trans('clinic.patient_profile.medical_history') }}</h4>
                                        @php($conditions = $conditionOptions->filter(fn ($option) => ! empty($profile->medical_history[$option->code] ?? false)))
                                        @forelse ($conditions as $option)
                                            <span class="badge badge-light-warning fs-7 me-2 mb-2">{{ $option->name }}</span>
                                        @empty
                                            <span class="text-muted">{{ $na }}</span>
                                        @endforelse
                                        @if (! empty($profile->medical_history['other'] ?? null))
                                            <p class="mt-3 mb-0"><strong>{{ trans('clinic.patient_profile.other') }}:</strong> {{ $profile->medical_history['other'] }}</p>
                                        @endif
                                    </div>
                                    <div class="col-md-6">
                                        <h4 class="fs-5 mb-4">{{ trans('clinic.patient_profile.medication_history') }}</h4>
                                        @php($medications = $medicationOptions->filter(fn ($option) => ! empty($profile->medication_history[$option->code] ?? false)))
                                        @forelse ($medications as $option)
                                            <span class="badge badge-light-info fs-7 me-2 mb-2">{{ $option->name }}</span>
                                        @empty
                                            <span class="text-muted">{{ $na }}</span>
                                        @endforelse
                                        @foreach (['other', 'notes'] as $key)
                                            @if (! empty($profile->medication_history[$key] ?? null))
                                                <p class="mt-3 mb-0"><strong>{{ trans('clinic.patient_profile.' . $key) }}:</strong> {{ $profile->medication_history[$key] }}</p>
                                            @endif
                                        @endforeach
                                    </div>
                                    <div class="col-md-6">
                                        <h4 class="fs-5 mb-4">{{ trans('clinic.patient_profile.surgical_history') }}</h4>
                                        @if (! empty($profile->surgical_history['had_surgery'] ?? false))
                                            <div>{{ $profile->surgical_history['type'] ?? '' }}</div>
                                            <div class="text-muted fs-7">{{ $profile->surgical_history['hospital'] ?? '' }} · <span dir="ltr">{{ $profile->surgical_history['date'] ?? '' }}</span></div>
                                        @else
                                            <span class="text-muted">{{ $na }}</span>
                                        @endif
                                    </div>
                                    <div class="col-md-6">
                                        <h4 class="fs-5 mb-4">{{ trans('clinic.patient_profile.allergies') }}</h4>
                                        @if ($profile->allergy_type)
                                            <span class="badge badge-light-danger fs-7">{{ trans('clinic.patient_profile.allergy_types.' . $profile->allergy_type) }}</span>
                                            <span class="ms-2">{{ $profile->allergy_substance }}</span>
                                            @if ($profile->allergy_severity)
                                                <span class="text-muted">({{ trans('clinic.patient_profile.severities.' . $profile->allergy_severity) }})</span>
                                            @endif
                                            @if ($profile->allergy_notes)<div class="text-muted fs-7 mt-2">{{ $profile->allergy_notes }}</div>@endif
                                        @else
                                            <span class="text-muted">{{ $na }}</span>
                                        @endif
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            @endif

            {{-- Bookings --}}
            <div class="tab-pane fade" id="patient_bookings">
                <div class="card card-flush">
                    <div class="card-body">
                        <table class="table align-middle table-row-dashed fs-6 gy-4 w-100" id="patientBookingsTable">
                            <thead>
                            <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                <th>{{ trans('clinic.bookings.date') }}</th>
                                <th>{{ trans('clinic.doctors.title') }}</th>
                                <th>{{ trans('clinic.clinics.title') }}</th>
                                <th>{{ trans('clinic.bookings.type') }}</th>
                                <th>{{ trans('clinic.doctors.price') }}</th>
                                <th>{{ trans('clinic.bookings.status') }}</th>
                                <th class="text-end"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($bookings as $booking)
                                <tr>
                                    <td data-order="{{ $booking->scheduled_at?->timestamp }}"><div class="fw-bold" dir="ltr">{{ $booking->scheduled_at?->format('Y-m-d') }}</div><div class="text-muted fs-7" dir="ltr">{{ $booking->scheduled_at?->format('h:i A') }}</div></td>
                                    <td><div class="fw-bold text-gray-800">{{ $booking->doctor?->name }}</div><div class="text-muted fs-7">{{ $booking->doctor?->specialty?->name }}</div></td>
                                    <td>{{ $booking->clinicProfile?->name ?? $booking->branch?->name }}</td>
                                    <td><span class="badge badge-light-info">{{ trans('clinic.bookings.' . $booking->type) }}</span></td>
                                    <td>{{ $money($booking->price) }}</td>
                                    <td><span class="badge badge-light-{{ \App\Models\Clinic\Booking::STATUS_COLORS[$booking->status] ?? 'secondary' }}">{{ trans('clinic.bookings.statuses.' . $booking->status) }}</span></td>
                                    <td class="text-end"><a href="{{ route('admin.dashboard.clinic.bookings.show', $booking->id) }}" class="btn btn-sm btn-icon btn-light-primary"><i class="bi bi-eye fs-5"></i></a></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            {{-- Visits and medical records --}}
            @if ($canViewMedical)
                <div class="tab-pane fade" id="patient_visits">
                    @forelse ($overview['visits'] as $booking)
                        <div class="card card-flush mb-5">
                            <div class="card-header">
                                <div class="card-title d-flex flex-column">
                                    <span class="fs-5 fw-bold">{{ $booking->doctor?->name }} <span class="text-muted fs-7 fw-normal">· {{ $booking->doctor?->specialty?->name }}</span></span>
                                    <span class="text-muted fs-7" dir="ltr">{{ $booking->scheduled_at?->format('Y-m-d h:i A') }}</span>
                                </div>
                                <div class="card-toolbar"><span class="badge badge-light-info">{{ trans('clinic.bookings.' . $booking->type) }}</span></div>
                            </div>
                            <div class="card-body pt-0">
                                <div class="row g-5">
                                    @foreach (['diagnosis', 'prescription', 'report'] as $field)
                                        <div class="col-md-4">
                                            <div class="text-muted fs-7 mb-1">{{ trans('clinic.medical_records.' . $field) }}</div>
                                            <div class="text-gray-800">{!! nl2br(e($booking->medicalRecord->{$field} ?: $na)) !!}</div>
                                        </div>
                                    @endforeach
                                </div>
                                @if ($booking->medicalRecord->attachment_path || $booking->attachments->isNotEmpty())
                                    <div class="d-flex flex-wrap gap-2 mt-5">
                                        @if ($booking->medicalRecord->attachment_path)
                                            <a href="{{ asset($booking->medicalRecord->attachment_path) }}" target="_blank" class="btn btn-sm btn-light-primary"><i class="bi bi-paperclip"></i>{{ trans('doctor.visits.view_file') }}</a>
                                        @endif
                                        @foreach ($booking->attachments as $bookingAttachment)
                                            <a href="{{ asset($bookingAttachment->file_path) }}" target="_blank" class="btn btn-sm btn-light"><i class="bi bi-file-earmark"></i>{{ $bookingAttachment->label ?: trans('clinic.patient_files.view_file') }}</a>
                                        @endforeach
                                    </div>
                                @endif
                            </div>
                        </div>
                    @empty
                        <div class="card card-flush"><div class="card-body text-center text-muted py-10">{{ trans('clinic.patients.no_visits') }}</div></div>
                    @endforelse
                </div>
            @endif

            {{-- Files --}}
            <div class="tab-pane fade {{ $activeTab === 'files' ? 'show active' : '' }}" id="patient_files">
                <div class="card card-flush">
                    <div class="card-body">
                        @can('clinic.patient_attachments.manage')
                            <form method="POST" action="{{ route('admin.dashboard.clinic.patients.attachments.store', $patient) }}" enctype="multipart/form-data" class="row g-3 align-items-end mb-8">
                                @csrf
                                <div class="col-md-3">
                                    <label class="form-label">{{ trans('clinic.patient_files.category') }}</label>
                                    <select name="category_id" class="form-select">
                                        <option value="">—</option>
                                        @foreach ($attachmentCategories as $category)
                                            <option value="{{ $category->id }}" @selected(old('category_id') == $category->id)>{{ $category->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">{{ trans('clinic.patient_files.label') }}</label>
                                    <input type="text" name="label" class="form-control" placeholder="{{ trans('clinic.patient_files.label_placeholder') }}" value="{{ old('label') }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">{{ trans('clinic.patient_files.file') }}</label>
                                    <input type="file" name="files[]" class="form-control" multiple required>
                                </div>
                                <div class="col-md-2">
                                    <button type="submit" class="btn btn-primary w-100"><i class="bi bi-upload"></i>{{ trans('clinic.patient_files.upload') }}</button>
                                </div>
                                @foreach (['category_id', 'label', 'files', 'files.*'] as $field)
                                    @error($field)<div class="text-danger fs-7">{{ $message }}</div>@enderror
                                @endforeach
                            </form>
                        @endcan

                        @if ($attachments->isEmpty())
                            <div class="text-center text-muted py-8"><i class="bi bi-folder2-open fs-3x d-block mb-3"></i>{{ trans('clinic.patient_files.none') }}</div>
                        @else
                            <div class="row g-5">
                                @foreach ($attachments as $attachment)
                                    <div class="col-md-6 col-xl-4">
                                        <div class="border rounded p-4 d-flex align-items-center gap-4 h-100">
                                            <i class="bi {{ str_contains((string) $attachment->file_type, 'pdf') ? 'bi-file-earmark-pdf text-danger' : (str_starts_with((string) $attachment->file_type, 'image') ? 'bi-file-earmark-image text-primary' : 'bi-file-earmark text-gray-600') }} fs-2x"></i>
                                            <div class="flex-grow-1 min-w-0">
                                                <a href="{{ asset($attachment->file_path) }}" target="_blank" class="fw-bold text-gray-800 text-hover-primary d-block text-truncate">{{ $attachment->label ?: trans('clinic.patient_files.view_file') }}</a>
                                                <div class="text-muted fs-7">{{ $attachment->category->name ?? $na }} · {{ $attachment->uploadedBy->name ?? $na }} · <span dir="ltr">{{ $attachment->created_at?->format('Y-m-d') }}</span></div>
                                            </div>
                                            @can('clinic.patient_attachments.manage')
                                                <form method="POST" action="{{ route('admin.dashboard.clinic.patients.attachments.destroy', $attachment) }}" data-confirm-form="{{ trans('clinic.patient_files.confirm_delete') }}">
                                                    @csrf @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-icon btn-light-danger" title="{{ trans('clinic.patient_files.delete') }}"><i class="bi bi-trash"></i></button>
                                                </form>
                                            @endcan
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Payments --}}
            <div class="tab-pane fade" id="patient_payments">
                <div class="card card-flush">
                    <div class="card-body">
                        @if ($overview['payments']->isEmpty())
                            <div class="text-center text-muted py-8">{{ trans('clinic.patients.no_payments') }}</div>
                        @else
                            <div class="table-responsive">
                                <table class="table align-middle table-row-dashed fs-6 gy-4">
                                    <thead>
                                    <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                        <th>{{ trans('clinic.patients.payment_date') }}</th>
                                        <th>{{ trans('clinic.doctors.title') }}</th>
                                        <th>{{ trans('clinic.patients.payment_method') }}</th>
                                        <th>{{ trans('clinic.patients.payment_amount') }}</th>
                                        <th>{{ trans('clinic.bookings.status') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach ($overview['payments'] as $payment)
                                        <tr>
                                            <td dir="ltr">{{ ($payment->paid_at ?? $payment->created_at)?->format('Y-m-d H:i') }}</td>
                                            <td>{{ $payment->booking?->doctor?->name ?? $na }}</td>
                                            <td>{{ $payment->gateway_code ?: ($payment->method ?: $na) }}</td>
                                            <td class="fw-bold">{{ $money($payment->amount) }} <span class="text-muted fs-7">{{ $payment->currency }}</span></td>
                                            <td><span class="badge badge-light-{{ $payment->status === 'paid' ? 'success' : ($payment->status === 'failed' ? 'danger' : 'warning') }}">{{ trans()->has('clinic.patients.payment_statuses.' . $payment->status) ? trans('clinic.patients.payment_statuses.' . $payment->status) : $payment->status }}</span></td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Follow-ups --}}
            <div class="tab-pane fade" id="patient_followups">
                <div class="card card-flush">
                    <div class="card-body">
                        @forelse ($overview['followups'] as $followup)
                            <div class="d-flex flex-wrap align-items-center gap-4 py-4 {{ $loop->last ? '' : 'border-bottom border-gray-200' }}">
                                <i class="bi bi-arrow-repeat fs-2 text-primary"></i>
                                <div class="flex-grow-1">
                                    <div class="fw-bold">{{ $followup->doctor?->name }} <span class="text-muted fw-normal">· {{ $followup->clinicProfile?->name }}</span></div>
                                    <div class="text-muted fs-7">{{ trans('clinic.followups.due_date') }}: <span dir="ltr">{{ $followup->due_date ? \Illuminate\Support\Carbon::parse($followup->due_date)->format('Y-m-d') : trans('clinic.followups.no_due_date') }}</span></div>
                                    @if ($followup->doctor_note)<div class="text-gray-700 fs-7 mt-1">{{ $followup->doctor_note }}</div>@endif
                                </div>
                                <span class="badge badge-light-{{ ['pending' => 'warning', 'scheduled' => 'success', 'cancelled' => 'danger'][$followup->status] ?? 'secondary' }}">{{ trans('clinic.followups.statuses.' . $followup->status) }}</span>
                            </div>
                        @empty
                            <div class="text-center text-muted py-8">{{ trans('clinic.followups.empty') }}</div>
                        @endforelse
                    </div>
                </div>
            </div>

            {{-- Offer subscriptions --}}
            <div class="tab-pane fade" id="patient_offers">
                <div class="card card-flush">
                    <div class="card-body">
                        <div class="text-muted fs-7 mb-5"><i class="bi bi-info-circle"></i> {{ trans('clinic.patients.offers_matched_by_phone') }}</div>
                        @forelse ($overview['subscriptions'] as $subscription)
                            <div class="d-flex flex-wrap align-items-center gap-4 py-4 {{ $loop->last ? '' : 'border-bottom border-gray-200' }}">
                                <i class="bi bi-tags fs-2 text-warning"></i>
                                <div class="flex-grow-1">
                                    <div class="fw-bold">{{ $subscription->offerLabel() ?? $na }}</div>
                                    <div class="text-muted fs-7" dir="ltr">{{ $subscription->created_at?->format('Y-m-d H:i') }}</div>
                                    @if ($subscription->message)<div class="text-gray-700 fs-7 mt-1">{{ $subscription->message }}</div>@endif
                                </div>
                                <span class="badge badge-light-{{ $subscription->isContacted() ? 'success' : 'warning' }}">{{ trans($subscription->isContacted() ? 'dash_site.offer_sub_contacted' : 'dash_site.offer_sub_new') }}</span>
                            </div>
                        @empty
                            <div class="text-center text-muted py-8">{{ trans('clinic.patients.no_offers') }}</div>
                        @endforelse
                    </div>
                </div>
            </div>

            {{-- Reviews --}}
            <div class="tab-pane fade" id="patient_reviews">
                <div class="card card-flush">
                    <div class="card-body">
                        @forelse ($overview['reviews'] as $review)
                            <div class="py-4 {{ $loop->last ? '' : 'border-bottom border-gray-200' }}">
                                <div class="d-flex justify-content-between flex-wrap">
                                    <span class="fw-bold">{{ $review->booking?->doctor?->name }}</span>
                                    <span class="text-muted fs-7" dir="ltr">{{ $review->created_at?->format('Y-m-d') }}</span>
                                </div>
                                @if ($review->doctor_rating)
                                    <div class="mt-1"><span class="text-muted fs-7 me-2">{{ trans('clinic.patients.doctor_rating') }}</span>@include('dashboard.admin.Site.feedback.partials.stars', ['rating' => (int) $review->doctor_rating])</div>
                                    @if ($review->doctor_comment)<p class="text-gray-700 mb-1">{{ $review->doctor_comment }}</p>@endif
                                @endif
                                @if ($review->clinic_rating)
                                    <div class="mt-1"><span class="text-muted fs-7 me-2">{{ trans('clinic.patients.clinic_rating') }}</span>@include('dashboard.admin.Site.feedback.partials.stars', ['rating' => (int) $review->clinic_rating])</div>
                                    @if ($review->clinic_comment)<p class="text-gray-700 mb-0">{{ $review->clinic_comment }}</p>@endif
                                @endif
                            </div>
                        @empty
                            <div class="text-center text-muted py-8">{{ trans('clinic.patients.no_reviews') }}</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(function () {
            var bookingsTable = null;
            $('a[href="#patient_bookings"]').on('shown.bs.tab', function () {
                if (bookingsTable) { return; }
                bookingsTable = $('#patientBookingsTable').DataTable({
                    order: [[0, 'desc']],
                    pageLength: 10,
                    columnDefs: [{orderable: false, targets: [6]}],
                    dom: "<'row mb-3'<'col-sm-12 d-flex justify-content-end'f>><'table-responsive'tr><'row align-items-center mt-5'<'col-sm-12 col-md-5 d-flex align-items-center gap-3'li><'col-sm-12 col-md-7 d-flex justify-content-end'p>>",
                    language: {lengthMenu: '_MENU_', search: '', searchPlaceholder: @json(trans('dash_site.search'))}
                });
            });

            $('[data-confirm-form]').on('submit', function (event) {
                var form = this;
                if (form.dataset.confirmed) { return; }
                event.preventDefault();
                Swal.fire({
                    text: form.dataset.confirmForm, icon: 'warning', showCancelButton: true, buttonsStyling: false,
                    confirmButtonText: @json(trans('forms.delete_btn')), cancelButtonText: @json(trans('dash_site.Cancel')),
                    customClass: {confirmButton: 'btn btn-danger', cancelButton: 'btn btn-light'}
                }).then(function (result) {
                    if (result.isConfirmed) { form.dataset.confirmed = '1'; form.submit(); }
                });
            });
        });
    </script>
@endsection