@extends('layouts.app')

@php
    $pageTitle = $decision['title'] ?? 'Decision Details';
    
    $rawText = $decision['details']['metadata']['hidden_indexable_content'] ?? ($decision['description'] ?? '');
    $cleanText = trim(preg_replace('/\s+/', ' ', strip_tags($rawText)));
    $extract = \Illuminate\Support\Str::limit($cleanText, 120);
    $metaDescription = "Employment Tribunal Decision - " . $extract;
@endphp

@section('title', $pageTitle)
@section('meta_description', $metaDescription)
@if (!empty($isNoIndex))
    @section('meta_robots', 'noindex, nofollow')
@endif

@section('content')
<div class="mb-6">
    <a href="{{ url()->previous() !== url()->current() ? url()->previous() : route('tribunals.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'] ?? 'Decision Details' }}
            </h3>
            
            @if(isset($decision['document_type']))
                @php
                    $formatLabels = [
                        'employment_tribunal_decision' => 'Employment Tribunal',
                        'employment_appeal_tribunal_decision' => 'Employment Appeal Tribunal',
                        'utaac_decision' => 'Administrative Appeals (UTAAC)',
                        'residential_property_tribunal_decision' => 'Residential Property Tribunal',
                    ];
                    $label = $formatLabels[$decision['document_type']] ?? 'Decision';
                @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('_', ' ', str_replace('tribunal_decision_', '', $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">
        @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

        @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 decision 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">Decision Content</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);
                @endphp
                {!! $bodyHtml !!}
            </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 Decision 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 = [];
    $rawTitle = $decision['title'] ?? '';
    if (!empty($rawTitle)) {
        // Strip case number (anything from the last colon onwards)
        $cleanTitle = preg_replace('/:\s*.*/', '', $rawTitle);
        // Split by ' v '
        $parts = preg_split('/\s+v\.?\s+/i', $cleanTitle);
        foreach ($parts as $part) {
            // Split by ' and ', commas, 'trading as', or 't/a'
            $subparts = preg_split('/(?:\s+and\s+|,|\s+trading\s+as\s+|\s+t\/a\s+)/i', $part);
            foreach ($subparts as $subpart) {
                $clean = trim($subpart);
                // Drop 'Others' and empty strings
                if (strcasecmp($clean, 'others') !== 0 && !empty($clean)) {
                    // Strip leading numbers like "1. " or "2. "
                    $clean = preg_replace('/^\d+\.\s*/', '', $clean);
                    $entities[] = $clean;
                }
            }
        }
    }
@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 Parties</h3>
        <p class="mt-1 text-sm text-gray-500">Search the database for other cases involving these individuals or companies.</p>
    </div>
    <div class="p-6 bg-white">
        <div class="flex flex-wrap gap-3">
            @foreach($entities as $entity)
                <a href="{{ url('decisions/' . 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