@extends('layouts.errors.template')
@section('title', 'PAGINA NO ENCONTRADA')

@section('content')
    <div class="flex justify-center mt-24">
        <div class="content-error">
            <div class="div-content-error">
                <img class="w-56" src="{{ asset('images/auth/logo.png') }}">

                <div class="mt-24 flex flex-col items-center">

                    <div class="text-text-error text-9xl">
                        <i class="fa-solid fa-user-shield"></i>
                    </div>

                    <label class="text-3xl font-bold mt-9">¡UPS!</label>
                    <label class="text-xl font-semibold mt-2">La sesion ha expirado, por favor inicie sesion nuevamente.</label>


                    <a href="{{ route('login') }}" class="btn-primary-fit-base mt-10"> Iniciar sesion </a>
                </div>
            </div>
        </div>
    </div>
@endsection