@extends('layouts.app')

@php
    $formatLabels = [
        'aaib_report' => 'Air Accidents (AAIB)',
        'maib_report' => 'Marine Accidents (MAIB)',
        'raib_report' => 'Rail Accidents (RAIB)',
    ];
    
    $formatPlurals = [
        'aaib_report' => 'Air Accident Reports',
        'maib_report' => 'Marine Accident Reports',
        'raib_report' => 'Rail Accident Reports',
    ];

    if (isset($isRecent) && $isRecent) {
        $pageTitle = 'Recent Accident Reports';
        $metaDescription = "Browse the latest UK Accident reports. View the most recently published official investigations.";
    } else {
        $currentFormat = session('search_format');
        $formatName = ($currentFormat && $currentFormat !== 'all') ? ($formatLabels[$currentFormat] ?? 'Accidents') : 'Accidents';
        $formatNamePlural = ($currentFormat && $currentFormat !== 'all') ? ($formatPlurals[$currentFormat] ?? 'Accident Reports') : 'Accident Reports';
        
        $pageTitle = $query ? ucfirst($query) . ' - ' . $formatNamePlural : $formatNamePlural;
        $metaDescription = $query 
            ? "Search and browse " . number_format($decisions->total()) . " " . $formatName . " reports matching '" . $query . "'. Access official documents and safety recommendations."
            : "Browse the complete database of UK " . $formatName . " reports. Search through over " . number_format($decisions->total()) . " official investigations and safety documents.";
    }
@endphp

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

@section('content')
<div class="bg-white shadow overflow-hidden sm:rounded-md border border-gray-200">
    <ul role="list" class="divide-y divide-gray-200">
        @forelse($decisions as $decision)
            @php
                $format = $decision['format'] ?? 'aaib_report';
                $formatLabel = $formatLabels[$format] ?? 'Report';
                $decisionUrl = $format === 'aaib_report' 
                    ? route('reports.show', ['slug' => basename($decision['link'])]) 
                    : route('reports.showFormat', ['format' => $format, 'slug' => basename($decision['link'])]);
            @endphp
            <li>
                <a href="{{ $decisionUrl }}" class="block hover:bg-gray-50 transition duration-150 ease-in-out">
                    <div class="px-4 py-5 sm:px-6">
                        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 sm:gap-4">
                            <div class="flex-1">
                                <p class="text-sm font-semibold text-indigo-600 sm:truncate">
                                    {{ $decision['title'] ?? 'Unknown Title' }}
                                </p>
                                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800 mt-1">
                                    {{ $formatLabel }}
                                </span>
                            </div>
                            <div class="flex-shrink-0 flex mt-1 sm:mt-0">
                                @if(isset($decision['public_timestamp']))
                                    <p class="px-2.5 py-0.5 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800 whitespace-nowrap">
                                        {{ \Carbon\Carbon::parse($decision['public_timestamp'])->format('d M Y') }}
                                    </p>
                                @endif
                            </div>
                        </div>
                        <div class="mt-2 sm:flex sm:justify-between">
                            <div class="sm:flex text-sm text-gray-600">
                                <p class="line-clamp-2">
                                    {{ $decision['description'] ?? 'No description available.' }}
                                </p>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
        @empty
            <li>
                <div class="px-4 py-12 text-center text-gray-500">
                    <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                    </svg>
                    <h3 class="mt-2 text-sm font-semibold text-gray-900">No reports found</h3>
                    <p class="mt-1 text-sm text-gray-500">Try adjusting your search term.</p>
                </div>
            </li>
        @endforelse
    </ul>
</div>

<div class="mt-6">
    {{ $decisions->withQueryString()->links() }}
</div>
@endsection