@props([
    'title' => 'Dashboard',
    'navKey' => 'dashboard',
    'page' => null,
    'hideHeader' => false,
])

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"
    dir="{{ \App\Support\LocaleSettings::directionFor(app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    {{-- Sub-folder base path (e.g. /public) so client-side AJAX honours the deploy location under a sub-directory. --}}
    <meta name="app-base" content="{{ wd_base() }}">
    {{-- Active currency symbol (workspace override → platform default) for
 chart JS so axes/tooltips follow the chosen currency, not '$'. --}}
    <meta name="currency-symbol" content="{{ \App\Support\FormatSettings::symbol(auth()->user()?->current_workspace) }}">
    @php $faviconUrl = \App\Support\Brand::faviconUrl(); @endphp
    @if ($faviconUrl)
        <link rel="icon" type="image/x-icon" href="{{ $faviconUrl }}">
        <link rel="shortcut icon" href="{{ $faviconUrl }}">
    @endif
    {{-- Server flash → toast. Any controller that does
 redirect()->with('status' / 'success' / 'error') ends up
 here as a meta tag, and resources/js/wa-toaster.js shows
 it on DOMContentLoaded. Keeps UI feedback consistent
 without each page rolling its own banner. --}}
    @php
        $flashVariant = session('error') ? 'error' : (session('warning') ? 'warn' : 'success');
        $flashMessage = session('error') ?? (session('warning') ?? (session('success') ?? session('status')));
    @endphp
    @if ($flashMessage)
        <meta name="wa-flash" content='@json(['variant' => $flashVariant, 'message' => $flashMessage])'>
    @endif
    @php $__brandName = (string) \App\Models\SystemSetting::get('app_name', config('app.name', 'WaDesk')); @endphp
    <title>{{ $title }} — {{ $__brandName }}</title>
    {{-- SEO meta block — single source at /admin/settings/seo. --}}
    @include('partials.seo-meta', ['seoOverrides' => ['title' => $title . ' — ' . $__brandName]])
    @include('partials.pwa-meta')
    @include('partials.site-analytics')
    <x-theme-bootstrap />
    @php
        // Per-theme logo URLs for live theme-switch in wadesk.js.
        $brandLogos = [];
        foreach (['paper', 'bright', 'dark', 'doodle'] as $__t) {
            $brandLogos[$__t] = \App\Support\Brand::logoUrl($__t);
        }
    @endphp
    <script>
        window.WADESK_BRAND = {
            logos: @json($brandLogos),
            appName: @json(\App\Models\SystemSetting::get('app_name', config('app.name', 'WaDesk')))
        };
    </script>
    {{-- Sprint 6 · Branding tab — workspace-scoped brand colors get
 emitted as CSS vars AND class overrides. Only renders when
 at least one brand_* column is set on the current workspace;
 otherwise the default Tailwind palette wins. --}}
    @auth
        @php
            $brandWs = auth()->user()->currentWorkspace;
        @endphp
        @if ($brandWs && ($brandWs->brand_primary || $brandWs->brand_accent || $brandWs->brand_background))
            <style>
                :root {
                    @if ($brandWs->brand_primary)
                        --brand-primary: {{ $brandWs->brand_primary }};
                    @endif
                    @if ($brandWs->brand_accent)
                        --brand-accent: {{ $brandWs->brand_accent }};
                    @endif
                    @if ($brandWs->brand_background)
                        --brand-bg: {{ $brandWs->brand_background }};
                    @endif
                }

                @if ($brandWs->brand_primary)
                    .bg-wa-deep,
                    .hover\:bg-wa-deep:hover {
                        background-color: var(--brand-primary) !important;
                    }

                    .text-wa-deep {
                        color: var(--brand-primary) !important;
                    }

                    .border-wa-deep,
                    .hover\:border-wa-deep:hover,
                    .focus\:border-wa-deep:focus {
                        border-color: var(--brand-primary) !important;
                    }
                @endif
                @if ($brandWs->brand_accent)
                    .bg-wa-teal,
                    .hover\:bg-wa-teal:hover {
                        background-color: var(--brand-accent) !important;
                    }

                    .text-wa-teal {
                        color: var(--brand-accent) !important;
                    }
                @endif
                @if ($brandWs->brand_background)
                    body {
                        background-color: var(--brand-bg) !important;
                    }
                @endif
            </style>
        @endif
    @endauth
    @auth
        <script>
            @php
                $ws = auth()->user()->currentWorkspace;
                $planLabel = $ws?->billingPackage()?->pname ?: __('Free');
                $roleLabel = $ws && (int) $ws->owner_user_id === (int) auth()->id() ? __('workspace owner') : (auth()->user()->isAdmin() ? __('admin') : __('member'));
            @endphp
            window.WADESK_USER = {
                name: @json(auth()->user()->name),
                email: @json(auth()->user()->email),
                role: @json(auth()->user()->role ?? 'user'),
                isAdmin: @json(auth()->user()->isAdmin()),
                initials: @json(\Illuminate\Support\Str::of(auth()->user()->name)->trim()->limit(2, '')->upper()->__toString()),
                credits: @json((int) (auth()->user()->wallet_credits ?? 0)),
                creditsPerMessage: @json((int) \App\Models\SystemSetting::get('credits_per_message', 1)),
                referralCode: @json(auth()->user()->referral_code ?? ''),
                plan: @json($planLabel),
                roleLabel: @json($roleLabel),
                appName: @json(\App\Models\SystemSetting::get('app_name', config('app.name', 'WaDesk'))),
                version: @json(config('app.version', '1.0.0')),
            };
        </script>
    @endauth
    @vite(['resources/css/app.css', 'resources/js/app.js'])
