@extends('admin.layout')
@section('title', 'HTTP-fout detail')

@section('content')
<div class="p-6 max-w-4xl mx-auto space-y-6">

    <div class="flex items-center gap-3">
        <a href="{{ route('admin.logs', ['tab' => 'server']) }}" class="text-sm text-indigo-600 hover:underline">← Serverfouten</a>
    </div>

    @php
        $statusColor = match(true) {
            $log->status >= 503 => 'bg-yellow-100 text-yellow-700',
            $log->status >= 500 => 'bg-red-100 text-red-700',
            $log->status >= 429 => 'bg-orange-100 text-orange-700',
            $log->status >= 404 => 'bg-gray-100 text-gray-600',
            $log->status >= 400 => 'bg-amber-100 text-amber-700',
            default             => 'bg-gray-100 text-gray-500',
        };

        $explanations = [
            400 => ['titel' => 'Ongeldig verzoek',         'uitleg' => 'De server kon het verzoek niet verwerken omdat de invoer onjuist of onvolledig was. Waarschijnlijk een validatiefout of een misvormde request.'],
            401 => ['titel' => 'Niet geauthenticeerd',     'uitleg' => 'De gebruiker is niet ingelogd of de sessie is verlopen. De server vereist een geldige login voor dit verzoek.'],
            403 => ['titel' => 'Toegang geweigerd',        'uitleg' => 'De gebruiker is ingelogd maar heeft geen rechten voor deze actie. Controleer de autorisatieregels (Policy / Gate).'],
            404 => ['titel' => 'Pagina niet gevonden',     'uitleg' => 'De gevraagde URL bestaat niet of het bijbehorende record is verwijderd. Kan ook duiden op een verkeerde link of een verwijderd object.'],
            405 => ['titel' => 'Methode niet toegestaan',  'uitleg' => 'De HTTP-methode (GET, POST, …) is niet toegestaan op dit eindpunt. Vaak een fout in een formulier of API-aanroep.'],
            408 => ['titel' => 'Verzoek verlopen',         'uitleg' => 'De server heeft te lang gewacht op de client. Kan duiden op een trage verbinding of een hangende upload.'],
            419 => ['titel' => 'CSRF-token verlopen',      'uitleg' => 'Het beveiligingstoken in het formulier is verlopen (sessie te lang inactief of pagina te lang open). Gebruiker moest de pagina vernieuwen.'],
            422 => ['titel' => 'Niet-verwerkbare invoer',  'uitleg' => 'De invoer is syntactisch correct maar semantisch ongeldig — typisch een mislukte validatie. De exacte validatiefouten staan hieronder als die beschikbaar zijn.'],
            429 => ['titel' => 'Te veel verzoeken',        'uitleg' => 'De rate limiter heeft dit IP of deze gebruiker geblokkeerd wegens te veel aanvragen in korte tijd. Controleer of dit legitiem gebruik is of een aanval.'],
            500 => ['titel' => 'Interne serverfout',       'uitleg' => 'Er is een onverwachte fout opgetreden in de applicatie. Controleer de App-fouten tab voor de bijbehorende exception en stack trace.'],
            502 => ['titel' => 'Slechte gateway',          'uitleg' => 'Een tussenliggende server (proxy, load balancer) ontving een ongeldige respons. Vaak een tijdelijk probleem bij herstarts of overbelasting.'],
            503 => ['titel' => 'Service niet beschikbaar', 'uitleg' => 'De server is tijdelijk niet beschikbaar — onderhoudsmodus, overbelasting of een gecrasht proces. Controleer of de applicatie nog draait.'],
            504 => ['titel' => 'Gateway timeout',          'uitleg' => 'Een achterliggende dienst (database, externe API) reageerde te traag. Controleer de databaseverbinding of trage queries.'],
        ];

        $explanation = $explanations[$log->status] ?? [
            'titel'  => 'HTTP ' . $log->status,
            'uitleg' => $log->status >= 500
                ? 'Serverfout — de applicatie kon het verzoek niet voltooien door een interne fout.'
                : 'Clientfout — het verzoek kon niet worden verwerkt door een probleem aan de kant van de browser of gebruiker.',
        ];
    @endphp

    {{-- Uitleg --}}
    <div class="bg-blue-50 border border-blue-100 rounded-lg p-4 flex gap-3">
        <svg class="w-5 h-5 text-blue-400 shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"/>
        </svg>
        <div>
            <div class="text-sm font-semibold text-blue-800">{{ $log->status }} — {{ $explanation['titel'] }}</div>
            <div class="text-sm text-blue-700 mt-0.5">{{ $explanation['uitleg'] }}</div>
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">

        {{-- Linkerkolom: request-info --}}
        <div class="bg-white border border-gray-100 rounded-lg p-5 space-y-4">
            <div class="flex items-center gap-3">
                <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-bold {{ $statusColor }}">
                    {{ $log->status }}
                </span>
                <span class="font-mono text-sm font-semibold text-gray-700">{{ $log->method }}</span>
            </div>
            <div>
                <div class="text-xs text-gray-400 mb-1">Pad</div>
                <div class="text-sm font-mono text-gray-700 break-all">{{ $log->path }}</div>
            </div>
            <div>
                <div class="text-xs text-gray-400 mb-1">Datum/tijd</div>
                <div class="text-sm font-mono text-gray-700">{{ $log->created_at->format('d/m/Y H:i:s') }}</div>
                <div class="text-xs text-gray-400">{{ $log->created_at->diffForHumans() }}</div>
            </div>
            <div>
                <div class="text-xs text-gray-400 mb-1">Responstijd</div>
                <div class="text-sm font-mono text-gray-700">{{ $log->duration_ms }} ms</div>
            </div>
        </div>

        {{-- Rechterkolom: client & gebruiker --}}
        <div class="bg-white border border-gray-100 rounded-lg p-5 space-y-4">
            <div>
                <div class="text-xs text-gray-400 mb-1">IP-adres</div>
                <div class="text-sm font-mono text-gray-700">{{ $log->ip ?? '—' }}</div>
            </div>
            <div>
                <div class="text-xs text-gray-400 mb-1">Gebruiker</div>
                @if($user)
                    <a href="{{ route('admin.users.show', $user) }}" class="text-indigo-600 hover:underline text-sm font-medium">{{ $user->name }}</a>
                    <div class="text-xs text-gray-400">{{ $user->email }} · ID {{ $log->user_id }}</div>
                @elseif($log->user_id)
                    <span class="text-gray-500 text-sm">ID {{ $log->user_id }} (account verwijderd)</span>
                @else
                    <span class="text-gray-400 text-sm">Niet ingelogd</span>
                @endif
            </div>
            @if($log->threat)
            <div>
                <div class="text-xs text-gray-400 mb-1">Dreigingstype</div>
                <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-700">
                    {{ $log->threat }}
                </span>
            </div>
            @endif
            <div>
                <div class="text-xs text-gray-400 mb-1">Geblokkeerd</div>
                @if($log->blocked)
                    <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-700">Ja — voor controller afgevangen</span>
                @else
                    <span class="text-sm text-gray-500">Nee</span>
                @endif
            </div>
        </div>

    </div>

    {{-- Validatiefouten / exception --}}
    @if($log->exception)
    <div class="bg-white border border-gray-100 rounded-lg p-5">
        <div class="text-xs font-semibold uppercase tracking-wide text-gray-400 mb-3">
            {{ $log->status === 422 ? 'Validatiefouten' : 'Exception' }}
        </div>
        @if($log->status === 422)
            @php
                $errors = json_decode($log->exception, true);
            @endphp
            @if(is_array($errors))
                <table class="w-full text-sm">
                    <thead>
                        <tr class="text-left text-xs text-gray-400 border-b border-gray-100">
                            <th class="pb-1.5 pr-6 font-medium">Veld</th>
                            <th class="pb-1.5 font-medium">Fout</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-50">
                        @foreach($errors as $field => $messages)
                        <tr>
                            <td class="py-1.5 pr-6 font-mono text-xs text-gray-600 align-top whitespace-nowrap">{{ $field }}</td>
                            <td class="py-1.5 text-red-600 text-xs">
                                @foreach((array) $messages as $msg)
                                    <div>{{ $msg }}</div>
                                @endforeach
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <pre class="text-xs font-mono text-gray-700 whitespace-pre-wrap break-all">{{ $log->exception }}</pre>
            @endif
        @else
            <pre class="text-xs font-mono text-gray-700 whitespace-pre-wrap break-all overflow-x-auto max-h-96">{{ $log->exception }}</pre>
        @endif
    </div>
    @endif

</div>
@endsection