@extends('layouts.app')

@section('title', ($provider['name'] ?? 'Provider Details') . ' - Healthcare Directory')

@section('meta_description')
@if($provider)
@php
    $providerName = $provider['name'] ?? 'this provider';
    $providerType = strtolower($provider['organisationType'] ?? $provider['type'] ?? 'healthcare provider');
    $providerCity = $provider['postalAddressTownCity'] ?? $provider['postalAddressCounty'] ?? '';
    $providerRating = $provider['currentRatings']['overall']['rating'] ?? $provider['assessment'][0]['ratings']['overall'][0]['rating'] ?? null;
    $providerLocationsCount = count($provider['locationIds'] ?? $locations ?? []);
    $providerStatus = $provider['registrationStatus'] ?? 'Registered';

    $desc = "CQC registration and performance profile for {$providerName}";
    if ($providerCity) {
        $desc .= " in {$providerCity}";
    }
    $desc .= " ({$providerType}).";
    if ($providerRating) {
        $desc .= " Rated '{$providerRating}' overall by inspectors.";
    }
    if ($providerLocationsCount > 0) {
        $desc .= " Manages {$providerLocationsCount} registered " . ($providerLocationsCount === 1 ? 'location' : 'locations') . ".";
    }
    $desc .= " Status: {$providerStatus}. View registered services, inspection reports, and CQC PDF downloads.";
    echo e($desc);
@endphp
@else
Explore detailed registry info, registration status, and PDF reports for this CQC healthcare provider.
@endif
@endsection

