@extends('layouts.app')

@section('title', ($location['name'] ?? 'Location Details') . (!empty($location['postalAddressTownCity']) ? ' - ' .
    $location['postalAddressTownCity'] : ''))

@section('meta_description')
    @if ($location)
        @php
            $locationName = $location['name'] ?? 'this facility';
            $locationType = strtolower($location['type'] ?? 'healthcare location');
            $locationCity =
                $location['postalAddressTownCity'] ??
                ($location['postalAddressCounty'] ?? ($location['localAuthority'] ?? ''));
            $locationRating =
                $location['currentRatings']['overall']['rating'] ??
                ($location['assessment'][0]['ratings']['overall'][0]['rating'] ?? null);
            $locationBeds = $location['numberOfBeds'] ?? null;
            $locationStatus = $location['registrationStatus'] ?? 'Registered';

            $desc = "CQC registration and performance profile for {$locationName}";
            if ($locationCity) {
                $desc .= " in {$locationCity}";
            }
            $desc .= " ({$locationType}).";
            if ($locationRating) {
                $desc .= " Rated '{$locationRating}' overall by inspectors.";
            }
            if ($locationBeds && $locationBeds > 0) {
                $desc .= " Features {$locationBeds} registered beds.";
            }
            $desc .= " Status: {$locationStatus}. View contact info, inspection history, and download PDF reports.";
            echo e($desc);
        @endphp
    @else
        Explore detailed registry info, registration status, ratings and PDF reports for this CQC location.
    @endif
@endsection

