@if(auth()->check() && auth()->user()->role === 'medicalCouncil')
    <div class="space-y-6">
        <div class="flex flex-wrap items-start justify-between gap-4">
            <div>
                <div class="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
                    {{ $recipient->first_name }} {{ $recipient->second_name }} {{ $recipient->third_name }} {{ $recipient->last_name }}
                </div>
                <div class="mt-1 text-sm text-neutral-600 dark:text-neutral-300">
                    {{ $recipient->city }} - {{ $recipient->district }}
                </div>
                <div class="mt-2 flex flex-wrap gap-2 text-xs text-neutral-700 dark:text-neutral-200">
                    <span class="rounded-full bg-neutral-100 px-3 py-1 dark:bg-neutral-800">{{ __('Recipient ID') }}: {{ $recipient->id }}</span>
                    @php
                        $age = null;
                        try {
                            $age = $recipient->birth_date ? \Carbon\Carbon::parse($recipient->birth_date)->age : null;
                        } catch (Throwable $e) {
                            $age = null;
                        }
                    @endphp
                    <span class="rounded-full bg-neutral-100 px-3 py-1 dark:bg-neutral-800">{{ __('Age') }}: {{ $age ?? '—' }}</span>
                    <span class="rounded-full bg-neutral-100 px-3 py-1 capitalize dark:bg-neutral-800">{{ __('Status') }}: {{ $recipient->status }}</span>
                </div>
            </div>

            <div class="flex flex-col items-end gap-2">
                <a href="{{ route('medicalCouncil.chronicDrugPlan.edit', $recipient) }}"
                   class="rounded-sm bg-blue-600 px-3 py-2 text-xs font-semibold text-white hover:bg-blue-700">
                    {{ __('Chronic Drug Plan') }}
                </a>
            </div>
        </div>

        <div class="grid gap-4 md:grid-cols-2">
            <div class="rounded-sm border border-neutral-200 p-4 dark:border-neutral-700 md:col-span-2">
                <div class="mb-3 text-sm font-semibold text-neutral-900 dark:text-neutral-100">{{ __('Medical Description') }}</div>
                <div class="whitespace-pre-wrap text-sm text-neutral-700 dark:text-neutral-200">
                    {{ $recipient->description ?: '—' }}
                </div>
            </div>

            <div class="rounded-sm border border-neutral-200 p-4 dark:border-neutral-700 md:col-span-2">
                <div class="mb-3 text-sm font-semibold text-neutral-900 dark:text-neutral-100">{{ __('Fund & Appointment') }}</div>
                <div class="space-y-2 text-sm text-neutral-700 dark:text-neutral-200">
                    @forelse($recipient->fundRegistrations as $fund)
                        <div class="rounded-sm border border-neutral-200 p-3 dark:border-neutral-700">
                            <div class="flex flex-wrap items-start justify-between gap-3">
                                <div>
                                    <div class="font-medium">{{ __('Type') }}: {{ ucfirst($fund->fund_type) }}</div>
                                    <div class="text-neutral-600 dark:text-neutral-300">{{ __('Application Date') }}: {{ $fund->application_date ?? $fund->created_at }}</div>

                                    @if($fund->medical_council_appointment_at)
                                        <div class="mt-2 text-neutral-600 dark:text-neutral-300">
                                            <div><span class="font-medium">{{ __('Appointment') }}:</span> {{ $fund->medical_council_appointment_at->format('Y-m-d H:i') }}</div>
                                            <div><span class="font-medium">{{ __('Location') }}:</span> {{ $fund->medical_council_appointment_location ?: '—' }}</div>
                                        </div>
                                    @endif

                                    @if($fund->initial_review_notes)
                                        <div class="mt-2 text-neutral-600 dark:text-neutral-300">
                                            <div><span class="font-medium">{{ __('Initial Review Notes') }}:</span></div>
                                            <div class="whitespace-pre-wrap">{{ $fund->initial_review_notes }}</div>
                                        </div>
                                    @endif
                                </div>

                                <div class="flex items-center gap-2">
                                    <div class="shrink-0 rounded-full bg-neutral-100 px-3 py-1 text-xs font-semibold capitalize dark:bg-neutral-800">{{ $fund->fstatus }}</div>
                                </div>
                            </div>
                        </div>
                    @empty
                        <div class="text-neutral-500">{{ __('No Fund Registrations') }}</div>
                    @endforelse
                </div>
            </div>

            <div class="rounded-sm border border-neutral-200 p-4 dark:border-neutral-700 md:col-span-2">
                <div class="mb-3 flex items-center justify-between">
                    <div class="text-sm font-semibold text-neutral-900 dark:text-neutral-100">{{ __('Documents') }}</div>
                    <div class="text-xs text-neutral-500 dark:text-neutral-400">{{ __('Click to open') }}</div>
                </div>

                <div class="grid gap-3 sm:grid-cols-2 md:grid-cols-3">
                    @forelse($recipient->documents as $doc)
                        @php
                            $docPath = $doc->document ? asset('storage/' . $doc->document) : null;
                            $docExt = $doc->document ? strtolower(pathinfo($doc->document, PATHINFO_EXTENSION)) : null;
                            $isPdf = $docExt === 'pdf';
                        @endphp
                        <a
                            href="{{ $docPath ?? '#' }}"
                            target="_blank"
                            rel="noopener"
                            class="group block overflow-hidden rounded-sm border border-neutral-200 bg-white dark:border-neutral-700 dark:bg-zinc-900"
                        >
                            @if($docPath)
                                @if($isPdf)
                                    <div class="flex h-36 w-full items-center justify-center bg-neutral-50 text-sm font-medium text-neutral-700 dark:bg-neutral-800 dark:text-neutral-200">
                                        PDF
                                    </div>
                                @else
                                    <img
                                        class="h-36 w-full object-cover transition-transform duration-200 group-hover:scale-[1.02]"
                                        src="{{ $docPath }}"
                                        alt="Document"
                                        loading="lazy"
                                    />
                                @endif
                            @else
                                <div class="flex h-36 items-center justify-center text-sm text-neutral-500 dark:text-neutral-400">—</div>
                            @endif
                            <div class="px-3 py-2 text-xs text-neutral-600 dark:text-neutral-300">
                                {{ __('Document') }}
                            </div>
                        </a>
                    @empty
                        <div class="text-sm text-neutral-500 dark:text-neutral-400 md:col-span-3">{{ __('No documents') }}</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
