<?php
/// file: app/View/layouts/admin-guest.php

declare(strict_types=1);

/** @var string $content */
/** @var \App\Core\App $app */
$brand = (string) $app->config('app.name', 'SANEKSA');
?>
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex,nofollow">
    <title>Sign in — <?= e($brand) ?></title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<?= e(asset('css/main.css')) ?>">
    <link rel="stylesheet" href="<?= e(asset('css/admin-guest.css')) ?>">
</head>
<body class="relative min-h-screen overflow-x-hidden bg-carbon text-smoke-100 antialiased selection:bg-electric-500/30 selection:text-white">
    <div class="pointer-events-none fixed inset-0 bg-[radial-gradient(ellipse_90%_55%_at_50%_-15%,rgba(14,165,233,0.18),transparent_55%)]" aria-hidden="true"></div>
    <div class="pointer-events-none fixed inset-0 bg-[radial-gradient(ellipse_50%_40%_at_100%_0%,rgba(139,92,246,0.12),transparent_50%)]" aria-hidden="true"></div>
    <div class="pointer-events-none fixed inset-0 bg-[radial-gradient(ellipse_45%_35%_at_0%_100%,rgba(34,211,238,0.08),transparent_50%)]" aria-hidden="true"></div>
    <div class="pointer-events-none fixed inset-0 bg-noise-soft opacity-[0.055] mix-blend-overlay" aria-hidden="true"></div>
    <div
        class="pointer-events-none fixed inset-0 bg-[linear-gradient(rgba(255,255,255,0.028)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.028)_1px,transparent_1px)] bg-[length:72px_72px] [mask-image:radial-gradient(ellipse_75%_65%_at_50%_45%,black,transparent)]"
        aria-hidden="true"
    ></div>
    <div class="pointer-events-none fixed inset-0 bg-gradient-to-b from-transparent via-transparent to-carbon" aria-hidden="true"></div>

    <div class="relative z-10 flex min-h-screen flex-col items-center justify-center px-5 py-14 sm:px-8">
        <?= $content ?>
        <p class="mt-14 text-center">
            <a
                href="<?= e(url('/')) ?>"
                class="text-[0.65rem] font-medium uppercase tracking-[0.35em] text-silver-600 transition duration-300 ease-outexpo hover:text-electric-300"
            ><?= e($brand) ?></a>
        </p>
    </div>
</body>
</html>