@section('content')
    <!-- Leaflet Maps assets -->
    @if (!empty($location['onspdLatitude']) && !empty($location['onspdLongitude']))
        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
            integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
        <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
            integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
    @endif

    <!-- Back button & Raw JSON link -->
    <div class="mb-6 flex items-center justify-between gap-4">
        <a id="back-to-list-link" href="{{ route('locations.index') }}"
            class="inline-flex items-center gap-2 text-sm font-semibold text-[#005EB8] hover:text-[#002F6C] hover:underline transition duration-200">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"
                stroke="currentColor" class="w-4 h-4">
                <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
            </svg>
            Back to Locations Directory
        </a>

        @if (app()->environment('local', 'dev'))
            <a href="{{ route('locations.json', ['id' => $id]) }}" target="_blank" rel="noopener noreferrer"
                class="inline-flex items-center gap-1.5 rounded-lg bg-white border border-[#D8DDE0] px-3.5 py-1.5 text-xs font-bold text-[#005EB8] hover:text-[#002F6C] hover:bg-[#F0F4F5] transition duration-200 shadow-sm">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2"
                    stroke="currentColor" class="w-4 h-4">
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" />
                </svg>
                View Raw JSON (Dev)
            </a>
        @endif
    </div>

    @if ($error)
        <div
            class="rounded-2xl border border-rose-500/25 bg-rose-50 p-5 mb-8 text-[#DA291C] flex items-start gap-4 shadow-sm">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2"
                stroke="currentColor" class="w-6 h-6 text-[#DA291C] shrink-0">
                <path stroke-linecap="round" stroke-linejoin="round"
                    d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" />
            </svg>
            <div class="flex flex-col gap-1.5">
                <h3 class="font-bold text-[#DA291C] text-base">Error Loading Details</h3>
                <p class="text-sm leading-relaxed text-[#212B32]">{{ $error }}</p>
            </div>
        </div>
    @endif

    @if ($location)
        @php
            // Official CQC Rating colors as solid background panels with white text
            $getRatingClass = function ($rating) {
                return match (strtolower($rating ?? '')) {
                    'outstanding' => 'bg-[#8A1551] text-white border-transparent',
                    'good' => 'bg-[#00825F] text-white border-transparent',
                    'requires improvement' => 'bg-[#D47A00] text-white border-transparent',
                    'inadequate' => 'bg-[#B30000] text-white border-transparent',
                    default => 'bg-[#50555C] text-white border-transparent',
                };
            };

            $overallRating =
                $location['currentRatings']['overall']['rating'] ??
                ($location['assessment'][0]['ratings']['overall'][0]['rating'] ?? null);
            $keyQuestionRatings =
                $location['currentRatings']['overall']['keyQuestionRatings'] ??
                ($location['assessment'][0]['ratings']['overall'][0]['keyQuestions'] ?? []);
            $inspectionDate =
                $location['lastInspection']['date'] ??
                ($location['assessment'][0]['ratings']['overall'][0]['commentaryDate'] ??
                    ($location['currentRatings']['overall']['reportDate'] ?? null));
            $publishedDate =
                $location['lastReport']['publicationDate'] ??
                ($location['assessment'][0]['ratings']['overall'][0]['commentaryDate'] ?? null);

            // Normalize lists to always be arrays of records (handling nested structure variations)
            $groupsList = [];
            if (!empty($assessmentServiceGroups)) {
                if (isset($assessmentServiceGroups['assessmentServiceGroup'])) {
                    $groupsList = $assessmentServiceGroups['assessmentServiceGroup'];
                } elseif (isset($assessmentServiceGroups['assessmentServiceGroups'])) {
                    $groupsList = $assessmentServiceGroups['assessmentServiceGroups'];
                } elseif (is_array($assessmentServiceGroups)) {
                    if (array_is_list($assessmentServiceGroups)) {
                        $groupsList = $assessmentServiceGroups;
                    } else {
                        $groupsList = [$assessmentServiceGroups];
                    }
                }
            }

            $areasList = [];
            if (!empty($inspectionAreas)) {
                if (isset($inspectionAreas['inspectionAreas'])) {
                    $areasList = $inspectionAreas['inspectionAreas'];
                } elseif (isset($inspectionAreas['inspectionArea'])) {
                    $areasList = $inspectionAreas['inspectionArea'];
                } elseif (is_array($inspectionAreas)) {
                    if (array_is_list($inspectionAreas)) {
                        $areasList = $inspectionAreas;
                    } else {
                        $areasList = [$inspectionAreas];
                    }
                }
            }

            $providerAreasList = [];
            if (!empty($providerInspectionAreas)) {
                if (isset($providerInspectionAreas['providerInspectionAreas'])) {
                    $providerAreasList = $providerInspectionAreas['providerInspectionAreas'];
                } elseif (isset($providerInspectionAreas['providerInspectionArea'])) {
                    $providerAreasList = $providerInspectionAreas['providerInspectionArea'];
                } elseif (is_array($providerInspectionAreas)) {
                    if (array_is_list($providerInspectionAreas)) {
                        $providerAreasList = $providerInspectionAreas;
                    } else {
                        $providerAreasList = [$providerInspectionAreas];
                    }
                }
            }
        @endphp

        <div class="space-y-8">
            <!-- Hero Header Card -->
            <div
                class="bg-white border border-[#D8DDE0] border-t-8 border-t-[#005EB8] rounded-2xl p-6 sm:p-8 shadow-sm relative overflow-hidden">
                <div class="relative flex flex-col md:flex-row justify-between items-start md:items-center gap-6">
                    <div class="space-y-3 flex-grow">
                        <div class="flex flex-wrap items-center gap-2">
                            <span
                                class="inline-flex items-center rounded bg-[#F0F4F5] px-2.5 py-1 text-xs font-mono text-[#212B32] border border-[#D8DDE0]">
                                Location ID: {{ $location['locationId'] }}
                            </span>
                            @if (!empty($location['providerId']))
                                <a href="{{ route('providers.show', ['id' => $location['providerId']]) }}"
                                    class="inline-flex items-center gap-1.5 rounded bg-[#005eb8]/10 px-2.5 py-1 text-xs font-bold text-[#005eb8] hover:bg-[#005eb8] hover:text-white transition">
                                    <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd"
                                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11H9v3H6v2h3v3h2v-3h3v-2h-3V7z"
                                            clip-rule="evenodd" />
                                    </svg>
                                    Parent Provider Profile
                                </a>
                            @endif
                            @if (!empty($location['odsCode']))
                                <span
                                    class="inline-flex items-center rounded bg-[#F0F4F5] px-2.5 py-1 text-xs font-mono text-[#212B32] border border-[#D8DDE0]">
                                    ODS: {{ $location['odsCode'] }}
                                </span>
                            @endif
                            <span
                                class="inline-flex items-center rounded bg-[#005eb8]/10 px-2.5 py-1 text-xs font-bold text-[#005eb8]">
                                {{ $location['type'] ?? 'Healthcare Location' }}
                            </span>
                        </div>

                        <h1 class="text-3xl font-extrabold text-[#002F6C] leading-tight">
                            {{ $location['name'] }}
                        </h1>
                        @if (!empty($location['alsoKnownAs']))
                            <p class="text-sm text-[#4c6272] italic font-semibold">Also known as:
                                {{ $location['alsoKnownAs'] }}</p>
                        @endif

                        @if (!empty($location['brandName']))
                            <p class="text-sm text-[#4c6272] font-semibold">
                                Part of brand: <span class="text-[#212B32] font-bold">{{ $location['brandName'] }}</span>
                            </p>
                        @endif

                        @if (!empty($location['inspectionDirectorate']))
                            <div class="flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-[#4c6272] mt-1">
                                <span class="flex items-center gap-1.5">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                        stroke-width="2" stroke="currentColor" class="w-4 h-4 text-[#768e9a]">
                                        <path stroke-linecap="round" stroke-linejoin="round"
                                            d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 16.25h1.5m3 0H15m-7.5 0h11.25" />
                                    </svg>
                                    Directorate: <span
                                        class="text-[#212B32] font-bold">{{ $location['inspectionDirectorate'] }}</span>
                                </span>
                            </div>
                        @endif

                        @if (!empty($location['locationTypes']))
                            <div class="flex flex-wrap gap-1.5 mt-2">
                                @foreach ($location['locationTypes'] as $lt)
                                    <span
                                        class="inline-flex items-center rounded bg-[#F0F4F5] px-2.5 py-0.5 text-xs font-semibold text-[#212B32] border border-[#D8DDE0]">
                                        {{ $lt['type'] ?? 'General Type' }}
                                    </span>
                                @endforeach
                            </div>
                        @endif
                    </div>

                    <div class="shrink-0 flex flex-col items-start md:items-end gap-1.5">
                        @php
                            $status = strtolower($location['registrationStatus'] ?? 'Unknown');
                            $isRegistered = $status === 'registered';
                            $statusClass = $isRegistered
                                ? 'bg-[#009639]/10 text-[#009639] ring-[#009639]/20'
                                : 'bg-[#DA291C]/10 text-[#DA291C] ring-[#DA291C]/20';
                        @endphp
                        <span
                            class="inline-flex items-center gap-1.5 rounded-full {{ $statusClass }} px-4 py-1.5 text-sm font-bold ring-1">
                            <!-- Medical cross in badge -->
                            <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11H9v3H6v2h3v3h2v-3h3v-2h-3V7z"
                                    clip-rule="evenodd" />
                            </svg>
                            {{ $location['registrationStatus'] ?? 'Unknown Status' }}
                        </span>
                        <span class="text-xs text-[#4c6272]">Registered:
                            {{ isset($location['registrationDate']) ? date('d M Y', strtotime($location['registrationDate'])) : 'N/A' }}</span>
                        @if (!empty($location['deregistrationDate']))
                            <span class="text-xs text-[#DA291C] font-semibold">Deregistered:
                                {{ date('d M Y', strtotime($location['deregistrationDate'])) }}</span>
                        @endif
                        @if (strtolower($location['dormancy'] ?? '') === 'y')
                            <span
                                class="inline-flex items-center gap-1.5 rounded bg-[#DA291C]/10 text-[#DA291C] border border-[#DA291C]/20 px-2 py-0.5 text-xs font-bold mt-1.5">
                                <span class="h-1.5 w-1.5 rounded-full bg-[#DA291C] animate-pulse"></span>
                                Temporarily Dormant
                            </span>
                            @if (!empty($location['dormancyStartDate']))
                                <span class="text-[10px] text-[#DA291C] font-bold block mt-0.5">Dormant since:
                                    {{ date('d M Y', strtotime($location['dormancyStartDate'])) }}</span>
                            @endif
                            @if (!empty($location['dormancyEndDate']))
                                <span class="text-[10px] text-[#4c6272] block mt-0.5">Dormancy ended:
                                    {{ date('d M Y', strtotime($location['dormancyEndDate'])) }}</span>
                            @endif
                        @endif
                    </div>
                </div>
            </div>

            <!-- CQC Ratings Summary Panel -->
            @if ($overallRating)
                <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 sm:p-8 shadow-sm">
                    <h2 class="text-lg font-bold text-[#002F6C] mb-6 flex items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2"
                            stroke="currentColor" class="w-5 h-5 text-[#005EB8]">
                            <path stroke-linecap="round" stroke-linejoin="round"
                                d="M11.48 3.499c.151-.277.562-.277.712 0l2.181 4.394a.5.5 0 0 0 .38.358l4.898.696c.307.044.43.42.208.638l-3.578 3.477a.5.5 0 0 0-.142.437l.867 4.86c.055.308-.266.541-.539.394l-4.407-2.293a.5.5 0 0 0-.47 0l-4.407 2.293c-.273.147-.594-.086-.539-.394l.867-4.86a.5.5 0 0 0-.142-.437L2.97 10.225c-.222-.218-.098-.594.208-.638l4.898-.696a.5.5 0 0 0 .38-.358l2.182-4.394Z" />
                        </svg>
                        Current Care Quality Commission (CQC) Ratings
                    </h2>

                    <div class="grid grid-cols-1 lg:grid-cols-4 gap-8">
                        <!-- Overall Card -->
                        <div
                            class="lg:col-span-1 bg-[#F0F4F5] border border-[#D8DDE0] rounded-xl p-6 flex flex-col justify-between items-center text-center">
                            <div>
                                <span class="text-xs text-[#4c6272] uppercase tracking-wider font-bold block mb-3">Overall
                                    Rating</span>
                                <span
                                    class="inline-flex rounded-lg px-5 py-2.5 text-base font-extrabold shadow-sm {{ $getRatingClass($overallRating) }}">
                                    {{ $overallRating }}
                                </span>
                            </div>

                            <div class="mt-6 space-y-1 text-xs text-[#4c6272]">
                                @if (!empty($inspectionDate))
                                    <p>Inspected: <span
                                            class="text-[#212B32] font-bold">{{ date('d M Y', strtotime($inspectionDate)) }}</span>
                                    </p>
                                @endif
                                @if (!empty($publishedDate))
                                    <p>Published: <span
                                            class="text-[#212B32] font-bold">{{ date('d M Y', strtotime($publishedDate)) }}</span>
                                    </p>
                                @endif
                            </div>
                        </div>

                        <!-- Key Questions Grid -->
                        <div class="lg:col-span-3 flex flex-col justify-center">
                            <h3 class="text-xs font-bold text-[#4c6272] uppercase tracking-wider mb-4">Key Questions
                                Assessment</h3>
                            <div class="grid grid-cols-2 sm:grid-cols-5 gap-4">
                                @foreach ($keyQuestionRatings as $kq)
                                    <div
                                        class="bg-white border border-[#E8EDEE] rounded-xl p-4 flex flex-col justify-between items-center text-center shadow-sm">
                                        <span
                                            class="text-xs text-[#4c6272] font-bold block mb-3 leading-tight">{{ $kq['name'] }}</span>
                                        <span
                                            class="inline-flex rounded-md px-2.5 py-1 text-[11px] font-extrabold text-center leading-tight shadow-sm {{ $getRatingClass($kq['rating']) }} truncate max-w-full">
                                            {{ $kq['rating'] }}
                                        </span>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            <!-- Main Details Dashboard Grid -->
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
                <!-- Column 1 & 2: Detailed Info -->
                <div class="lg:col-span-2 space-y-8">

                    <!-- Detailed Contact, Brand & Geographical Data -->
                    <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 sm:p-8 shadow-sm">
                        <h2 class="text-base font-bold text-[#002F6C] mb-4 border-b border-[#E8EDEE] pb-2">Administrative &
                            Contact Details</h2>
                        <dl class="grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4 text-sm">
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Address Details</dt>
                                <dd class="mt-1.5 text-[#212B32] leading-relaxed font-semibold">
                                    {{ $location['postalAddressLine1'] ?? '' }}<br>
                                    @if (!empty($location['postalAddressLine2']))
                                        {{ $location['postalAddressLine2'] }}<br>
                                    @endif
                                    @if (!empty($location['postalAddressTownCity']))
                                        {{ $location['postalAddressTownCity'] }}<br>
                                    @endif
                                    @if (!empty($location['postalAddressCounty']))
                                        {{ $location['postalAddressCounty'] }}<br>
                                    @endif
                                    @if (!empty($location['postalCode']))
                                        <span
                                            class="font-mono font-bold text-[#005EB8]">{{ $location['postalCode'] }}</span>
                                    @endif
                                </dd>
                            </div>
                            <div class="space-y-4">
                                <div>
                                    <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Website</dt>
                                    <dd class="mt-1 text-[#212B32] font-semibold font-mono">
                                        @if (!empty($location['website']))
                                            @php
                                                $url = $location['website'];
                                                if (
                                                    !str_starts_with($url, 'http://') &&
                                                    !str_starts_with($url, 'https://')
                                                ) {
                                                    $url = 'https://' . $url;
                                                }
                                            @endphp
                                            <a href="{{ $url }}" target="_blank" rel="noopener noreferrer"
                                                class="inline-flex items-center gap-1.5 text-[#005EB8] hover:text-[#002F6C] hover:underline transition">
                                                {{ $location['website'] }}
                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none"
                                                    viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"
                                                    class="w-3.5 h-3.5">
                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                        d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
                                                </svg>
                                            </a>
                                        @else
                                            <span class="text-[#768e9a] font-normal">N/A</span>
                                        @endif
                                    </dd>
                                </div>
                                <div>
                                    <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Main Phone Number
                                    </dt>
                                    <dd class="mt-1 text-[#212B32] font-bold">
                                        @if (!empty($location['mainPhoneNumber']))
                                            <a href="tel:{{ preg_replace('/[^0-9+]/', '', $location['mainPhoneNumber']) }}"
                                                class="text-[#005EB8] hover:underline hover:text-[#002F6C] transition">
                                                {{ $location['mainPhoneNumber'] }}
                                            </a>
                                        @else
                                            <span class="text-[#768e9a] font-normal">N/A</span>
                                        @endif
                                    </dd>
                                </div>
                            </div>

                            <div class="sm:col-span-2 border-t border-[#E8EDEE] my-2"></div>

                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Constituency</dt>
                                <dd class="mt-1 text-[#212B32] font-bold">{{ $location['constituency'] ?? 'N/A' }}</dd>
                            </div>
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Local Authority</dt>
                                <dd class="mt-1 text-[#212B32] font-bold">{{ $location['localAuthority'] ?? 'N/A' }}</dd>
                            </div>
                            @if (!empty($location['region']))
                                <div>
                                    <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Region</dt>
                                    <dd class="mt-1 text-[#212B32] font-bold">{{ $location['region'] }}</dd>
                                </div>
                            @endif
                            @if (!empty($location['uprn']))
                                <div>
                                    <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">UPRN</dt>
                                    <dd class="mt-1 text-[#212B32] font-bold font-mono">{{ $location['uprn'] }}</dd>
                                </div>
                            @endif
                            @if (!empty($location['providerId']))
                                <div>
                                    <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Parent Provider
                                    </dt>
                                    <dd class="mt-1 text-[#005EB8] hover:text-[#002F6C] font-bold hover:underline">
                                        <a href="{{ route('providers.show', ['id' => $location['providerId']]) }}">
                                            {{ $location['providerId'] }}
                                        </a>
                                    </dd>
                                </div>
                            @endif
                            @if (!empty($location['onspdCcgName']) || !empty($location['odsCcgName']))
                                <div>
                                    <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">NHS CCG Coverage
                                    </dt>
                                    <dd class="mt-1 text-[#212B32] font-bold leading-relaxed">
                                        {{ $location['onspdCcgName'] ?? $location['odsCcgName'] }}
                                        @if (!empty($location['onspdCcgCode']) || !empty($location['odsCcgCode']))
                                            <span
                                                class="text-xs font-mono font-normal text-[#768e9a]">({{ $location['onspdCcgCode'] ?? $location['odsCcgCode'] }})</span>
                                        @endif
                                    </dd>
                                </div>
                            @endif
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Integrated Care Board
                                    (ICB)</dt>
                                <dd class="mt-1 text-[#212B32] font-bold leading-relaxed">
                                    {{ $location['onspdIcbName'] ?? 'N/A' }}
                                    @if (!empty($location['onspdIcbCode']))
                                        <span
                                            class="text-xs font-mono font-normal text-[#768e9a]">({{ $location['onspdIcbCode'] }})</span>
                                    @endif
                                </dd>
                            </div>
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Care Home
                                    Classification</dt>
                                <dd class="mt-1 text-[#212B32] font-bold">
                                    {{ ($location['careHome'] ?? '') === 'Y' ? 'Yes (Care Home Facility)' : 'No' }}
                                </dd>
                            </div>
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Registered Beds
                                    Capacity</dt>
                                <dd class="mt-1 text-[#212B32] font-bold font-mono">
                                    {{ $location['numberOfBeds'] ?? 0 }} beds
                                </dd>
                            </div>
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Last Inspection Date
                                </dt>
                                <dd class="mt-1 text-[#212B32] font-bold">
                                    @if (!empty($location['lastInspection']['date']))
                                        {{ date('d M Y', strtotime($location['lastInspection']['date'])) }}
                                    @else
                                        N/A
                                    @endif
                                </dd>
                            </div>
                            @if (!empty($location['registeredManagerAbsentDate']))
                                <div>
                                    <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Manager Status
                                    </dt>
                                    <dd class="mt-1 text-[#DA291C] font-semibold">
                                        Registered Manager absent since
                                        {{ date('d M Y', strtotime($location['registeredManagerAbsentDate'])) }}
                                    </dd>
                                </div>
                            @endif
                        </dl>
                    </div>

                    <!-- Regulated Activities & Contacts -->
                    @if (!empty($location['regulatedActivities']))
                        <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 sm:p-8 shadow-sm">
                            <h2 class="text-base font-bold text-[#002F6C] mb-4 border-b border-[#E8EDEE] pb-2">Regulated
                                Activities & Registered Managers</h2>
                            <div class="space-y-4">
                                @foreach ($location['regulatedActivities'] as $activity)
                                    <div class="bg-[#F0F4F5] border border-[#E8EDEE] rounded-xl p-4 space-y-3 shadow-sm">
                                        <div
                                            class="flex items-center justify-between gap-2 border-b border-[#D8DDE0] pb-2">
                                            <div>
                                                <span
                                                    class="font-mono text-[9px] text-[#005EB8] bg-white border border-[#D8DDE0] px-2 py-0.5 rounded font-bold uppercase">{{ $activity['code'] }}</span>
                                                <h4 class="text-sm font-bold text-[#212B32] mt-1">{{ $activity['name'] }}
                                                </h4>
                                            </div>
                                        </div>
                                        @if (!empty($activity['contacts']))
                                            <div class="space-y-2">
                                                <span
                                                    class="text-[9px] text-[#4c6272] font-bold uppercase tracking-wider block">Staff
                                                    / Managers:</span>
                                                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
                                                    @foreach ($activity['contacts'] as $contact)
                                                        <div
                                                            class="bg-white rounded border border-[#D8DDE0] p-2.5 text-xs">
                                                            <span class="font-bold text-[#212B32]">
                                                                {{ $contact['personTitle'] ?? '' }}
                                                                {{ $contact['personGivenName'] ?? '' }}
                                                                {{ $contact['personFamilyName'] ?? '' }}
                                                            </span>
                                                            @if (!empty($contact['personRoles']))
                                                                <span
                                                                    class="block text-[#4c6272] mt-0.5 font-semibold">{{ implode(', ', $contact['personRoles']) }}</span>
                                                            @endif
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        @else
                                            <p class="text-[10px] text-[#768e9a] italic">No nominated manager listed for
                                                this activity.</p>
                                        @endif
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endif

                    <!-- Predecessor Relationships -->
                    @if (!empty($location['relationships']))
                        <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 sm:p-8 shadow-sm">
                            <h2 class="text-base font-bold text-[#002F6C] mb-4 border-b border-[#E8EDEE] pb-2">Predecessor
                                Histories</h2>
                            <div class="space-y-3">
                                @foreach ($location['relationships'] as $rel)
                                    <div
                                        class="bg-[#F0F4F5] border border-[#E8EDEE] rounded-xl p-4 text-sm flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2">
                                        <div>
                                            <h4 class="font-bold text-[#212B32]">{{ $rel['relatedLocationName'] }}</h4>
                                            <p class="text-xs font-mono text-[#768e9a] mt-0.5">ID:
                                                {{ $rel['relatedLocationId'] }}</p>
                                        </div>
                                        <div class="text-left sm:text-right shrink-0">
                                            <span
                                                class="inline-flex rounded-lg bg-white px-2 py-1 text-xs border border-[#D8DDE0] text-[#212B32] font-semibold">
                                                {{ $rel['type'] ?? 'Related' }}
                                            </span>
                                            @if (!empty($rel['reason']))
                                                <p class="text-[10px] text-[#4c6272] mt-1">{{ $rel['reason'] }}</p>
                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endif
                </div>

                <!-- Column 3: Sidebar (Map, Care Types, Published Reports) -->
                <div class="space-y-8">
                    <!-- Geolocation Map Card -->
                    @if (!empty($location['onspdLatitude']) && !empty($location['onspdLongitude']))
                        <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 shadow-sm">
                            <h2 class="text-base font-bold text-[#002F6C] mb-3 border-b border-[#E8EDEE] pb-2">Location Map
                            </h2>
                            <div id="location-map"
                                class="h-64 sm:h-80 w-full rounded-xl border border-[#D8DDE0] bg-[#F8F9FA] relative z-0">
                            </div>
                            <div class="mt-3 text-center text-xs text-[#4c6272] font-semibold">
                                Coordinates: <span class="font-mono text-[#212B32]">{{ $location['onspdLatitude'] }},
                                    {{ $location['onspdLongitude'] }}</span>
                            </div>

                            <script>
                                document.addEventListener('DOMContentLoaded', function() {
                                    var map = L.map('location-map').setView([{{ $location['onspdLatitude'] }},
                                        {{ $location['onspdLongitude'] }}
                                    ], 14);
                                    L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
                                        maxZoom: 19,
                                        attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
                                    }).addTo(map);

                                    L.marker([{{ $location['onspdLatitude'] }}, {{ $location['onspdLongitude'] }}]).addTo(map)
                                        .bindPopup(
                                            '<b>{{ addslashes($location['name'] ?? 'Facility') }}</b><br>{{ addslashes($location['postalAddressLine1'] ?? '') }}, {{ $location['postalCode'] ?? '' }}'
                                            )
                                        .openPopup();
                                });
                            </script>
                        </div>
                    @endif

                    <!-- GAC Service Types & Specialisms -->
                    @if (!empty($location['gacServiceTypes']) || !empty($location['specialisms']))
                        <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 shadow-sm space-y-4 text-xs">
                            @if (!empty($location['gacServiceTypes']))
                                <div>
                                    <h3 class="text-xs font-bold text-[#002F6C] uppercase tracking-wider mb-2">Service
                                        Types</h3>
                                    <div class="flex flex-wrap gap-1.5">
                                        @foreach ($location['gacServiceTypes'] as $st)
                                            <span
                                                class="inline-flex items-center rounded bg-[#F0F4F5] px-2 py-0.5 text-[10px] font-semibold text-[#212B32] border border-[#D8DDE0]"
                                                title="{{ $st['description'] ?? '' }}">
                                                {{ $st['name'] }}
                                            </span>
                                        @endforeach
                                    </div>
                                </div>
                            @endif

                            @if (!empty($location['specialisms']))
                                <div>
                                    <h3 class="text-xs font-bold text-[#002F6C] uppercase tracking-wider mb-2">Specialisms
                                    </h3>
                                    <div class="flex flex-wrap gap-1.5">
                                        @foreach ($location['specialisms'] as $sp)
                                            <span
                                                class="inline-flex items-center rounded bg-[#F0F4F5] px-2 py-0.5 text-[10px] font-semibold text-[#4c6272] border border-[#D8DDE0]">
                                                {{ $sp['name'] }}
                                            </span>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        </div>
                    @endif

                    <!-- Inspection Categories -->
                    @if (!empty($location['inspectionCategories']))
                        <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 shadow-sm">
                            <h2 class="text-base font-bold text-[#002F6C] mb-3 border-b border-[#E8EDEE] pb-2">Inspection
                                Categories</h2>
                            <ul class="space-y-2 text-xs">
                                @foreach ($location['inspectionCategories'] as $cat)
                                    <li class="bg-[#F0F4F5] border border-[#E8EDEE] rounded-xl p-3 flex items-start gap-3">
                                        <span
                                            class="font-mono font-bold text-[#005EB8] bg-white border border-[#D8DDE0] px-1.5 py-0.5 rounded leading-none mt-0.5">
                                            {{ $cat['code'] }}
                                        </span>
                                        <span class="text-[#212B32] font-semibold leading-relaxed">
                                            {{ $cat['name'] }}
                                            @if (($cat['primary'] ?? '') === 'true' || ($cat['primary'] ?? '') === 'Y')
                                                <span
                                                    class="text-[9px] text-[#00825F] bg-[#00825F]/10 px-1.5 py-0.5 rounded border border-[#00825F]/20 font-bold uppercase ml-1">Primary</span>
                                            @endif
                                        </span>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <!-- Published PDF Reports -->
                    @if (!empty($location['reports']))
                        <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 shadow-sm">
                            <h2 class="text-base font-bold text-[#002F6C] mb-3 border-b border-[#E8EDEE] pb-2">Inspection
                                Reports</h2>
                            <div class="space-y-2 max-h-[300px] overflow-y-auto pr-2 custom-scrollbar">
                                @foreach ($location['reports'] as $rep)
                                    @if (!empty($rep['reportDate']))
                                        <div
                                            class="bg-[#F0F4F5] border border-[#E8EDEE] rounded-xl p-3 flex items-center justify-between gap-3 text-xs shadow-sm">
                                            <div class="flex flex-col gap-0.5">
                                                <span
                                                    class="font-bold text-[#212B32]">{{ $rep['reportType'] ?? 'Report' }}</span>
                                                <span class="text-[10px] text-[#4c6272]">Published
                                                    {{ date('d M Y', strtotime($rep['reportDate'])) }}</span>
                                            </div>
                                            @php
                                                $linkId =
                                                    $rep['linkId'] ?? basename(explode('?', $rep['reportUri'])[0]);
                                            @endphp
                                            @if (!empty($linkId))
                                                <a href="{{ route('providers.reports.show', ['linkId' => $linkId]) }}"
                                                    target="_blank" rel="noopener noreferrer"
                                                    class="bg-white border border-[#D8DDE0] px-2.5 py-1.5 rounded text-[#005EB8] hover:text-[#002F6C] hover:bg-[#F0F4F5] inline-flex items-center gap-1 font-bold shadow-sm transition">
                                                    PDF
                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none"
                                                        viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"
                                                        class="w-3 h-3">
                                                        <path stroke-linecap="round" stroke-linejoin="round"
                                                            d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
                                                    </svg>
                                                </a>
                                            @endif
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            <!-- Local Assessment Service Groups -->
            @if (!empty($groupsList) && count($groupsList) > 0)
                <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 sm:p-8 shadow-sm">
                    <h2
                        class="text-base font-bold text-[#002F6C] mb-4 border-b border-[#E8EDEE] pb-2 flex items-center justify-between">
                        <span>Local Assessment Service Groups</span>
                        <span class="text-xs font-semibold text-[#4c6272]">{{ count($groupsList) }} groups</span>
                    </h2>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                        @foreach ($groupsList as $group)
                            <div
                                class="bg-[#F0F4F5] border border-[#E8EDEE] rounded-xl p-4 flex flex-col justify-between shadow-sm">
                                <div>
                                    <div class="flex items-center justify-between gap-2 mb-2">
                                        <span class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">
                                            {{ $group['assessmentServiceId'] ?? 'Service Group' }}
                                        </span>
                                        @if (isset($group['status']))
                                            <span
                                                class="inline-flex items-center rounded bg-white px-2 py-0.5 text-xs font-bold border border-[#D8DDE0] text-[#005EB8]">
                                                {{ $group['status'] }}
                                            </span>
                                        @endif
                                    </div>
                                    <h3 class="text-sm font-bold text-[#212B32] mb-1">
                                        {{ $group['assessmentServiceName'] ?? 'Unnamed Service' }}
                                    </h3>
                                    @if (!empty($group['startDate']))
                                        <p class="text-[10px] text-[#4c6272] mt-1.5">Started: <span
                                                class="font-bold text-[#212B32]">{{ date('d M Y', strtotime($group['startDate'])) }}</span>
                                        </p>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif

            <!-- Active Inspection Areas -->
            @if (!empty($areasList) && count($areasList) > 0)
                <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 sm:p-8 shadow-sm">
                    <h2
                        class="text-base font-bold text-[#002F6C] mb-4 border-b border-[#E8EDEE] pb-2 flex items-center justify-between">
                        <span>Active Inspection Areas</span>
                        <span class="text-xs font-semibold text-[#4c6272]">{{ count($areasList) }} areas</span>
                    </h2>
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                        @foreach ($areasList as $area)
                            <div
                                class="bg-[#F0F4F5] border border-[#E8EDEE] rounded-xl p-4 shadow-sm flex flex-col justify-between">
                                <div>
                                    <span class="text-[10px] font-mono font-bold text-[#4c6272] block mb-1">ID:
                                        {{ $area['inspectionAreaId'] }}</span>
                                    <h4 class="text-sm font-bold text-[#212B32]">{{ $area['inspectionAreaName'] }}</h4>
                                </div>
                                <div class="mt-3 pt-2 border-t border-[#D8DDE0] flex items-center justify-between">
                                    <span class="text-[10px] text-[#4c6272] font-semibold">Status:</span>
                                    <span
                                        class="text-[10px] bg-white text-[#00825F] px-1.5 py-0.5 rounded font-bold border border-[#00825F]/20">
                                        {{ $area['status'] ?? 'Active' }}
                                    </span>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif

            <!-- Provider-Level Inspection Areas -->
            @if (!empty($providerAreasList) && count($providerAreasList) > 0)
                <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 sm:p-8 shadow-sm">
                    <h2
                        class="text-base font-bold text-[#002F6C] mb-4 border-b border-[#E8EDEE] pb-2 flex items-center justify-between">
                        <span>Parent Provider Assessment Areas</span>
                        <span class="text-xs font-semibold text-[#4c6272]">{{ count($providerAreasList) }} areas</span>
                    </h2>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                        @foreach ($providerAreasList as $pArea)
                            <div class="bg-[#F0F4F5] border border-[#E8EDEE] rounded-xl p-4 shadow-sm space-y-3">
                                <div class="flex items-center justify-between border-b border-[#D8DDE0] pb-2">
                                    <span class="text-xs font-bold text-[#002F6C] uppercase tracking-wider">
                                        {{ $pArea['inspectionAreaId'] }}
                                    </span>
                                </div>

                                @if (!empty($pArea['reports']))
                                    <div class="space-y-1.5 text-xs">
                                        <span
                                            class="text-[10px] font-bold text-[#4c6272] uppercase tracking-wider block">Inspections:</span>
                                        @foreach ($pArea['reports'] as $pRep)
                                            <div
                                                class="flex justify-between items-center py-1 bg-white border border-[#D8DDE0] rounded px-2.5">
                                                <span class="font-bold text-[#212B32]">Inspection:
                                                    {{ $pRep['inspectionId'] ?? 'N/A' }}</span>
                                                @if (!empty($pRep['reportLinkId']))
                                                    <a href="{{ route('providers.reports.show', ['linkId' => $pRep['reportLinkId']]) }}"
                                                        target="_blank" rel="noopener noreferrer"
                                                        class="text-[#005EB8] hover:underline font-semibold text-[11px]">
                                                        PDF Report
                                                    </a>
                                                @endif
                                            </div>
                                        @endforeach
                                    </div>
                                @endif
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif
        </div>
    @endif

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const lastUrl = sessionStorage.getItem('last_search_locations_url');
            if (lastUrl) {
                const backBtn = document.getElementById('back-to-list-link');
                if (backBtn) {
                    backBtn.setAttribute('href', lastUrl);
                }
            }
        });
    </script>
@endsection