@extends('errors.layout')

@section('code', '401')

@section('title', 'Authentication Required')

@section('icon', 'fa-solid fa-user-lock')

@section(
    'message',
    'You need to sign in before you can access this resource. Please log in using your authorized account.'
)

@section('primary-action')

    <a
        href="{{ route('login') }}"
        class="inline-flex items-center justify-center gap-2 rounded-lg bg-sky-600 px-5 py-2.5 text-sm font-semibold text-white transition hover:bg-sky-700 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2"
    >
        <i class="fa-solid fa-right-to-bracket"></i>

        Sign In
    </a>

@endsection