@php
    /**
     * Menu resolved server side so permission checks and translations never
     * reach the browser. Routes are best guess against the legacy layout and
     * are expected to be adjusted. Route::has() keeps a missing route from
     * throwing while the migration is in progress.
     */
    /* as telas de aplicativo acendem o menu Apps, mesmo servindo a barra da
       Rádio embaixo */
    $emApps = request()->routeIs('radio.apps.*') || request()->routeIs('radio.app.*');

    $r = fn (string $name, ...$args) => Route::has($name) ? route($name, ...$args) : '#';

    /* a TV-only site has no radio stream: Web is just the website, with nothing to pick from */
    $tvOnly = empty($siteData->stream_port);

    $areas = [
        [
            /* No dropdown: the areas only switch context, the pages of each one
               live in its own context bar */
            'id' => 'general',
            'label' => __('general.top_menu_item_general'),
            'icon' => 'fa-house',
            'active' => ($topHref ?? null) === 'general',
            'show' => true,
            'link' => $r('dashboard.r'),
            'items' => general_subnav_items(),
        ],
        [
            /* No dropdown: it opens the radio area straight away, like TV */
            'id' => 'radio',
            'label' => __('general.header_nav_radio'),
            'icon' => 'fa-circle-play',
            'active' => ($topHref ?? null) === 'radio' && !$emApps,
            'show' => (bool) ($siteData->stream_port ?? false),
            'link' => $r('radio.home.r'),
            'items' => [],
        ],
        [
            'id' => 'web',
            'label' => $tvOnly ? __('general.header_web_site_title') : __('general.header_nav_web'),
            'icon' => 'fa-globe-americas',
            'active' => ($topHref ?? null) === 'site',
            'show' => ($siteData->status ?? null) !== '4',
            'link' => $tvOnly ? $r('site.home.r') : null,
            'items' => $tvOnly ? [] : [
                ['label' => __('general.header_web_site_title'), 'icon' => 'fa-globe-americas', 'desc' => __('general.header_web_site_desc'), 'route' => 'site.home.r'],
                ['label' => __('general.header_web_startpage_title'), 'icon' => 'fa-link', 'desc' => __('general.header_web_startpage_desc'), 'route' => 'site.pagelink.r'],
                ['label' => __('general.header_web_players_title'), 'icon' => 'fa-play', 'desc' => __('general.header_web_players_desc'), 'route' => 'radio.widgets.r'],
                ['label' => __('general.page_emails_h1'), 'icon' => 'fa-envelope-open', 'desc' => __('general.header_area_web_domains_desc'), 'route' => 'emails.r'],
            ],
        ],
        [
            'id' => 'apps',
            'label' => __('general.perm_apps'),
            'icon' => 'fa-mobile-screen',
            'active' => $emApps,
            'show' => ! $tvOnly,
            'items' => [
                ['label' => __('general.header_area_apps_home'), 'icon' => 'fa-mobile-screen', 'desc' => __('general.header_area_apps_home_desc'), 'route' => 'radio.apps.r.android', 'match' => ['radio.apps.r.android', 'radio.app']],
                ['label' => __('general.header_area_apps_webapp'), 'icon' => 'fa-globe-americas', 'desc' => __('general.header_area_apps_webapp_desc'), 'route' => 'radio.apps.r.webapp'],
            ],
        ],
        [
            'id' => 'interat',
            'label' => __('site.menu_item_5'),
            'icon' => 'fa-comments',
            'active' => ($topHref ?? null) === 'interat',
            'show' => ($siteData->status ?? null) !== '4',
            'wide' => true,
            'items' => [
                ...($tvOnly ? [] : [['label' => __('site.menu_item_5_sub_1'), 'icon' => 'fa-video', 'desc' => __('general.header_area_interat_camera_desc'), 'route' => 'site.camera.r']]),
                ['label' => __('site.menu_item_5_sub_2'), 'icon' => 'fa-comments', 'desc' => __('general.header_area_interat_chat_desc'), 'route' => 'site.chat.r'],
                ['label' => __('site.menu_item_5_sub_3'), 'icon' => 'fa-music', 'desc' => __('general.header_area_interat_requests_desc'), 'route' => 'site.music-requests.r'],
                ['label' => __('site.menu_item_5_sub_4'), 'icon' => 'fa-envelope', 'desc' => __('general.header_area_interat_messages_desc'), 'route' => 'site.messages.r'],
                ['label' => __('site.menu_item_5_sub_5'), 'icon' => 'fa-comment-dots', 'desc' => __('general.header_area_interat_comments_desc'), 'route' => 'site.comments.r'],
                ['label' => __('site.menu_item_5_sub_6'), 'icon' => 'fa-square-poll-vertical', 'desc' => __('general.header_area_interat_polls_desc'), 'route' => 'site.polls.r'],
                ['label' => __('site.menu_item_5_sub_7'), 'icon' => 'fa-gift', 'desc' => __('general.header_area_interat_promos_desc'), 'route' => 'site.promotions.r'],
                ['label' => __('site.menu_item_5_sub_8'), 'icon' => 'fa-clipboard-list', 'desc' => __('general.header_area_interat_forms_desc'), 'route' => 'site.forms.r'],
            ],
        ],
    ];

    /* o item aceso e o da pagina em que estou: mesma regra da barra de contexto */
    foreach ($areas as $iArea => $area) {
        foreach ($area['items'] as $iItem => $item) {
            if (! isset($item['route'])) {
                continue;
            }

            $areas[$iArea]['items'][$iItem]['url'] = $r($item['route']);
            $areas[$iArea]['items'][$iItem]['active'] = menu_ativo($item['route'], $item['match'] ?? null);
        }
    }

    $areas = array_values(array_filter($areas, fn ($a) => $a['show']));
    $temTv = ($siteData->stream_tv ?? null) === '1' && ! empty($siteData->stream_tv_name);

    /**
     * A site without its own domain runs on a platform subdomain. In that case
     * the alternative slot is all it has, so we offer the upsell instead of
     * showing an empty "main domain" row.
     */
    $dominiosPlataforma = ['.minhawebradio.com', '.webradioonline.net'];
    $semDominioProprio = false;
    foreach ($dominiosPlataforma as $sufixo) {
        if (str_contains($siteData->domain ?? '', $sufixo)) {
            $semDominioProprio = true;
            break;
        }
    }

    /**
     * Resolved here instead of trusting every controller to pass $serverData:
     * the pages that did not were silently dropping the alternative domain.
     */
    $headerServer = $serverData ?? site_server();

    $subdominioHeader = ! empty($siteData->subdomain) && ! empty($headerServer->name)
        ? $siteData->subdomain . '.' . $headerServer->name
        : null;

    /**
     * The site owner is whoever owns sites.user_id. Owners reach the panel from
     * the client area and have no session of their own to drop, so logout is
     * only offered to invited administrators.
     */
    $ehDono = (int) ($siteData->user_id ?? 0) === (int) $userLogged->id;

    /* the TV opens as this person, so the button follows the same rule as the way back from it */
    $canOpenTv = $temTv && can_open_tv($siteData, $userLogged->id, session('serverID'));
