{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: layout.blade.php
------------------------------------------------------
Use: Shared shell for the themed error pages, so 403,
     404 and the maintenance states all look like the
     rest of the site rather than a framework default.
=====================================================
--}}

@extends('layouts.app')

@section('title', $title)

@section('content')
    <div class="mx-auto flex min-h-screen max-w-lg flex-col items-center justify-center px-6 text-center">

        @isset($code)
            <p class="text-7xl font-black text-primary-600">@fa($code)</p>
        @endisset

        <h1 class="mt-6 text-2xl font-bold text-zinc-900">{{ $title }}</h1>

        <p class="mt-3 text-sm leading-8 text-zinc-600">{{ $message }}</p>

        <a
            href="{{ url('/') }}"
            class="mt-8 inline-flex items-center justify-center rounded-xl bg-primary-600 px-5 py-2.5 text-sm font-medium text-white transition hover:bg-primary-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-600 focus-visible:ring-offset-2"
        >
            {{ __('front.actions.back') }}
        </a>

    </div>
@endsection