<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>" dir="<?php echo e($layoutDirection ?? 'ltr'); ?>">
<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 ?? 'Book Appointment - Booklio'); ?></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=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <?php if(file_exists(public_path('build/manifest.json'))): ?>
        <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css']); ?>
    <?php else: ?>
        <script src="https://cdn.tailwindcss.com"></script>
        <script>
            tailwind.config = {
                theme: {
                    extend: {
                        fontFamily: { sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'] },
                        colors: {
                            booklio: {
                                primary: '#2563EB',
                                secondary: '#0EA5E9',
                                success: '#10B981',
                                warning: '#F59E0B',
                                danger: '#EF4444',
                                dark: '#111827',
                                muted: '#6B7280',
                                background: '#F8FAFC',
                                border: '#E5E7EB',
                            }
                        },
                        boxShadow: {
                            card: '0 8px 24px rgba(15, 23, 42, 0.06)',
                            soft: '0 1px 2px rgba(15, 23, 42, 0.06)',
                            modal: '0 24px 64px rgba(15, 23, 42, 0.18)',
                        }
                    }
                }
            }
        </script>
    <?php endif; ?>
    <style>
        body { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
        .booklio-scrollbar { scrollbar-width: thin; scrollbar-color: #CBD5E1 transparent; }
        .booklio-scrollbar::-webkit-scrollbar { height: 8px; width: 8px; }
        .booklio-scrollbar::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 999px; }
        main, main * { min-width: 0; }
        main p, main h1, main h2, main h3, main span, main a, main button { overflow-wrap: anywhere; }
        html[dir="rtl"] body { text-align: right; }
        html[dir="rtl"] .text-left { text-align: right !important; }
    </style>
</head>
<body class="min-h-screen overflow-x-hidden bg-booklio-background text-booklio-dark antialiased">
    <main class="min-h-screen">
        <div class="mx-auto w-full max-w-6xl px-4 py-4 sm:px-6 lg:px-8 lg:py-6">
            <header class="mb-4 flex items-center justify-between gap-4">
                <a href="<?php echo e(route('public.booking.profile', $businessSlug ?? 'glow-beauty-salon')); ?>" class="inline-flex items-center gap-2">
                    <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-booklio-primary text-xl font-extrabold text-white shadow-card shadow-blue-500/20">B</span>
                    <span>
                        <span class="block text-lg font-extrabold leading-none tracking-tight">Booklio</span>
                        <span class="mt-1 hidden text-xs font-semibold text-booklio-muted sm:block">Secure online booking</span>
                    </span>
                </a>
                <span class="hidden rounded-full border border-booklio-border bg-white px-3 py-1.5 text-xs font-bold text-booklio-muted shadow-soft sm:inline-flex">Powered by Booklio</span>
            </header>

            <?php echo $__env->yieldContent('content'); ?>
        </div>
    </main>
    <?php
        $booklioTranslationPayload = $booklioTranslationPayload ?? [
            'defaultLocale' => 'en',
            'currentLocale' => app()->getLocale(),
            'direction' => $layoutDirection ?? 'ltr',
            'languages' => [],
        ];
    ?>
    <script>
        window.BooklioTranslations = <?php echo json_encode($booklioTranslationPayload, 15, 512) ?>;
    </script>
    <script src="<?php echo e(asset('js/booklio-dropdowns.js')); ?>?v=<?php echo e(filemtime(public_path('js/booklio-dropdowns.js'))); ?>"></script>
</body>
</html>
<?php /**PATH C:\Users\Dcodax\Documents\Booklio\resources\views/layouts/public-booking.blade.php ENDPATH**/ ?>