@endphp

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="{{ user_theme() }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">
    <meta name="theme-color" content="#178d72">
    <title>@yield('title') &middot; {{ __('general.header_page_title_suffix') }}</title>
    <link rel="shortcut icon" href="/assets/media/favicons/favicon.png">
    <link rel="stylesheet" href="/assets/css/fonts-painel.css">
    <link rel="stylesheet" href="/assets/css/fontawesome.css">
    <link rel="stylesheet" href="{{ assetv('/assets/css/tokens.css') }}">
    <link rel="stylesheet" href="/assets/css/base.css">
    <link rel="stylesheet" href="/assets/css/header.css">
    <link rel="stylesheet" href="{{ assetv('/assets/css/painel-novo.css') }}">
    <link rel="stylesheet" href="/assets/js/plugins/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" href="{{ assetv('/assets/css/datepicker.css') }}">
    @hasSection('head')
        @yield('head')
    @endif
</head>
<body data-header-style="brand">

<div class="app-shell">

<header class="app-header">
    <div class="header-inner">
        <button class="burger" type="button" aria-label="{{ __('general.menu_open') }}" aria-expanded="false">
            <i class="fa-solid fa-bars"></i>
        </button>

        <a class="brand" href="{{ $r('dashboard.r') }}" aria-label="BRASCAST">
            <img src="/assets/img/logo.svg" alt="BRASCAST" class="brand__logo">
        </a>
        <span class="brand-sep"></span>

        <ul class="parent-nav" role="menubar">
            @foreach($areas as $area)
                <li class="parent-nav__item {{ $area['active'] ? 'is-active' : '' }} {{ !empty($area['link']) ? 'no-mega' : '' }}"
                    data-parent="{{ $area['id'] }}" role="none">
                    @if(!empty($area['link']))
                        <a class="parent-nav__btn" href="{{ $area['link'] }}">
                            <i class="fa-solid {{ $area['icon'] }} parent-icon"></i>
                            <span>{{ $area['label'] }}</span>
                        </a>
                    @else
                        <button class="parent-nav__btn" type="button" aria-haspopup="true">
                            <i class="fa-solid {{ $area['icon'] }} parent-icon"></i>
                            <span>{{ $area['label'] }}</span>
                            <i class="fa-solid fa-chevron-down parent-chev"></i>
                        </button>
                        <div class="mega {{ ($area['wide'] ?? false) ? 'mega--wide' : '' }}">
                            @foreach($area['items'] as $item)
                                <a class="mega__item {{ !empty($item['active']) ? 'is-active' : '' }}" href="{{ $item['url'] }}">
                                    <span class="mega__item-ico"><i class="fa-solid {{ $item['icon'] }}"></i></span>
                                    <div class="mega__item-text">
                                        <div class="mega__item-name">{{ $item['label'] }}</div>
                                        <div class="mega__item-desc">{{ $item['desc'] }}</div>
                                    </div>
                                </a>
                            @endforeach
                        </div>
                    @endif
                </li>
            @endforeach

            @if($canOpenTv)
                <li class="parent-nav__item no-mega" data-parent="tv" role="none">
                    <form method="post" action="https://live.brascast.com/loginTv" id="formTV">
                        <input type="hidden" name="hash" value="{{ str_replace('/', '|brasbar', EncryptBras($userLogged->email . '|' . $siteData->stream_tv_name)) }}">
                        <button class="parent-nav__btn" type="submit">
                            <i class="fa-solid fa-video parent-icon"></i>
                            <span>TV</span>
                        </button>
                    </form>
                </li>
            @endif
        </ul>

        <div class="header-utils">
            <div class="has-dropdown notif">
                <button class="notif__btn" type="button" aria-haspopup="true" title="{{ __('general.header_notifications_title') }}">
                    <i class="fa-solid fa-bell"></i>
                    @if($allNotifications->count())
                        <span class="notif__badge">{{ $allNotifications->count() }}</span>
                    @endif
                </button>
                <div class="dropdown dropdown--notif">
                    <div class="notif__head">{{ __('general.header_notifications_title') }}</div>

                    @forelse($allNotifications as $notification)
                        <div class="notif__item">
                            <span class="notif__ico notif__ico--{{ $notification->type == '2' ? 'warn' : ($notification->type == '3' ? 'ok' : 'info') }}">
                                <i class="fa-solid {{ $notification->type == '2' ? 'fa-circle-info' : ($notification->type == '3' ? 'fa-circle-check' : 'fa-circle-plus') }}"></i>
                            </span>
                            <span class="notif__text">
                                <strong>{{ $notification->title }}</strong>
                                <small>{{ DateShort($notification->created_at) }}</small>
                            </span>
                        </div>
                    @empty
                        <div class="notif__empty">{{ __('general.header_notifications_empty') }}</div>
                    @endforelse
                </div>
            </div>

            <div class="has-dropdown" style="position:relative;">
                <button class="user-menu user-menu--avatar-only" type="button" title="{{ $userLogged->name }}">
                    <span class="user-menu__avatar">{{ mb_strtoupper(mb_substr($userLogged->name, 0, 1)) }}</span>
                </button>
                <div class="dropdown dropdown--user">
                    <div style="padding:10px 12px 8px;display:flex;align-items:center;gap:10px;">
                        <span class="user-menu__avatar" style="width:36px;height:36px;border-radius:10px;font-size:14px;">{{ mb_strtoupper(mb_substr($userLogged->name, 0, 1)) }}</span>
                        <div style="min-width:0;">
                            <div style="font-weight:600;">{{ limitName($userLogged->name) }}</div>
                            <div class="text-muted" style="font-size:12px;">{{ $userLogged->type == '1' ? __('general.role_owner') : __('general.role_admin') }}</div>
                        </div>
                    </div>
                    <div class="udom">
                        <div class="udom__head">{{ __('general.header_domains_title') }}</div>

                        @if($semDominioProprio)
                            <a class="udom__cta" href="https://account.brascast.com/ticket/new/4" target="_blank" rel="noopener">
                                <span class="udom__cta-ico"><i class="fa-solid fa-plus"></i></span>
                                <span class="udom__cta-text">
                                    <strong>{{ __('general.header_domain_hire') }}</strong>
                                    <small>{{ __('general.header_domain_hire_desc') }}</small>
                                </span>
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        @else
                            <a class="udom__row" href="https://{{ $siteData->domain }}" target="_blank" rel="noopener">
                                <span class="udom__ico udom__ico--main"><i class="fa-solid fa-earth-americas"></i></span>
                                <span class="udom__text">
                                    <strong>{{ $siteData->domain }}</strong>
                                    <small>{{ __('general.header_domain_main') }}</small>
                                </span>
                                <i class="fa-solid fa-arrow-up-right-from-square"></i>
                            </a>
                        @endif

                        @if($subdominioHeader)
                            <a class="udom__row" href="https://{{ $subdominioHeader }}" target="_blank" rel="noopener">
                                <span class="udom__ico"><i class="fa-solid fa-link"></i></span>
                                <span class="udom__text">
                                    <strong>{{ $subdominioHeader }}</strong>
                                    <small>{{ __('general.header_domain_alt') }}</small>
                                </span>
                                <i class="fa-solid fa-arrow-up-right-from-square"></i>
                            </a>
                        @endif
                    </div>

                    <a class="dropdown__item" href="{{ $r('profile') }}">
                        <i class="fa-solid fa-user-gear"></i><span>{{ __('general.header_user_profile') }}</span>
                    </a>
                    @if($userLogged->type != '2')
                        <a class="dropdown__item" href="{{ env('CENTRAL_URL', 'https://account.brascast.com') }}">
                            <i class="fa-solid fa-square-caret-left"></i><span>{{ __('general.header_user_central') }}</span>
                        </a>
                    @endif
                    <a class="dropdown__item" href="{{ $r('stations.r') }}">
                        <i class="fa-solid fa-border-all"></i><span>{{ __('general.page_stations_h1') }}</span>
                    </a>
                    <a class="dropdown__item" href="{{ $r('settings.r') }}">
                        <i class="fa-solid fa-gear"></i><span>{{ __('general.page_settings_h1') }}</span>
                    </a>
                    @unless($ehDono)
                        <a class="dropdown__item" href="/logout">
                            <i class="fa-solid fa-arrow-right-from-bracket"></i><span>{{ __('general.header_user_logout') }}</span>
                        </a>
                    @endunless
                </div>
            </div>
        </div>
    </div>
