<!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 $__env->yieldContent('title', 'Auth'); ?> — <?php echo e(config('app.name', 'CRM')); ?></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=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<?php echo e(asset('css/app.css')); ?>">
</head>
<body>
<div class="guest-shell">
    <div class="guest-top-actions">
        <button type="button" class="btn btn-icon btn-ghost" id="theme-toggle" title="Theme" aria-label="Toggle dark mode">
            <svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>
            <svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
        </button>
    </div>
    <div class="guest-center">
        <div class="guest-card">
            <div class="guest-brand-mark" aria-hidden="true"></div>
            <?php echo $__env->yieldContent('content'); ?>
        </div>
    </div>
</div>
<script>
(function () {
    var k = 'crm-theme';
    function applyIcon() {
        var dark = document.documentElement.classList.contains('dark');
        document.querySelectorAll('.icon-sun').forEach(function (el) { el.style.display = dark ? 'none' : 'block'; });
        document.querySelectorAll('.icon-moon').forEach(function (el) { el.style.display = dark ? 'block' : 'none'; });
    }
    if (localStorage.getItem(k) === 'dark') document.documentElement.classList.add('dark');
    applyIcon();
    document.getElementById('theme-toggle').addEventListener('click', function () {
        document.documentElement.classList.toggle('dark');
        localStorage.setItem(k, document.documentElement.classList.contains('dark') ? 'dark' : 'light');
        applyIcon();
    });
})();
</script>
</body>
</html>
<?php /**PATH C:\laragon\www\clinic-system\resources\views/layouts/guest.blade.php ENDPATH**/ ?>