</head>

<body data-nav="{{ $navKey }}" @if ($page) data-page="{{ $page }}" @endif
    data-theme="{{ auth()->check() ? auth()->user()->theme_preference ?? 'paper' : 'paper' }}"
    class="min-h-screen font-sans antialiased bg-paper-50 text-ink-900 overflow-x-clip">
    {{-- Impersonation strip — only present when ImpersonationBanner middleware
 shared a non-null `$impersonation`. Sticky so it survives scroll on
 every page; the form posts to /admin/impersonate/stop which clears
 the session and audit-logs the duration. --}}
    @if (!empty($impersonation) && ($impersonation['active'] ?? false))
        <div class="sticky top-0 z-[60] bg-accent-amber text-ink-900 border-b border-accent-amber/60 shadow-sm">
            <div class="max-w-screen-2xl mx-auto px-4 py-2 flex items-center gap-3 text-[12.5px]">
                <span class="font-mono uppercase tracking-[0.16em] text-[10px]">{{ __('Impersonating') }}</span>
                <span class="font-semibold">{{ $impersonation['target_workspace_name'] ?? 'workspace' }}</span>
                <span class="hidden md:inline text-ink-700">— {{ $impersonation['reason'] }}</span>
                <form method="POST" action="{{ url('/admin/impersonate/stop') }}" class="ml-auto">
                    @csrf
                    <button type="submit"
                        class="px-3 py-1 rounded-full bg-ink-900 text-paper-0 text-[11.5px] font-semibold hover:bg-ink-700">
                        {{ __('Stop impersonating') }}
                    </button>
                </form>
            </div>
        </div>
    @endif

    @unless ($hideHeader)
        <x-announcement-bar />
        <x-trial-bar />
        <x-user.header :active="$navKey" />
    @endunless

    {{ $slot }}

    {{-- In-app paywall — slides up over the page when the current plan
 doesn't include the feature being viewed. Self-guards (admins /
 unlocked / non-gated pages render nothing). --}}
    <x-plan-paywall />

    {{-- GDPR cookie consent — auto-opens on first visit; admin can
 disable globally at /admin/settings/pwa. --}}
    @include('partials.cookie-consent')

    @stack('scripts')

    @auth
        <form id="logoutForm" method="POST" action="{{ route('logout') }}" class="hidden">@csrf</form>

        {{-- Global "new messages" notification widget. Appears bottom-right
 on every page EXCEPT the team-inbox itself (where you already
 see the chats live). Polls /team-inbox/api/unread-summary
 every 15s, pauses when the tab is hidden, exponential
 backoff on 429 / errors. --}}
        @if (in_array($navKey, ['team-inbox'], true) === false)
            <x-user.inbox-bell />
        @endif
    @endauth
</body>

</html>
