{{--
    Error Layout — extends nova.blade.php
    Shared structure for all error pages (404, 410, 403, 401, 500, contextual variants).

    Enforces:
    • noindex
    • No canonical link
    • Dark Nova design
    • Full navigation visible
    • Recovery CTAs

    Variables:
    $error_code     int     HTTP status code
    $error_title    string  Short headline
    $error_message  string  Friendly sentence
--}}
@extends('layouts.nova')

@php
    $code    = $error_code    ?? 404;
    $title   = $error_title   ?? 'Page Not Found';
    $message = $error_message ?? 'This page drifted into deep space.';
@endphp

@push('head')
    {{-- SEO: never index error pages --}}
    <meta name="robots" content="noindex, nofollow" />
@endpush

@section('content')
<div class="min-h-[70vh] flex flex-col items-center justify-center px-4 py-16">

    {{-- Hero block --}}
    <div class="text-center max-w-xl mx-auto">

        {{-- Code glow --}}
        <div class="text-8xl font-extrabold text-sky-500/20 select-none leading-none mb-2">{{ $code }}</div>

        {{-- Gradient badge --}}
        <div class="inline-flex items-center gap-2 rounded-full bg-sky-500/10 border border-sky-500/20 px-4 py-1 text-xs font-semibold text-sky-400 uppercase tracking-widest mb-6">
            @yield('badge', 'Error')
        </div>

        <h1 class="text-3xl sm:text-4xl font-extrabold text-white leading-tight mb-4">
            {{ $title }}
        </h1>

        <p class="text-white/60 text-base sm:text-lg leading-relaxed mb-8">
            {{ $message }}
        </p>

        {{-- Primary CTA --}}
        @yield('primary-cta')

        {{-- Secondary CTAs --}}
        @hasSection('secondary-ctas')
        <div class="flex flex-wrap justify-center gap-3 mt-4">
            @yield('secondary-ctas')
        </div>
        @endif
    </div>

    {{-- Contextual recovery section --}}
    @hasSection('recovery')
    <div class="w-full max-w-5xl mx-auto mt-16">
        @yield('recovery')
    </div>
    @endif

</div>
@endsection