@else
<div class="space-y-6">
    <div class="flex flex-wrap items-start justify-between gap-4">
        <div>
            <div class="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
                {{ $recipient->first_name }} {{ $recipient->second_name }} {{ $recipient->third_name }} {{ $recipient->last_name }}
            </div>
            <div class="mt-1 text-sm text-neutral-600 dark:text-neutral-300">
                {{ $recipient->city }} - {{ $recipient->district }}
            </div>
            <div class="mt-2 flex flex-wrap gap-2 text-xs text-neutral-700 dark:text-neutral-200">
                <span class="rounded-full bg-neutral-100 px-3 py-1 dark:bg-neutral-800">ID: {{ $recipient->id }}</span>
                <span class="rounded-full bg-neutral-100 px-3 py-1 dark:bg-neutral-800">{{ __('Birth Date') }}: {{ $recipient->birth_date }}</span>
                <span class="rounded-full bg-neutral-100 px-3 py-1 capitalize dark:bg-neutral-800">{{ __('Status') }}: {{ $recipient->status }}</span>
            </div>
        </div>

        @if(auth()->check() && auth()->user()->role === 'medicalCouncil')
            <div class="flex flex-col items-end gap-2">
                <a href="{{ route('medicalCouncil.chronicDrugPlan.edit', $recipient) }}"
                   class="rounded-sm bg-blue-600 px-3 py-2 text-xs font-semibold text-white hover:bg-blue-700">
                    {{ __('Chronic Drug Plan') }}
                </a>
            </div>
        @endif
    </div>

    <div class="grid gap-4 md:grid-cols-2">
        <div class="rounded-sm border border-neutral-200 p-4 dark:border-neutral-700">
            <div class="mb-3 text-sm font-semibold text-neutral-900 dark:text-neutral-100">Medical Description</div>
            <div class="whitespace-pre-wrap text-sm text-neutral-700 dark:text-neutral-200">
                {{ $recipient->description ?: '—' }}
            </div>
        </div>

        <div class="rounded-sm border border-neutral-200 p-4 dark:border-neutral-700">
            <div class="mb-3 text-sm font-semibold text-neutral-900 dark:text-neutral-100">Phones</div>
            <div class="space-y-1 text-sm text-neutral-700 dark:text-neutral-200">
                @forelse($recipient->phoneNumbers as $phone)
                    <div>{{ $phone->phone_number }}</div>
                @empty
                    <div class="text-neutral-500">No phones</div>
                @endforelse
            </div>
        </div>

        <div class="rounded-sm border border-neutral-200 p-4 dark:border-neutral-700 md:col-span-2">
            <div class="mb-3 text-sm font-semibold text-neutral-900 dark:text-neutral-100">Fund Registrations</div>
            <div class="space-y-2 text-sm text-neutral-700 dark:text-neutral-200">
                @forelse($recipient->fundRegistrations as $fund)
                    <div class="rounded-sm border border-neutral-200 p-3 dark:border-neutral-700">
                        <div class="flex flex-wrap items-start justify-between gap-3">
                            <div>
                                <div class="font-medium">Type: {{ ucfirst($fund->fund_type) }}</div>
                                <div class="text-neutral-600 dark:text-neutral-300">Date: {{ $fund->application_date ?? $fund->created_at }}</div>

                                @if($fund->medical_council_appointment_at)
                                    <div class="mt-2 text-neutral-600 dark:text-neutral-300">
                                        <div><span class="font-medium">Medical council appointment:</span> {{ $fund->medical_council_appointment_at->format('Y-m-d H:i') }}</div>
                                        @if($fund->medical_council_appointment_location)
                                            <div><span class="font-medium">Location:</span> {{ $fund->medical_council_appointment_location }}</div>
                                        @endif
                                    </div>
                                @endif

                                @if($fund->fstatus === 'rejected' && $fund->rejection_reason)
                                    <div class="mt-2 text-red-700 dark:text-red-300">
                                        <div><span class="font-medium">Rejection reason:</span> {{ $fund->rejection_reason }}</div>
                                    </div>
                                @endif

                                @if($fund->initial_reviewed_at)
                                    <div class="mt-2 text-neutral-600 dark:text-neutral-300">
                                        <div><span class="font-medium">Initial reviewed at:</span> {{ $fund->initial_reviewed_at->format('Y-m-d H:i') }}</div>
                                    </div>
                                @endif
                            </div>

                            <div class="flex items-center gap-2">
                                <div class="shrink-0 rounded-full bg-neutral-100 px-3 py-1 text-xs font-semibold capitalize dark:bg-neutral-800">{{ $fund->fstatus }}</div>
                                @if(auth()->check() && in_array(auth()->user()->role, ['admin', 'superadmin'], true) && !(($context ?? null) === 'chronic' && ($fund->fund_type ?? null) === 'urgent'))
                                    <a
                                        href="{{ route('recipients.fundRegistrations.decision', [$recipient, $fund]) }}"
                                        data-fund-decision-url="{{ route('recipients.fundRegistrations.decision', [$recipient, $fund]) }}"
                                        class="js-open-fund-decision rounded-sm border border-neutral-200 px-3 py-1 text-xs font-semibold text-neutral-700 hover:bg-neutral-50 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800"
                                    >
                                        Decision
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="text-neutral-500">No Fund Registrations</div>
                @endforelse
            </div>
        </div>
    </div>

    <div class="rounded-sm border border-neutral-200 p-4 dark:border-neutral-700">
        <div class="mb-3 text-sm font-semibold text-neutral-900 dark:text-neutral-100">National IDs</div>

        <div class="space-y-4">
            @forelse($recipient->nationalIds as $nid)
                <div class="rounded-sm border border-neutral-200 p-3 dark:border-neutral-700">
                    <div class="text-sm text-neutral-700 dark:text-neutral-200">
                        <span class="font-medium">ID Number:</span> {{ $nid->national_id_number }}
                    </div>

                    <div class="mt-3 grid gap-3 md:grid-cols-3">
                        <div>
                            <div class="mb-1 text-xs font-medium text-neutral-600 dark:text-neutral-300">Front</div>
                            @if($nid->front_image)
                                <a href="{{ asset('storage/' . $nid->front_image) }}" target="_blank" rel="noopener">
                                    <img class="h-40 w-full cursor-zoom-in rounded-sm border border-neutral-200 object-cover dark:border-neutral-700"
                                         src="{{ asset('storage/' . $nid->front_image) }}" alt="Front ID">
                                </a>
                            @else
                                <div class="text-sm text-neutral-500">No image</div>
                            @endif
                        </div>
                        <div>
                            <div class="mb-1 text-xs font-medium text-neutral-600 dark:text-neutral-300">Back</div>
                            @if($nid->back_image)
                                <a href="{{ asset('storage/' . $nid->back_image) }}" target="_blank" rel="noopener">
                                    <img class="h-40 w-full cursor-zoom-in rounded-sm border border-neutral-200 object-cover dark:border-neutral-700"
                                         src="{{ asset('storage/' . $nid->back_image) }}" alt="Back ID">
                                </a>
                            @else
                                <div class="text-sm text-neutral-500">No image</div>
                            @endif
                        </div>
                        <div>
                            <div class="mb-1 text-xs font-medium text-neutral-600 dark:text-neutral-300">Selfie with ID</div>
                            @if($nid->selfie_with_id_image)
                                <a href="{{ asset('storage/' . $nid->selfie_with_id_image) }}" target="_blank" rel="noopener">
                                    <img class="h-40 w-full cursor-zoom-in rounded-sm border border-neutral-200 object-cover dark:border-neutral-700"
                                         src="{{ asset('storage/' . $nid->selfie_with_id_image) }}" alt="Selfie with ID">
                                </a>
                            @else
                                <div class="text-sm text-neutral-500">No image</div>
                            @endif
                        </div>
                    </div>
                </div>
            @empty
                <div class="text-sm text-neutral-500">No National IDs</div>
            @endforelse
        </div>
    </div>

    <div class="rounded-sm border border-neutral-200 p-4 dark:border-neutral-700">
        <div class="mb-3 text-sm font-semibold text-neutral-900 dark:text-neutral-100">Documents</div>
        <div class="grid gap-3 md:grid-cols-3">
            @forelse($recipient->documents as $doc)
                @php
                    $docPath = $doc->document ? asset('storage/' . $doc->document) : null;
                    $docExt = $doc->document ? strtolower(pathinfo($doc->document, PATHINFO_EXTENSION)) : null;
                    $isPdf = $docExt === 'pdf';
                @endphp
                @if($docPath)
                    <a href="{{ $docPath }}" target="_blank" rel="noopener">
                        @if($isPdf)
                            <div class="flex h-40 w-full cursor-pointer items-center justify-center rounded-sm border border-neutral-200 bg-neutral-50 text-sm font-medium text-neutral-700 dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-200">
                                PDF
                            </div>
                        @else
                            <img class="h-40 w-full cursor-zoom-in rounded-sm border border-neutral-200 object-cover dark:border-neutral-700"
                                 src="{{ $docPath }}" alt="Document">
                        @endif
                    </a>
                @else
                    <div class="flex h-40 items-center justify-center rounded-sm border border-neutral-200 text-sm text-neutral-500 dark:border-neutral-700 dark:text-neutral-400">—</div>
                @endif
            @empty
                <div class="text-sm text-neutral-500">No documents</div>
            @endforelse
        </div>
    </div>

    <div class="rounded-sm border border-neutral-200 p-4 dark:border-neutral-700">
        <div class="mb-3 text-sm font-semibold text-neutral-900 dark:text-neutral-100">Urgent Cases</div>
        <div class="space-y-3">
            @forelse($recipient->urgentCases as $case)
                <div class="rounded-sm border border-neutral-200 p-3 text-sm text-neutral-700 dark:border-neutral-700 dark:text-neutral-200">
                    <div class="font-medium text-neutral-900 dark:text-neutral-100">{{ $case->case_description }}</div>
                    <div class="mt-1 grid gap-2 md:grid-cols-2">
                        <div><span class="font-medium">Required:</span> {{ $case->required_amount }}</div>
                        <div><span class="font-medium">Collected:</span> {{ $case->collected_amount }}</div>
                        <div><span class="font-medium">Status:</span> {{ $case->status }}</div>
                        <div>
                            <span class="font-medium">Hospital:</span>
                            {{ $case->hospital?->hospital_name ?? '—' }}
                        </div>
                        <div>
                            <span class="font-medium">Hospital submitted:</span>
                            {{ $case->hospital_submitted_at?->format('Y-m-d H:i') ?? '—' }}
                        </div>
                        <div>
                            <span class="font-medium">RFQ:</span>
                            @if($case->RFQ)
                                <a class="text-blue-600 hover:underline" href="{{ asset('storage/' . $case->RFQ) }}" target="_blank" rel="noopener">View</a>
                            @else
                                —
                            @endif
                        </div>
                        <div>
                            <span class="font-medium">Document:</span>
                            @if($case->document)
                                <a class="text-blue-600 hover:underline" href="{{ asset('storage/' . $case->document) }}" target="_blank" rel="noopener">View</a>
                            @else
                                —
                            @endif
                        </div>
                    </div>
                    @if($case->hospital_notes)
                        <div class="mt-2"><span class="font-medium">Hospital notes:</span> {{ $case->hospital_notes }}</div>
                    @endif
                    @if($case->reasoun_for_rejection)
                        <div class="mt-2"><span class="font-medium">Reason:</span> {{ $case->reasoun_for_rejection }}</div>
                    @endif
                </div>
            @empty
                <div class="text-sm text-neutral-500">No Urgent Cases</div>
            @endforelse
        </div>
    </div>
</div>
@endif