@php
    $siteName = config('app.name');
    $documentTitleOnly = trim((string) ($documentTitleOnly ?? ''));
    $pageTitleTrim = trim((string) ($pageTitle ?? ''));
    $resolvedTitle = $pageTitleTrim !== '' ? $pageTitleTrim : 'Console';
    $pageDescriptions = config('platform.page_descriptions', []);
    $resolvedDescription = $pageDescription
        ?? ($pageDescriptions[$resolvedTitle] ?? null)
        ?? config('platform.default_meta_description');
    $resolvedDescription = preg_replace('/\s+/', ' ', strip_tags((string) $resolvedDescription));
    $htmlTitle = $documentTitleOnly !== '' ? $documentTitleOnly : $resolvedTitle.' | '.$siteName;
    $applicationLabel = $documentTitleOnly !== '' ? $documentTitleOnly : $siteName;
@endphp
<title>{{ $htmlTitle }}</title>
@include('partials.browser-translation-head')
<meta name="description" content="{{ \Illuminate\Support\Str::limit($resolvedDescription, 320, '') }}">
<meta name="application-name" content="{{ $applicationLabel }}">
<meta property="og:site_name" content="{{ $applicationLabel }}">
<meta property="og:title" content="{{ $htmlTitle }}">
<meta property="og:description" content="{{ \Illuminate\Support\Str::limit($resolvedDescription, 320, '') }}">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ url()->current() }}">
<meta name="theme-color" content="#012169">
{{-- Operator workspace: lock viewport chain; hide body-level <script> from flex so the shell fills the screen. --}}
<style id="workspace-lg-shell-layout">
@media (min-width: 1024px) {
    html:has(body > .workspace-lg-shell) {
        height: 100dvh;
        max-height: 100dvh;
        overflow: hidden;
    }
    body:has(> .workspace-lg-shell) {
        display: flex;
        flex-direction: column;
        height: 100dvh;
        max-height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
    }
    body:has(> .workspace-lg-shell) > script {
        display: none !important;
    }
    body:has(> .workspace-lg-shell) > .workspace-lg-shell {
        flex: 1 1 0%;
        min-height: 0;
        min-width: 0;
        overflow: hidden;
    }
}
</style>
<style id="page-load-shell">
    /* Alpine: hide bound regions until hydrated (include on every page that loads Alpine). */
    [x-cloak] { display: none !important; }
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
    /* Avoid bright white flash before Tailwind paints body background. */
    html { background-color: #eceef2; }
    @media (prefers-reduced-motion: no-preference) {
        html.page-boot body {
            opacity: 0;
            transform: translateY(4px);
        }
        html.page-ready body {
            opacity: 1;
            transform: none;
            transition: opacity 0.38s cubic-bezier(0.22, 1, 0.36, 1), transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
        }
    }
    @media (prefers-reduced-motion: reduce) {
        html.page-boot body,
        html.page-ready body {
            opacity: 1;
            transform: none;
        }
    }
</style>
<link rel="dns-prefetch" href="https://cdn.tailwindcss.com">
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
<link rel="preconnect" href="https://cdn.tailwindcss.com" crossorigin>
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<script>
(function () {
    var root = document.documentElement;
    root.classList.add('page-boot');
    function reveal() {
        root.classList.remove('page-boot');
        root.classList.add('page-ready');
    }
    function onReady() {
        if (typeof requestAnimationFrame === 'function') {
            requestAnimationFrame(function () {
                requestAnimationFrame(reveal);
            });
        } else {
            reveal();
        }
    }
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', onReady);
    } else {
        onReady();
    }
})();
</script>
@include('partials.platform-currency-script')
@include('partials.browser-translation-body-script')
<script src="https://cdn.jsdelivr.net/npm/@hotwired/turbo@8.0.12/dist/turbo.es2017-umd.js"></script>
<script>
(function () {
    if (!window.Turbo || !window.Turbo.session) return;
    Turbo.session.drive = false;

    document.addEventListener('turbo:before-visit', function (ev) {
        try {
            var url = ev.detail && ev.detail.url;
            if (!url || typeof url.pathname !== 'string') return;
            if (url.pathname.startsWith('/control/panel') || url.pathname.startsWith('/accounts/bank-transfer')) {
                ev.preventDefault();
                window.location.href = url.toString();
            }
        } catch (e) {}
    });

    function syncWorkspaceSidebarFromFrame() {
        var frame = document.getElementById('workspace-main');
        if (!frame) return;
        var marker = frame.querySelector('[data-workspace-active-nav]');
        var key = marker ? String(marker.getAttribute('data-workspace-active-nav') || '') : '';

        var sidebar = document.getElementById('workspace-sidebar');
        if (sidebar && window.Alpine && typeof Alpine.$data === 'function') {
            try {
                var d = Alpine.$data(sidebar);
                if (d) {
                    d.accountsOpen = ['accounts', 'accounts-registry'].indexOf(key) >= 0;
                    d.treasuryOpen = ['treasury', 'deals', 'shipments', 'settlements'].indexOf(key) >= 0;
                    d.disburseOpen = ['payouts', 'payables'].indexOf(key) >= 0;
                }
            } catch (e) {}
        }

        if (!sidebar) return;

        var primaryOn = ['bg-[#012169]', 'text-white'];
        var primaryOff = ['text-[#4A5568]', 'hover:bg-[#F5F7FA]', 'hover:text-[#012169]'];
        var subOn = ['bg-[#E8EEF5]', 'text-[#012169]', 'font-semibold'];
        var subOff = ['text-[#5A5A5A]', 'hover:bg-white/80'];
        var adminOn = ['bg-[#E8EEF5]', 'text-[#012169]'];
        var adminOff = ['text-[#111]', 'hover:bg-[#F5F5F8]'];
        var controlOn = ['bg-[#012169]/10', 'text-[#012169]'];
        var controlOff = ['text-[#111]', 'hover:bg-[#F5F5F8]'];

        function resetClasses(el, off, on, active) {
            off.forEach(function (c) { el.classList.remove(c); });
            on.forEach(function (c) { el.classList.remove(c); });
            (active ? on : off).forEach(function (c) { el.classList.add(c); });
        }

        sidebar.querySelectorAll('a[data-ws-nav]').forEach(function (a) {
            var tier = a.getAttribute('data-ws-tier') || 'primary';
            var navKey = a.getAttribute('data-ws-nav') || '';
            var active = navKey !== '' && navKey === key;
            if (tier === 'sub') {
                resetClasses(a, subOff, subOn, active);
            } else if (tier === 'admin') {
                resetClasses(a, adminOff, adminOn, active);
            } else if (tier === 'control') {
                resetClasses(a, controlOff, controlOn, active);
            } else {
                resetClasses(a, primaryOff, primaryOn, active);
            }
        });

        var groups = sidebar.querySelectorAll('[data-ws-nav-group]');
        groups.forEach(function (g) {
            var gk = g.getAttribute('data-ws-nav-group') || '';
            var open = false;
            if (gk === 'accounts') open = ['accounts', 'accounts-registry'].indexOf(key) >= 0;
            if (gk === 'treasury') open = ['treasury', 'deals', 'shipments', 'settlements'].indexOf(key) >= 0;
            if (gk === 'disburse') open = ['payouts', 'payables'].indexOf(key) >= 0;
            g.classList.toggle('bg-[#FAFBFE]', open);
            g.classList.toggle('border-[#E8E8EF]', open);
            g.classList.toggle('border-transparent', !open);
        });
    }

    document.addEventListener('turbo:frame-load', function (ev) {
        if (!ev.target || ev.target.id !== 'workspace-main') return;
        if (window.Alpine && typeof Alpine.initTree === 'function') {
            try {
                Alpine.initTree(ev.target);
            } catch (e) {}
        }
        syncWorkspaceSidebarFromFrame();
        disableTurboOnWorkspaceForms(ev.target);
    });

    function disableTurboOnWorkspaceForms(root) {
        var scope = root || document;
        try {
            scope.querySelectorAll('turbo-frame#workspace-main form, #workspace-main form').forEach(function (form) {
                if (form.getAttribute('data-turbo') !== 'true') {
                    form.setAttribute('data-turbo', 'false');
                    form.setAttribute('data-turbo-frame', '_top');
                }
            });
        } catch (e) {}
    }

    document.addEventListener('DOMContentLoaded', function () {
        disableTurboOnWorkspaceForms();
    });
    document.addEventListener('alpine:initialized', function () {
        disableTurboOnWorkspaceForms();
    });

    document.addEventListener('turbo:submit-start', function (ev) {
        try {
            var submission = ev.detail && ev.detail.formSubmission;
            var form = submission && submission.formElement;
            if (!form || form.tagName !== 'FORM') {
                return;
            }
            var inWorkspace = form.closest('turbo-frame#workspace-main');
            if (!inWorkspace) {
                return;
            }
            ev.preventDefault();
            var method = String(form.getAttribute('method') || 'get').toUpperCase();
            if (method === 'GET') {
                window.location.assign(form.action || window.location.href);
                return;
            }
            var body = new FormData(form);
            var token = form.querySelector('input[name="_token"]');
            fetch(form.action, {
                method: method,
                body: body,
                credentials: 'same-origin',
                redirect: 'follow',
                headers: {
                    'Accept': 'text/html, application/xhtml+xml',
                    'X-Requested-With': 'XMLHttpRequest',
                    'X-CSRF-TOKEN': token ? token.value : '',
                },
            }).then(function (res) {
                window.location.assign(res.url || form.action);
            }).catch(function () {
                HTMLFormElement.prototype.submit.call(form);
            });
        } catch (e) {}
    }, true);

    document.addEventListener('turbo:frame-missing', function (ev) {
        try {
            ev.preventDefault();
            var response = ev.detail && ev.detail.response;
            var visit = ev.detail && ev.detail.visit;
            var targetUrl = response && response.url ? String(response.url) : window.location.href;
            if (typeof visit === 'function') {
                visit(targetUrl);
                return;
            }
            window.location.assign(targetUrl);
        } catch (e) {
            try {
                window.location.reload();
            } catch (e2) {}
        }
    });
})();
</script>