</header>

@includeWhen(($topHref ?? null) === 'site', 'includes.subnav-site')
@includeWhen(($topHref ?? null) === 'general', 'includes.subnav-general')
{{-- a área de aplicativos não tem barra de contexto própria, e não empresta a da rádio --}}
@includeWhen(($topHref ?? null) === 'radio' && !$emApps, 'includes.subnav-radio')

@php
    /**
     * The drawer repeats what the header already resolved instead of computing
     * its own menu, so mobile can never show a different set of links.
     */
    $drawerSubnav = ($topHref ?? null) === 'site' ? site_subnav_groups() : [];
@endphp


<div class="drawer" hidden>
    <div class="drawer__panel" role="dialog" aria-modal="true" aria-label="{{ __('general.menu_title') }}">
        <div class="drawer__head">
            <span class="drawer__user">
                <span class="user-menu__avatar">{{ mb_strtoupper(mb_substr($userLogged->name, 0, 1)) }}</span>
                <span class="drawer__user-text">
                    <strong>{{ limitName($userLogged->name) }}</strong>
                    <small>{{ $userLogged->type == '1' ? __('general.role_owner') : __('general.role_admin') }}</small>
                </span>
            </span>
            <button class="drawer__close" type="button" aria-label="{{ __('general.menu_close') }}">
                <i class="fa-solid fa-xmark"></i>
            </button>
        </div>

        <div class="drawer__stack">
            <div class="drawer__page is-current" data-page="root">
                @foreach($areas as $area)
                    @if(!empty($area['link']) && empty($area['items']))
                        <a class="darea" href="{{ $area['link'] }}">
                            <span class="darea__ico"><i class="fa-solid {{ $area['icon'] }}"></i></span>
                            <span class="darea__text"><strong>{{ $area['label'] }}</strong></span>
                        </a>
                    @else
                        <button class="darea" type="button" data-go="area-{{ $area['id'] }}">
                            <span class="darea__ico"><i class="fa-solid {{ $area['icon'] }}"></i></span>
                            <span class="darea__text">
                                <strong>{{ $area['label'] }}</strong>
                                <small>{{ implode(', ', array_slice(array_column($area['items'], 'label'), 0, 3)) }}</small>
                            </span>
                            <i class="fa-solid fa-chevron-right darea__go"></i>
                        </button>
                    @endif
                @endforeach

                @if($canOpenTv)
                    <form method="post" action="https://live.brascast.com/loginTv">
                        <input type="hidden" name="hash" value="{{ str_replace('/', '|brasbar', EncryptBras($userLogged->email . '|' . $siteData->stream_tv_name)) }}">
                        <button class="darea" type="submit">
                            <span class="darea__ico"><i class="fa-solid fa-video"></i></span>
                            <span class="darea__text"><strong>TV</strong></span>
                        </button>
                    </form>
                @endif

                <div class="udom udom--drawer">
                    <div class="udom__head">{{ __('general.header_domains_title') }}</div>

                    @if($semDominioProprio)
                        <a class="udom__cta" href="https://account.brascast.com/ticket/new/4" target="_blank" rel="noopener">
                            <span class="udom__cta-ico"><i class="fa-solid fa-plus"></i></span>
                            <span class="udom__cta-text">
                                <strong>{{ __('general.header_domain_hire') }}</strong>
                                <small>{{ __('general.header_domain_hire_desc') }}</small>
                            </span>
                            <i class="fa-solid fa-arrow-right"></i>
                        </a>
                    @else
                        <a class="udom__row" href="https://{{ $siteData->domain }}" target="_blank" rel="noopener">
                            <span class="udom__ico udom__ico--main"><i class="fa-solid fa-earth-americas"></i></span>
                            <span class="udom__text">
                                <strong>{{ $siteData->domain }}</strong>
                                <small>{{ __('general.header_domain_main') }}</small>
                            </span>
                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
                        </a>
                    @endif

                    @if($subdominioHeader)
                        <a class="udom__row" href="https://{{ $subdominioHeader }}" target="_blank" rel="noopener">
                            <span class="udom__ico"><i class="fa-solid fa-link"></i></span>
                            <span class="udom__text">
                                <strong>{{ $subdominioHeader }}</strong>
                                <small>{{ __('general.header_domain_alt') }}</small>
                            </span>
                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
                        </a>
                    @endif
                </div>

                <a class="drawer__link" href="{{ $r('profile') }}">
                    <i class="fa-solid fa-user-gear"></i><span>{{ __('general.header_user_profile') }}</span>
                </a>
                @if($userLogged->type != '2')
                    <a class="drawer__link" href="{{ env('CENTRAL_URL', 'https://account.brascast.com') }}">
                        <i class="fa-solid fa-square-caret-left"></i><span>{{ __('general.header_user_central') }}</span>
                    </a>
                @endif
                <a class="drawer__link" href="{{ $r('stations.r') }}">
                    <i class="fa-solid fa-border-all"></i><span>{{ __('general.page_stations_h1') }}</span>
                </a>
                <a class="drawer__link" href="{{ $r('settings.r') }}">
                    <i class="fa-solid fa-gear"></i><span>{{ __('general.page_settings_h1') }}</span>
                </a>
                @unless($ehDono)
                    <a class="drawer__link drawer__link--out" href="/logout">
                        <i class="fa-solid fa-arrow-right-from-bracket"></i><span>{{ __('general.header_user_logout') }}</span>
                    </a>
                @endunless
            </div>

            @foreach($areas as $area)
                @continue(empty($area['items']))
                <div class="drawer__page" data-page="area-{{ $area['id'] }}" hidden>
                    <button class="dback" type="button" data-back>
                        <i class="fa-solid fa-chevron-left"></i> {{ __('general.menu_back') }}
                    </button>
                    <p class="drawer__label">{{ $area['label'] }}</p>

                    @if($area['id'] === 'web' && $drawerSubnav)
                        <a class="drawer__link {{ Route::currentRouteName() === 'site.home.r' ? 'is-active' : '' }}"
                           href="{{ $r('site.home.r') }}">
                            <i class="fa-solid fa-house"></i><span>{{ __('site.menu_item_1') }}</span>
                        </a>

                        @foreach($drawerSubnav as $index => $group)
                            <button class="drawer__link {{ $group['active'] ? 'is-active' : '' }}"
                                    type="button" data-go="group-{{ $index }}">
                                <i class="fa-solid {{ $group['icon'] }}"></i>
                                <span>{{ $group['label'] }}</span>
                                <i class="fa-solid fa-chevron-right darea__go"></i>
                            </button>
                        @endforeach

                        <hr class="drawer__rule">
                    @endif

                    @foreach($area['items'] as $item)
                        <a class="drawer__link {{ !empty($item['active']) ? 'is-active' : '' }}" href="{{ $item['url'] }}">
                            <i class="fa-solid {{ $item['icon'] }}"></i><span>{{ $item['label'] }}</span>
                        </a>
                    @endforeach
                </div>
            @endforeach

            @foreach($drawerSubnav as $index => $group)
                <div class="drawer__page" data-page="group-{{ $index }}" hidden>
                    <button class="dback" type="button" data-back>
                        <i class="fa-solid fa-chevron-left"></i> {{ __('general.header_nav_web') }}
                    </button>
                    <p class="drawer__label">{{ $group['label'] }}</p>

                    @foreach($group['items'] as $item)
                        <a class="drawer__link {{ $item['active'] ? 'is-active' : '' }}" href="{{ $item['url'] }}">
                            <i class="fa-solid {{ $item['icon'] }}"></i><span>{{ $item['label'] }}</span>
                        </a>
                    @endforeach
                </div>
            @endforeach
        </div>
    </div>
</div>