@extends('components.error')
@section('title', 'Something went wrong')
    <div class="flex items-center justify-center min-h-screen bg-gray-100">
        <div class="px-4 py-8 text-center">
            <h1 class="text-6xl font-bold text-gray-800">401</h1>
            <p class="text-xl text-gray-600 mt-4">Unauthorized</p>
            <p class="mt-2 text-gray-500">You need to be authenticated to access this resource.</p>
            <a href="{{ route('login') }}"
               class="mt-6 inline-block px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition">
                Login
            </a>
            @if(Route::has('register'))
                <a href="{{ route('register') }}"
                   class="mt-6 ml-4 inline-block px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600 transition">
                    Register
                </a>
            @endif
        </div>
    </div>
@endsection