<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    
    <title><?php echo e($title ?? 'Authentication'); ?> - <?php echo e(config('app.name', 'SSHIA System')); ?></title>
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=inter:400,500,600,700" rel="stylesheet" />
    
    <!-- Tailwind CSS -->
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    
    <style>
        [x-cloak] { display: none !important; }
        body {
            font-family: 'Inter', sans-serif;
        }
    </style>
</head>
<body class="antialiased bg-gray-900">
    <!-- Toast Notifications -->
    <?php if(session('status')): ?>
        <div x-data="{ show: true }" 
             x-show="show"
             x-init="setTimeout(() => show = false, 5000)"
             x-transition
             class="fixed top-4 right-4 z-50 max-w-sm bg-green-500 text-white px-6 py-4 rounded-xl shadow-lg flex items-center">
            <i class="fas fa-check-circle mr-3"></i>
            <span><?php echo e(session('status')); ?></span>
            <button @click="show = false" class="ml-4 text-white/80 hover:text-white">
                <i class="fas fa-times"></i>
            </button>
        </div>
    <?php endif; ?>

    <!-- Main Content -->
    <?php echo $__env->yieldContent('content'); ?>
    
    <!-- Toast Container for JavaScript notifications -->
    <div id="toast-container" class="fixed top-4 right-4 z-50 space-y-3"></div>
</body>
</html>
<?php /**PATH /home/www/sshia.org/sshia/resources/views/layouts/guest.blade.php ENDPATH**/ ?>