@extends('layouts.guest')

@section('title', 'Página expirada')
@section('meta_description', 'La página ha expirado. Por favor, recarga y vuelve a intentarlo.')
@section('meta_keywords', '419, page expired, sesión expirada, csrf')

@section('content')
    <div class="text-center py-24 h-screen px-4 flex flex-col justify-center items-center">
        <h1 class="text-8xl font-bold text-secondary-500">419</h1>
        <p class="text-xl text-gray-800 dark:text-white mt-4">
            {{ $message ?? 'La sesión ha expirado o esta acción no es válida. Por favor, vuelve a intentarlo.' }}
        </p>
        <a href="{{ url()->previous() }}"
            class="mt-8 inline-block bg-secondary-500 hover:bg-secondary-400 text-white py-4 px-8 rounded-lg text-md font-semibold shadow-md transition duration-300 ease-in-out transform hover:shadow-md">
            Volver atrás
        </a>
    </div>
@endsection