@extends('layout')

@section('title')
    @yield('error_code') — @yield('error_title', 'Xəta baş verdi')
@endsection

@section('meta')
    <meta name="robots" content="noindex, follow">
@endsection

@section('content')
<div class="max-w-2xl mx-auto px-4 py-16 text-center">
    <div class="text-primary" style="font-size:6.5rem;line-height:1;font-weight:800;letter-spacing:-0.02em;">@yield('error_code')</div>
    <h1 class="text-2xl font-bold text-ink mb-3">@yield('error_title', 'Xəta baş verdi')</h1>
    <p class="text-muted mb-10">@yield('error_description', 'Gözlənilməz xəta baş verdi. Zəhmət olmasa yenidən cəhd edin.')</p>
    <div class="flex flex-wrap gap-3 justify-center">
        <a href="/" class="btn btn-primary">{{ __('Ana səhifə') }}</a>
        <a href="{{ route('templates.index') }}" class="btn btn-secondary">{{ __('Şablonlar') }}</a>
    </div>
</div>
@endsection