@props([
    'title' => 'Ladill Meet',
    'organization' => null,
    'eyebrow' => null,
])

<!DOCTYPE html>
<html lang="en" class="app-shell">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ $title }}</title>
    @include('partials.favicon')
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap" rel="stylesheet" />
    @vite(['resources/css/app.css', 'resources/js/meet-public.js'])
    @stack('head')
</head>
<body {{ $attributes->merge(['class' => 'min-h-screen bg-slate-100 font-sans text-slate-900 antialiased']) }}>
    <div class="pointer-events-none fixed inset-0 overflow-hidden" aria-hidden="true">
        <div class="absolute -left-24 top-0 h-72 w-72 rounded-full bg-indigo-200/40 blur-3xl"></div>
        <div class="absolute -right-16 bottom-0 h-80 w-80 rounded-full bg-violet-200/40 blur-3xl"></div>
    </div>

    <div class="fixed inset-x-0 top-0 z-10 h-1.5 bg-gradient-to-r from-indigo-600 to-violet-600"></div>

    @if ($organization)
        @include('meet.partials.kiosk-brand', ['organization' => $organization])
    @else
        <div class="fixed left-0 top-0 z-20 p-6">
            <img src="{{ asset(\App\Support\OrganizationBranding::DEFAULT_LOGO) }}?v={{ @filemtime(public_path(\App\Support\OrganizationBranding::DEFAULT_LOGO)) ?: '1' }}"
                 alt="Ladill Meet"
                 class="public-brand-logo h-8 w-auto max-w-[220px] object-contain object-left">
        </div>
    @endif

    <div class="relative mx-auto flex min-h-screen max-w-3xl flex-col px-4 pb-10 pt-16 sm:px-6 sm:pb-12 sm:pt-20">
        @if ($eyebrow)
            <p class="text-center text-sm font-semibold uppercase tracking-wider text-indigo-600">{{ $eyebrow }}</p>
        @endif
        {{ $slot }}
    </div>
</body>
</html>
