@extends('layouts.app')

@php
    $pageTitle = $decision['title'] ?? 'Report Details';

    // Try to get text from the first successfully extracted PDF
    $pdfText = '';
    if (isset($extractedPreviews) && is_array($extractedPreviews)) {
        foreach ($extractedPreviews as $preview) {
            if (!empty($preview['text'])) {
                $pdfText = $preview['text'];
                break;
            }
        }
    }

    // Use PDF text if available, fallback to hidden indexable content, then description
    $rawText = !empty($pdfText) ? $pdfText : ($decision['details']['metadata']['hidden_indexable_content'] ?? ($decision['description'] ?? ''));
    
    // Remove boilerplate lines before generating the snippet
    $rawText = preg_replace('/^.*(?:Crown copyright|All times are UTC).*$/mi', '', $rawText);
    
    $cleanText = trim(preg_replace('/\s+/', ' ', strip_tags($rawText)));
    $extract = \Illuminate\Support\Str::limit($cleanText, 200);
    $metaDescription = 'Accident Report - ' . $extract;
@endphp

@section('title', $pageTitle)
@section('meta_description', $metaDescription)

@section('content')
    <div class="mb-6">
        <a href="{{ url()->previous() !== url()->current() ? url()->previous() : route('reports.index') }}"
            class="text-indigo-600 hover:text-indigo-900 flex items-center text-sm font-medium transition-colors">
            <svg class="mr-1.5 h-5 w-5 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
                aria-hidden="true">
                <path fill-rule="evenodd"
                    d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                    clip-rule="evenodd" />
            </svg>
            Back to Search
        </a>
    </div>

    <div class="bg-white shadow-sm overflow-hidden sm:rounded-lg border border-gray-200 mb-8">
        <div class="px-4 py-6 sm:px-6 flex flex-col sm:flex-row justify-between items-start gap-4 border-b border-gray-200">
            <div class="flex-grow">
                <h3 class="text-2xl leading-8 font-bold text-gray-900">
                    {{ $decision['title'] ?? 'Report Details' }}
                </h3>

                @if (isset($decision['document_type']))
                    @php
                        $formatLabels = [
                            'aaib_report' => 'Air Accidents (AAIB)',
                            'maib_report' => 'Marine Accidents (MAIB)',
                            'raib_report' => 'Rail Accidents (RAIB)',
                        ];
                        $label = $formatLabels[$decision['document_type']] ?? 'Report';
                    @endphp
                    <div class="mt-2">
                        <span
                            class="inline-flex items-center px-2.5 py-0.5 rounded-md text-sm font-medium bg-indigo-100 text-indigo-800">
                            {{ $label }}
                        </span>
                    </div>
                @endif
                <p class="mt-2 text-sm text-gray-500 flex items-center">
                    <svg class="mr-1.5 h-4 w-4 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none"
                        viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
                    </svg>
                    @php
                        $publishedDate = $decision['public_updated_at'] ?? ($decision['first_published_at'] ?? null);
                    @endphp
                    Published on
                    {{ $publishedDate ? \Carbon\Carbon::parse($publishedDate)->format('d F Y, H:i') : 'Unknown' }}
                </p>
            </div>
        </div>

        <div class="px-4 py-5 sm:p-0">
            <dl class="sm:divide-y sm:divide-gray-200">
                <div class="py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">
                        Summary
                    </dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2 leading-relaxed">
                        {{ $decision['description'] ?? 'No summary available.' }}
                    </dd>
                </div>

                @if (isset($decision['details']['metadata']))
                    @foreach ($decision['details']['metadata'] as $key => $value)
                        @if ($key === 'hidden_indexable_content')
                            @continue
                        @endif

                        <div
                            class="py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 hover:bg-gray-50 transition-colors">
                            <dt class="text-sm font-medium text-gray-500 capitalize">
                                {{ str_replace('_', ' ', $key) }}
                            </dt>
                            <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                                @if (is_array($value))
                                    <div class="flex flex-wrap gap-2">
                                        @foreach ($value as $item)
                                            @php
                                                $label =
                                                    is_array($item) && isset($item['label'])
                                                        ? $item['label']
                                                        : (is_array($item)
                                                            ? implode(', ', $item)
                                                            : $item);
                                            @endphp
                                            <span
                                                class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800">
                                                {{ $label }}
                                            </span>
                                        @endforeach
                                    </div>
                                @else
                                    {{ $value }}
                                @endif
                            </dd>
                        </div>
                    @endforeach
                @endif
            </dl>
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
        <div class="md:col-span-2 space-y-6">
            @php
                $bodyHtml = $decision['details']['body'] ?? '';

                // Smart Hiding Logic: Check if body is just boilerplate
                $strippedBody = trim(strip_tags($bodyHtml));
                $cleanText = str_replace(['Read the full report in', '.', ','], '', $strippedBody);
                $cleanText = preg_replace('/\s+/', '', $cleanText);

                foreach ($attachments as $attachment) {
                    $cleanTitle = preg_replace('/\s+/', '', $attachment['title'] ?? '');
                    if (!empty($cleanTitle)) {
                        $cleanText = str_replace($cleanTitle, '', $cleanText);
                    }
                }

                $showDecisionContent = !empty($bodyHtml) && strlen($cleanText) > 20;
                if (count($attachments) === 0 && !empty($bodyHtml)) {
                    $showDecisionContent = true;
                }
            @endphp

            @if ($showDecisionContent)
                <div class="bg-white shadow-sm overflow-hidden sm:rounded-lg border border-gray-200">
                    <div class="px-4 py-5 sm:px-6 border-b border-gray-200 bg-gray-50">
                        <h3 class="text-lg leading-6 font-medium text-gray-900">Report Overview</h3>
                    </div>
                    <div class="p-6 prose prose-indigo max-w-none text-gray-700">
                        @php
                            $bodyHtml = str_replace('href="/', 'href="https://www.gov.uk/', $bodyHtml);

                            $bodyHtml = preg_replace_callback(
                                '/<a\s+href="([^"]+)"[^>]*>(.*?)<\/a>/i',
                                function ($matches) {
                                    $url = $matches[1];
                                    $title = strip_tags($matches[2]);

                                    $svg =
                                        '<svg class="flex-shrink-0 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M8 4a3 3 0 00-3 3v4a5 5 0 0010 0V7a1 1 0 112 0v4a7 7 0 11-14 0V7a5 5 0 0110 0v4a3 3 0 11-6 0V7a1 1 0 012 0v4a1 1 0 102 0V7a3 3 0 00-3-3z" clip-rule="evenodd" /></svg>';

                                    return '<span class="flex items-center justify-between pl-3 pr-4 py-3 mt-3 border border-gray-200 rounded-md bg-white shadow-sm not-prose text-sm w-full"><span class="w-0 flex-1 flex items-center">' .
                                        $svg .
                                        '<span class="ml-2 flex-1 w-0 truncate font-medium text-gray-900">' .
                                        $title .
                                        '</span></span><a href="' .
                                        $url .
                                        '" target="_blank" rel="noopener noreferrer" class="ml-4 flex-shrink-0 font-medium text-indigo-600 hover:text-indigo-500">Download</a></span>';
                                },
                                $bodyHtml,
                            );

                            preg_match_all('/(.*?<\/(?:p|ul|ol|h[1-6])>)/is', $bodyHtml, $matches);
                            
                            $truncatedBody = '';
                            $textLen = 0;
                            if (!empty($matches[1])) {
                                foreach ($matches[1] as $block) {
                                    $truncatedBody .= $block;
                                    $textLen += mb_strlen(strip_tags($block));
                                    if ($textLen > 400) {
                                        break;
                                    }
                                }
                            }
                            
                            if (empty($truncatedBody)) {
                                $truncatedBody = $bodyHtml;
                            } elseif (strlen($truncatedBody) < strlen($bodyHtml)) {
                                $truncatedBody .= '<p class="text-sm italic text-gray-500 mt-4 px-4 py-3 bg-gray-50 border border-gray-200 rounded-md">This overview has been truncated. Please refer to the official documents below for the complete canonical report.</p>';
                            }
                        @endphp
                        {!! $truncatedBody !!}
                    </div>
                </div>
            @endif

            @if (count($attachments) > 0)
                <div class="bg-white shadow-sm overflow-hidden sm:rounded-lg border border-gray-200">
                    <div class="px-4 py-5 sm:px-6 border-b border-gray-200 bg-gray-50">
                        <h3 class="text-lg leading-6 font-medium text-gray-900">Official Documents</h3>
                    </div>
                    <ul role="list" class="divide-y divide-gray-200">
                        @foreach ($attachments as $attachment)
                            <li class="pl-3 pr-4 py-4 flex items-center justify-between text-sm">
                                <div class="w-0 flex-1 flex items-center">
                                    <svg class="flex-shrink-0 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg"
                                        viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                        <path fill-rule="evenodd"
                                            d="M8 4a3 3 0 00-3 3v4a5 5 0 0010 0V7a1 1 0 112 0v4a7 7 0 11-14 0V7a5 5 0 0110 0v4a3 3 0 11-6 0V7a1 1 0 012 0v4a1 1 0 102 0V7a3 3 0 00-3-3z"
                                            clip-rule="evenodd" />
                                    </svg>
                                    <span class="ml-2 flex-1 w-0 truncate font-medium text-gray-900">
                                        {{ $attachment['title'] ?? 'Document' }}
                                    </span>
                                </div>
                                <div class="ml-4 flex-shrink-0">
                                    <a href="{{ $attachment['url'] }}" target="_blank" rel="noopener noreferrer"
                                        class="font-medium text-indigo-600 hover:text-indigo-500 flex items-center">
                                        Download
                                    </a>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if (isset($extractedPreviews) && count($extractedPreviews) > 0)
                <div class="bg-white shadow-sm overflow-hidden sm:rounded-lg border border-gray-200">
                    <div class="px-4 py-5 sm:px-6 border-b border-gray-200 bg-gray-50">
                        <h3 class="text-lg leading-6 font-medium text-gray-900">Document Content Preview</h3>
                        <p class="mt-1 text-sm text-gray-500">Extracted text from the first few pages of the official documents.</p>
                    </div>
                    <div class="p-6">
                        @foreach ($extractedPreviews as $preview)
                            <div class="mb-8 last:mb-0">
                                <h4 class="text-md font-medium text-gray-900 mb-2 border-b border-gray-100 pb-2">
                                    {{ $preview['title'] ?? 'Document' }}
                                </h4>
                                @if (isset($preview['error']) && $preview['error'])
                                    <div class="rounded-md bg-yellow-50 p-4">
                                        <div class="flex">
                                            <div class="flex-shrink-0">
                                                <svg class="h-5 w-5 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                    <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
                                                </svg>
                                            </div>
                                            <div class="ml-3">
                                                <h3 class="text-sm font-medium text-yellow-800">
                                                    Unable to extract preview for this document.
                                                </h3>
                                            </div>
                                        </div>
                                    </div>
                                @elseif (!empty($preview['text']))
                                    <article class="prose prose-sm max-w-none text-gray-700 whitespace-pre-wrap font-sans bg-gray-50 p-4 rounded-md border border-gray-100">{!! $preview['text'] !!}</article>
                                    @if ($preview['is_truncated'] ?? false)
                                        <div class="mt-4 rounded-md bg-blue-50 p-4 border border-blue-100">
                                            <div class="flex">
                                                <div class="flex-shrink-0">
                                                    <svg class="h-5 w-5 text-blue-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                        <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
                                                    </svg>
                                                </div>
                                                <div class="ml-3 flex-1 md:flex md:justify-between">
                                                    <p class="text-sm text-blue-700">
                                                        Text truncated. The original document has {{ $preview['total_pages'] }} pages.
                                                    </p>
                                                    <p class="mt-3 text-sm md:mt-0 md:ml-6">
                                                        <a href="{{ $preview['url'] }}" target="_blank" rel="noopener noreferrer" class="whitespace-nowrap font-medium text-blue-700 hover:text-blue-600">
                                                            Read the full text here <span aria-hidden="true">&rarr;</span>
                                                        </a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @else
                                    <p class="text-sm text-gray-500 italic">No text could be extracted from this document.</p>
                                @endif
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif

        </div>

        <div>
            @if (!empty($decision['details']['change_history']))
                <div class="bg-white shadow-sm overflow-hidden sm:rounded-lg border border-gray-200">
                    <div class="px-4 py-5 sm:px-6 border-b border-gray-200 bg-gray-50">
                        <h3 class="text-lg leading-6 font-medium text-gray-900">Change History</h3>
                    </div>
                    <div class="p-6">
                        <div class="flow-root">
                            <ul role="list" class="-mb-8">
                                @foreach ($decision['details']['change_history'] as $index => $history)
                                    <li>
                                        <div class="relative pb-8">
                                            @if (!$loop->last)
                                                <span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200"
                                                    aria-hidden="true"></span>
                                            @endif
                                            <div class="relative flex space-x-3">
                                                <div>
                                                    <span
                                                        class="h-8 w-8 rounded-full bg-indigo-500 flex items-center justify-center ring-8 ring-white">
                                                        <svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg"
                                                            viewBox="0 0 20 20" fill="currentColor">
                                                            <path fill-rule="evenodd"
                                                                d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z"
                                                                clip-rule="evenodd" />
                                                        </svg>
                                                    </span>
                                                </div>
                                                <div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4">
                                                    <div>
                                                        <p class="text-sm text-gray-500">
                                                            {{ $history['note'] ?? 'Updated' }}</p>
                                                    </div>
                                                    <div class="text-right text-sm whitespace-nowrap text-gray-500">
                                                        <time
                                                            datetime="{{ $history['public_timestamp'] }}">{{ \Carbon\Carbon::parse($history['public_timestamp'])->format('d M Y') }}</time>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>

    @if (!empty($decision['details']['metadata']['hidden_indexable_content']))
        <div class="mt-6 bg-white shadow-sm overflow-hidden sm:rounded-lg border border-gray-200">
            <div class="px-4 py-5 sm:px-6 border-b border-gray-200 bg-gray-50">
                <h3 class="text-lg leading-6 font-medium text-gray-900">Full Report Text</h3>
                <p class="mt-1 text-sm text-gray-500">Raw text extracted from the official documents.</p>
            </div>
            <div class="p-6 max-h-96 overflow-y-auto bg-gray-50 border-t border-gray-200">
                <div class="prose prose-sm max-w-none text-gray-600 font-mono whitespace-pre-wrap text-xs">
                    {{ $decision['details']['metadata']['hidden_indexable_content'] }}
                </div>
            </div>
        </div>
    @endif

    @php
        $entities = [];
        $metadata = $decision['details']['metadata'] ?? [];

        // Extract useful entities from metadata for SEO links
        $usefulKeys = ['registration', 'aircraft_type', 'location', 'vessel_name', 'vessel_type', 'railway_type'];

        foreach ($usefulKeys as $key) {
            if (!empty($metadata[$key])) {
                $value = $metadata[$key];
                if (is_array($value)) {
                    foreach ($value as $item) {
                        $val =
                            is_array($item) && isset($item['label'])
                                ? $item['label']
                                : (is_array($item)
                                    ? implode(' ', $item)
                                    : $item);
                        if (!empty($val)) {
                            $entities[] = $val;
                        }
                    }
                } else {
                    $entities[] = $value;
                }
            }
        }

        // Remove duplicates
        $entities = array_unique($entities);
    @endphp

    @if (count($entities) > 0)
        <div class="mt-6 bg-white shadow-sm overflow-hidden sm:rounded-lg border border-gray-200">
            <div class="px-4 py-5 sm:px-6 border-b border-gray-200 bg-gray-50">
                <h3 class="text-lg leading-6 font-medium text-gray-900">Related Entities</h3>
                <p class="mt-1 text-sm text-gray-500">Search the database for other reports involving these entities.</p>
            </div>
            <div class="p-6 bg-white">
                <div class="flex flex-wrap gap-3">
                    @foreach ($entities as $entity)
                        <a href="{{ url('reports/' . urlencode($entity)) }}"
                            class="inline-flex items-center px-4 py-2 border border-indigo-200 rounded-full text-sm font-medium text-indigo-700 bg-indigo-50 hover:bg-indigo-100 hover:border-indigo-300 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                            <svg class="mr-2 h-4 w-4 text-indigo-500" xmlns="http://www.w3.org/2000/svg" fill="none"
                                viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
                            </svg>
                            {{ $entity }}
                        </a>
                    @endforeach
                </div>
            </div>
        </div>
    @endif
@endsection