@section('content')
<!-- Leaflet Maps assets -->
@if(!empty($provider['onspdLatitude']) && !empty($provider['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('providers.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 Providers Directory
    </a>
    
    @if(app()->environment('local', 'dev'))
    <a href="{{ route('providers.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($provider)
    @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 = $provider['currentRatings']['overall']['rating'] ?? $provider['assessment'][0]['ratings']['overall'][0]['rating'] ?? null;
        $keyQuestionRatings = $provider['currentRatings']['overall']['keyQuestionRatings'] ?? $provider['assessment'][0]['ratings']['overall'][0]['keyQuestions'] ?? [];
        $inspectionDate = $provider['lastInspection']['date'] ?? $provider['assessment'][0]['ratings']['overall'][0]['commentaryDate'] ?? $provider['currentRatings']['overall']['reportDate'] ?? null;
        $publishedDate = $provider['lastReport']['publicationDate'] ?? $provider['assessment'][0]['ratings']['overall'][0]['commentaryDate'] ?? null;

        // Normalize assessmentServiceGroups list (handling singular/plural keys robustly)
        $groupsList = [];
        if (!empty($assessmentServiceGroups)) {
            if (isset($assessmentServiceGroups['assessmentServiceGroups'])) {
                $groupsList = $assessmentServiceGroups['assessmentServiceGroups'];
            } elseif (isset($assessmentServiceGroups['assessmentServiceGroup'])) {
                $groupsList = $assessmentServiceGroups['assessmentServiceGroup'];
            } elseif (is_array($assessmentServiceGroups)) {
                if (array_is_list($assessmentServiceGroups)) {
                    $groupsList = $assessmentServiceGroups;
                } else {
                    $groupsList = [$assessmentServiceGroups];
                }
            }
        }
    @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]">
                            Provider ID: {{ $provider['providerId'] }}
                        </span>
                        @if(!empty($provider['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 Code: {{ $provider['odsCode'] }}
                            </span>
                        @endif
                        <span class="inline-flex items-center rounded bg-[#005eb8]/10 px-2.5 py-1 text-xs font-bold text-[#005eb8]">
                            {{ $provider['type'] ?? $provider['organisationType'] ?? 'Healthcare Provider' }}
                        </span>
                    </div>
                    
                    <h1 class="text-3xl font-extrabold text-[#002F6C] leading-tight">
                        {{ $provider['name'] }}
                    </h1>
                    @if(!empty($provider['alsoKnownAs']))
                        <p class="text-sm text-[#4c6272] italic font-semibold">Also known as: {{ $provider['alsoKnownAs'] }}</p>
                    @endif

                    <div class="flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-[#4c6272]">
                        @if(!empty($provider['inspectionDirectorate']))
                            <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: {{ $provider['inspectionDirectorate'] }}
                            </span>
                        @endif
                    </div>
                </div>

                <div class="shrink-0 flex flex-col items-start md:items-end gap-1.5">
                    @php
                        $status = strtolower($provider['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>
                        {{ $provider['registrationStatus'] ?? 'Unknown Status' }}
                    </span>
                    <span class="text-xs text-[#4c6272]">Registered: {{ isset($provider['registrationDate']) ? date('d M Y', strtotime($provider['registrationDate'])) : 'N/A' }}</span>
                    @if(!empty($provider['deregistrationDate']))
                        <span class="text-xs text-[#DA291C] font-semibold">Deregistered: {{ date('d M Y', strtotime($provider['deregistrationDate'])) }}</span>
                    @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>
                        
                        @if(isset($provider['currentRatings']['overall']['useOfResources']))
                            <div class="mt-6 pt-4 border-t border-[#E8EDEE] flex items-center justify-between text-sm">
                                <span class="text-[#4c6272] font-semibold">Use of Resources Rating:</span>
                                <span class="inline-flex rounded-md px-3 py-1 text-xs font-extrabold shadow-sm {{ $getRatingClass($provider['currentRatings']['overall']['useOfResources']['useOfResourcesRating']) }}">
                                    {{ $provider['currentRatings']['overall']['useOfResources']['useOfResourcesRating'] }}
                                </span>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        @endif

        <!-- Main Details Dashboard Grid -->
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            <!-- Column 1 & 2: Main Info, Regulated Activities, Historical Predecessors -->
            <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">Postal Address</dt>
                            <dd class="mt-1.5 text-[#212B32] leading-relaxed font-semibold">
                                {{ $provider['postalAddressLine1'] ?? '' }}<br>
                                @if(!empty($provider['postalAddressLine2']))
                                    {{ $provider['postalAddressLine2'] }}<br>
                                settings     @endif
                                @if(!empty($provider['postalAddressTownCity']))
                                    {{ $provider['postalAddressTownCity'] }}<br>
                                @endif
                                @if(!empty($provider['postalAddressCounty']))
                                    {{ $provider['postalAddressCounty'] }}<br>
                                @endif
                                @if(!empty($provider['postalCode']))
                                    <span class="font-mono font-bold text-[#005EB8]">{{ $provider['postalCode'] }}</span>
                                @endif
                            </dd>
                        </div>
                        <div class="space-y-4">
                            @if(!empty($provider['mainPhoneNumber']))
                                <div>
                                    <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Main Phone Number</dt>
                                    <dd class="mt-1 text-[#212B32] font-bold">
                                        <a href="tel:{{ preg_replace('/[^0-9+]/', '', $provider['mainPhoneNumber']) }}" class="text-[#005EB8] hover:underline hover:text-[#002F6C] transition">
                                            {{ $provider['mainPhoneNumber'] }}
                                        </a>
                                    </dd>
                                </div>
                            @endif
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Website</dt>
                                <dd class="mt-1 text-[#212B32] font-semibold">
                                    @if(!empty($provider['website']))
                                        @php
                                            $url = $provider['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">
                                            {{ $provider['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">Geocoordinates & UPRN</dt>
                                <dd class="mt-1 font-mono text-[#212B32] font-semibold">
                                    @if(isset($provider['onspdLatitude']) && isset($provider['onspdLongitude']))
                                        Lat: {{ $provider['onspdLatitude'] }}, Lng: {{ $provider['onspdLongitude'] }}
                                    @else
                                        N/A
                                    @endif
                                    @if(!empty($provider['uprn']))
                                        <span class="block text-xs font-normal text-[#4c6272] mt-1">UPRN: {{ $provider['uprn'] }}</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">{{ $provider['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">{{ $provider['localAuthority'] ?? 'N/A' }}</dd>
                        </div>
                        @if(!empty($provider['region']))
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Region</dt>
                                <dd class="mt-1 text-[#212B32] font-bold">{{ $provider['region'] }}</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">
                                {{ $provider['onspdIcbName'] ?? 'N/A' }}
                                @if(!empty($provider['onspdIcbCode']))
                                    <span class="text-xs font-mono font-normal text-[#768e9a]">({{ $provider['onspdIcbCode'] }})</span>
                                @endif
                            </dd>
                        </div>
                        <div>
                            <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Ownership / Brand</dt>
                            <dd class="mt-1 text-[#212B32] font-bold">
                                {{ $provider['ownershipType'] ?? 'N/A' }}
                                @if(!empty($provider['brandName']))
                                    <span class="block text-xs font-normal text-[#4c6272] mt-0.5">Brand: {{ $provider['brandName'] }}</span>
                                @endif
                            </dd>
                        </div>
                        <div>
                            <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Last Provider Inspection</dt>
                            <dd class="mt-1 text-[#212B32] font-bold">
                                @if(!empty($provider['lastInspection']['date']))
                                    {{ date('d M Y', strtotime($provider['lastInspection']['date'])) }}
                                @else
                                    N/A
                                @endif
                            </dd>
                        </div>
                        @if(!empty($provider['companiesHouseNumber']))
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Companies House Number</dt>
                                <dd class="mt-1 text-[#212B32] font-bold font-mono">{{ $provider['companiesHouseNumber'] }}</dd>
                            </div>
                        @endif
                        @if(!empty($provider['charityNumber']))
                            <div>
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider">Registered Charity Number</dt>
                                <dd class="mt-1 text-[#212B32] font-bold font-mono">{{ $provider['charityNumber'] }}</dd>
                            </div>
                        @endif

                        @if(!empty($provider['contacts']))
                            <div class="sm:col-span-2 border-t border-[#E8EDEE] my-2"></div>
                            <div class="sm:col-span-2">
                                <dt class="text-xs font-bold text-[#4c6272] uppercase tracking-wider mb-2">Key Contacts / Partners</dt>
                                <dd class="grid grid-cols-1 sm:grid-cols-2 gap-3 mt-1">
                                    @foreach($provider['contacts'] as $contact)
                                        <div class="bg-[#F0F4F5] rounded-xl p-3 border border-[#D8DDE0] 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
                                </dd>
                            </div>
                        @endif
                    </dl>
                </div>

                <!-- Regulated Activities -->
                @if(!empty($provider['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</h2>
                        <div class="space-y-3">
                            @foreach($provider['regulatedActivities'] as $activity)
                                <div class="bg-[#F0F4F5] border border-[#E8EDEE] rounded-xl p-4 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
                                    <div>
                                        <span class="font-mono text-[10px] text-[#005EB8] bg-[#005eb8]/10 px-2.5 py-1 rounded font-bold uppercase">{{ $activity['code'] }}</span>
                                        <h4 class="text-sm font-bold text-[#212B32] mt-1.5 leading-snug">{{ $activity['name'] }}</h4>
                                    </div>
                                    @if(!empty($activity['nominatedIndividual']))
                                        <div class="shrink-0 text-left sm:text-right border-l sm:border-l-0 sm:border-r border-[#D8DDE0] pl-3 sm:pl-0 sm:pr-3">
                                            <span class="text-[10px] text-[#4c6272] block uppercase tracking-wider font-bold">Nominated Individual</span>
                                            <span class="text-xs font-bold text-[#212B32]">
                                                {{ $activity['nominatedIndividual']['personTitle'] ?? '' }}
                                                {{ $activity['nominatedIndividual']['personGivenName'] ?? '' }}
                                                {{ $activity['nominatedIndividual']['personFamilyName'] ?? '' }}
                                            </span>
                                        </div>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif

                <!-- Predecessor Relationships -->
                @if(!empty($provider['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($provider['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['relatedProviderName'] }}</h4>
                                        <p class="text-xs font-mono text-[#768e9a] mt-0.5">ID: {{ $rel['relatedProviderId'] }}</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, Registered Locations, Categories, Reports) -->
            <div class="space-y-8">
                <!-- Geolocation Map Card -->
                @if(!empty($provider['onspdLatitude']) && !empty($provider['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">Provider Map</h2>
                        <div id="provider-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]">{{ $provider['onspdLatitude'] }}, {{ $provider['onspdLongitude'] }}</span>
                        </div>
                        
                        <script>
                            document.addEventListener('DOMContentLoaded', function() {
                                var map = L.map('provider-map').setView([{{ $provider['onspdLatitude'] }}, {{ $provider['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([{{ $provider['onspdLatitude'] }}, {{ $provider['onspdLongitude'] }}]).addTo(map)
                                    .bindPopup('<b>{{ addslashes($provider['name'] ?? 'Provider') }}</b><br>{{ addslashes($provider['postalAddressLine1'] ?? '') }}, {{ $provider['postalCode'] ?? '' }}')
                                    .openPopup();
                            });
                        </script>
                    </div>
                @endif
                
                <!-- Registered Locations with details -->
                <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 sm:p-8 shadow-sm flex flex-col">
                    <h2 class="text-base font-bold text-[#002F6C] mb-3 border-b border-[#E8EDEE] pb-2 flex items-center justify-between">
                        <span>Registered Locations</span>
                        <span class="text-xs font-semibold text-[#4c6272]">
                            {{ !empty($locations) ? count($locations) : count($provider['locationIds'] ?? []) }} total
                        </span>
                    </h2>
                    
                    @php
                        $hasFullLocations = !empty($locations) && is_array($locations) && count($locations) > 0;
                        $displayLocations = $hasFullLocations ? $locations : ($provider['locationIds'] ?? []);
                    @endphp

                    @if(count($displayLocations) > 0)
                        <div class="overflow-y-auto max-h-[400px] pr-2 custom-scrollbar space-y-3">
                            @foreach($displayLocations as $loc)
                                @php
                                    $isFullLoc = is_array($loc);
                                    $locId = $isFullLoc ? ($loc['locationId'] ?? $loc['organisationId'] ?? '') : $loc;
                                    $locName = $isFullLoc ? ($loc['locationName'] ?? $loc['name'] ?? null) : null;
                                    $locPostcode = $isFullLoc ? ($loc['postalCode'] ?? null) : null;
                                @endphp
                                <div class="rounded-xl bg-[#F0F4F5] border border-[#E8EDEE] p-4 hover:border-[#a1b5be] transition duration-200">
                                    <div class="flex items-center justify-between gap-2 mb-1.5">
                                        <span class="font-mono font-bold text-xs text-[#005EB8]">{{ $locId }}</span>
                                        @if($locPostcode)
                                            <span class="text-xs text-[#4c6272] font-mono">{{ $locPostcode }}</span>
                                        @endif
                                    </div>
                                    @if($locName)
                                        <h4 class="text-xs sm:text-sm font-bold text-[#212B32] leading-snug">
                                            <a href="{{ route('locations.show', ['id' => $locId]) }}" class="hover:text-[#005EB8] hover:underline">
                                                {{ $locName }}
                                            </a>
                                        </h4>
                                    @else
                                        <h4 class="text-xs sm:text-sm font-semibold text-[#005EB8] hover:underline leading-snug">
                                            <a href="{{ route('locations.show', ['id' => $locId]) }}">
                                                Location Details ({{ $locId }})
                                            </a>
                                        </h4>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    @else
                        <div class="flex-grow flex flex-col items-center justify-center text-center py-10 text-[#768e9a]">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-[#a1b5be] mb-2">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
                                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" />
                            </svg>
                            <span class="text-xs">No registered locations</span>
                        </div>
                    @endif
                </div>

                <!-- Inspection Categories -->
                @if(!empty($provider['inspectionCategories']))
                    <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-3 border-b border-[#E8EDEE] pb-2">Inspection Categories</h2>
                        <ul class="space-y-2 text-xs">
                            @foreach($provider['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($provider['reports']))
                    <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-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($provider['reports'] as $rep)
                                <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>
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>

        <!-- 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>CQC 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['domain'] ?? 'Service Domain' }}
                                    </span>
                                    @if(isset($group['overallRating']))
                                        <span class="inline-flex items-center rounded px-2.5 py-0.5 text-xs font-extrabold shadow-sm {{ $getRatingClass($group['overallRating']) }}">
                                            {{ $group['overallRating'] }}
                                        </span>
                                    @endif
                                </div>
                                <h3 class="text-sm font-bold text-[#212B32] mb-1">
                                    {{ $group['name'] ?? $group['assessmentServiceGroup'] ?? 'Unnamed Group' }}
                                </h3>
                                @if(!empty($group['description']))
                                    <p class="text-xs text-[#4c6272] leading-relaxed mt-1.5">{{ $group['description'] }}</p>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif

        <!-- Detailed Location Insights -->
        @if(!empty($locations) && is_array($locations) && count($locations) > 0)
            <div class="bg-white border border-[#D8DDE0] rounded-2xl p-6 sm:p-8 shadow-sm space-y-6">
                <h2 class="text-xl font-bold text-[#002F6C] border-b border-[#E8EDEE] pb-3 flex items-center justify-between">
                    <span class="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="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" />
                        </svg>
                        Detailed Location Insights
                    </span>
                    <span class="text-sm font-semibold text-[#4c6272]">Profile data for registered facilities</span>
                </h2>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    @php
                        $hasFullLocations = false;
                    @endphp
                    @foreach($locations as $loc)
                        @php
                            $locId = $loc['locationId'] ?? $loc['organisationId'] ?? 'Unknown';
                            $isPlaceholder = empty($loc['type']) && empty($loc['registrationStatus']);
                            if (!$isPlaceholder) {
                                $hasFullLocations = true;
                            }
                        @endphp

                        @if(!$isPlaceholder)
                            <div class="bg-[#F0F4F5] border border-[#E8EDEE] rounded-xl p-5 shadow-sm flex flex-col justify-between hover:border-[#a1b5be] transition duration-200">
                                <div class="space-y-4">
                                    <!-- Top level badges & Title -->
                                    <div class="space-y-2">
                                        <div class="flex flex-wrap items-center gap-1.5">
                                            <span class="inline-flex items-center rounded bg-white px-2 py-0.5 text-[10px] font-mono text-[#212B32] border border-[#D8DDE0]">
                                                ID: {{ $locId }}
                                            </span>
                                            @if(!empty($loc['odsCode']))
                                                <span class="inline-flex items-center rounded bg-white px-2 py-0.5 text-[10px] font-mono text-[#212B32] border border-[#D8DDE0]">
                                                    ODS: {{ $loc['odsCode'] }}
                                                </span>
                                            @endif
                                            @if(!empty($loc['type']))
                                                <span class="inline-flex items-center rounded bg-[#005eb8]/10 px-2 py-0.5 text-[10px] font-bold text-[#005eb8]">
                                                    {{ $loc['type'] }}
                                                </span>
                                            @endif
                                        </div>
                                        
                                        <h3 class="text-base font-bold text-[#002F6C] hover:text-[#005EB8] transition-colors leading-snug">
                                            <a href="{{ route('locations.show', ['id' => $locId]) }}">
                                                {{ $loc['name'] ?? 'Unnamed Location' }}
                                            </a>
                                        </h3>
                                    </div>

                                    <!-- Address and Rating details -->
                                    <div class="space-y-3 pt-3 border-t border-[#D8DDE0] text-xs">
                                        <div>
                                            <span class="text-[#4c6272] font-semibold block uppercase tracking-wider text-[9px] mb-1">Address</span>
                                            <p class="text-[#212B32] leading-relaxed font-bold">
                                                {{ $loc['postalAddressLine1'] ?? '' }}@if(!empty($loc['postalAddressLine2'])), {{ $loc['postalAddressLine2'] }}@endif<br>
                                                {{ $loc['postalAddressTownCity'] ?? '' }}@if(!empty($loc['postalAddressCounty'])), {{ $loc['postalAddressCounty'] }}@endif<br>
                                                <span class="font-mono text-[#005EB8]">{{ $loc['postalCode'] ?? '' }}</span>
                                            </p>
                                        </div>

                                        @php
                                            $locOverallRating = $loc['currentRatings']['overall']['rating'] ?? null;
                                        @endphp
                                        <div class="flex items-center justify-between gap-4 pt-1">
                                            <div>
                                                <span class="text-[#4c6272] font-semibold block uppercase tracking-wider text-[9px] mb-1">CQC Rating</span>
                                                @if($locOverallRating)
                                                    <span class="inline-flex rounded px-2.5 py-0.5 text-[11px] font-extrabold shadow-sm {{ $getRatingClass($locOverallRating) }}">
                                                        {{ $locOverallRating }}
                                                    </span>
                                                @else
                                                    <span class="inline-flex rounded bg-[#768e9a]/10 text-[#768e9a] border border-[#768e9a]/20 px-2 py-0.5 text-[10px] font-semibold">
                                                        Not Rated
                                                    </span>
                                                @endif
                                            </div>

                                            <div>
                                                <span class="text-[#4c6272] font-semibold block uppercase tracking-wider text-[9px] mb-1">Status</span>
                                                @php
                                                    $locStatus = strtolower($loc['registrationStatus'] ?? 'unknown');
                                                    $isLocReg = $locStatus === 'registered';
                                                    $locStatusClass = $isLocReg 
                                                        ? 'bg-[#009639]/10 text-[#009639] border-[#009639]/20' 
                                                        : 'bg-[#DA291C]/10 text-[#DA291C] border-[#DA291C]/20';
                                                @endphp
                                                <span class="inline-flex items-center gap-1 rounded-full {{ $locStatusClass }} border px-2.5 py-0.5 text-[10px] font-bold">
                                                    <span class="h-1 w-1 rounded-full {{ $isLocReg ? 'bg-[#009639]' : 'bg-[#DA291C]' }}"></span>
                                                    {{ $loc['registrationStatus'] ?? 'Unknown' }}
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mt-5 pt-3 border-t border-[#D8DDE0] flex items-center justify-between text-xs">
                                    <span class="text-[10px] text-[#4c6272] font-semibold">Registered: {{ isset($loc['registrationDate']) ? date('d M Y', strtotime($loc['registrationDate'])) : 'N/A' }}</span>
                                    <a href="{{ route('locations.show', ['id' => $locId]) }}" class="inline-flex items-center gap-1 text-[#005EB8] hover:text-[#002F6C] font-bold hover:underline transition">
                                        View Profile
                                        <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="m8.25 4.5 7.5 7.5-7.5 7.5" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        @endif
    </div>
@endif

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