<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="<?= csrf_token() ?>">
    <title><?= e($title ?? 'Login') ?> - <?= APP_NAME ?></title>
    <link rel="icon" type="image/x-icon" href="<?= asset('images/favicon.ico') ?>">
    <link rel="stylesheet" href="<?= asset('css/bootstrap.min.css') ?>">
    <link rel="stylesheet" href="<?= asset('css/vendor/all.min.css') ?>">
    <link rel="stylesheet" href="<?= asset('css/theme.css') ?>">
    <link rel="stylesheet" href="<?= asset('css/components.css') ?>">
    <link rel="stylesheet" href="<?= asset('css/animations.css') ?>">
    <link rel="stylesheet" href="<?= asset('css/style.css') ?>">
    <link rel="stylesheet" href="<?= asset('css/responsive.css') ?>">
</head>
<body class="auth-page">
    <div class="auth-container">
        <div class="auth-glass">
            <div class="auth-header">
                <div class="auth-logo">
                    <img src="<?= asset('images/logo-white.svg') ?>" alt="<?= APP_NAME ?>">
                </div>
                <h1><?= APP_NAME ?></h1>
                <p class="auth-subtitle">Enterprise Salon Management System</p>
            </div>
            <div class="auth-body">
                <?php \core\View::partial('alerts'); ?>
                <?= $viewContent ?? '' ?>
            </div>
            <div class="auth-footer">
                <p>&copy; <?= date('Y') ?> <?= APP_NAME ?>. All rights reserved.</p>
            </div>
        </div>
    </div>

    <div class="auth-bg-shapes">
        <div class="shape shape-1"></div>
        <div class="shape shape-2"></div>
        <div class="shape shape-3"></div>
    </div>

    <script src="<?= asset('js/jquery-3.7.1.min.js') ?>"></script>
    <script src="<?= asset('js/bootstrap.bundle.min.js') ?>"></script>
    <script src="<?= asset('js/main.js') ?>"></script>
    <script src="<?= asset('js/animations.js') ?>"></script>
    <?= $scripts ?? '' ?>
</body>
</html>
