@php
    $itemClass = "ms-1 ms-lg-3";
    $btnClass = "btn btn-icon btn-icon-muted btn-active-light btn-active-color-primary w-30px h-30px w-md-40px h-md-40px";
    $userAvatarClass = "symbol-30px symbol-md-40px";
    $btnIconClass = "svg-icon-1";
@endphp

<!--begin::Toolbar wrapper-->
<div class="d-flex align-items-stretch flex-shrink-0">
    {{-- <!--begin::Search-->
    <div class="d-flex align-items-stretch {{ $itemClass }}">
        {{ theme()->getView('partials/search/_base') }}
    </div>
    <!--end::Search-->

    <!--begin::Activities-->
    <div class="d-flex align-items-center {{ $itemClass }}">
        <!--begin::Drawer toggle-->
        <div class="{{ $btnClass }}" id="kt_activities_toggle">
            {!! theme()->getSvgIcon("icons/duotune/general/gen032.svg", $btnIconClass) !!}
        </div>
        <!--end::Drawer toggle-->
    </div>
    <!--end::Activities-->

    <!--begin::Notifications-->
    <div class="d-flex align-items-center {{ $itemClass }}">
        <!--begin::Menu- wrapper-->
        <div class="{{ $btnClass }}" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
            {!! theme()->getSvgIcon("icons/duotune/general/gen022.svg", $btnIconClass) !!}
        </div>
    {{ theme()->getView('partials/topbar/_notifications-menu') }}
    <!--end::Menu wrapper-->
    </div>
    <!--end::Notifications-->

    <!--begin::Chat-->
    <div class="d-flex align-items-center {{ $itemClass }}">
        <!--begin::Menu wrapper-->
        <div class="{{ $btnClass }} position-relative" id="kt_drawer_chat_toggle">
            {!! theme()->getSvgIcon("icons/duotune/communication/com012.svg", $btnIconClass) !!}

            <span class="bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink">
            </span>
        </div>
        <!--end::Menu wrapper-->
    </div>
    <!--end::Chat-->

    <!--begin::Quick links-->
    <div class="d-flex align-items-center {{ $itemClass }}">
        <!--begin::Menu wrapper-->
        <div class="{{ $btnClass }}" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
            {!! theme()->getSvgIcon("icons/duotune/general/gen025.svg", $btnIconClass) !!}
        </div>
    {{ theme()->getView('partials/topbar/_quick-links-menu') }}
    <!--end::Menu wrapper-->
    </div>
    <!--end::Quick links--> --}}

    {{-- Help / Guía de uso — solo en TENANTS pagantes.
         En bewpro.com (main site) no aplica: el icono apunta al manual de uso
         del producto que el tenant le entregó a sus admins, no a la plataforma.
         Customer/Reseller de bewpro.com no tiene tenant que administrar. --}}
    @php
        $__mainHosts = array_map(
            fn($h) => strtolower(trim($h)),
            explode(',', env('BEWPRO_MAIN_HOSTS', 'bewpro.com,localhost,127.0.0.1'))
        );
        $__isMainSite = in_array(strtolower(request()->getHost()), $__mainHosts, true);
    @endphp
    @unless($__isMainSite)
        <!--begin::Help / Guía de uso-->
        <div class="d-flex align-items-center {{ $itemClass }}">
            <a href="{{ route('delivery-guide') }}" class="{{ $btnClass }}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Guía de uso">
                {!! theme()->getSvgIcon("icons/duotune/general/gen046.svg", $btnIconClass) !!}
            </a>
        </div>
        <!--end::Help-->
    @endunless

    <!--begin::Theme mode-->
    <div class="d-flex align-items-center {{ $itemClass }}">
        {{ theme()->getView('partials/theme-mode/_main', ['params' => [
            'toggle-btn-class' => $btnClass
        ]]) }}
    </div>
    <!--end::Theme mode-->

    @if (auth()->check())
        @php
            $authUser = auth()->user();
            $authFirst = $authUser->first_name ?: explode('@', $authUser->email)[0];
            $authLast = $authUser->last_name ?: '';
            $initials = strtoupper(mb_substr($authFirst, 0, 1) . mb_substr($authLast, 0, 1));
            if (!$authLast) {
                $initials = strtoupper(mb_substr($authFirst, 0, 2));
            }
            $authPrimaryRole = $authUser->getRoleNames()->first() ?: '';
            $hasCustomAvatar = $authUser->info && !empty($authUser->info->avatar_url);
        @endphp
        {{-- Notification bell para Clients (BewPro custom) — antes del user-menu --}}
        <x-notification-bell />

        <!--begin::User menu-->
        <div class="d-flex align-items-center {{ $itemClass }}" id="kt_header_user_menu_toggle">
            <!--begin::Trigger (avatar + name + role) --->
            <div class="cursor-pointer d-flex align-items-center gap-2" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="{{ (theme()->isRtl() ? "bottom-start" : "bottom-end") }}">
                @if ($hasCustomAvatar)
                    <div class="symbol {{ $userAvatarClass }}">
                        <img src="{{ $authUser->avatarUrl }}" alt="user"/>
                    </div>
                @else
                    <div class="symbol {{ $userAvatarClass }}">
                        <span class="symbol-label bg-primary text-inverse-primary fw-bolder fs-6">
                            {{ $initials }}
                        </span>
                    </div>
                @endif
                <div class="d-none d-md-flex flex-column lh-1 me-2">
                    <span class="text-gray-800 fw-bold fs-7 lh-1">{{ trim("$authFirst $authLast") ?: $authUser->email }}</span>
                    @if ($authPrimaryRole)
                        <span class="text-muted fs-8 lh-1 mt-1">{{ $authPrimaryRole }}</span>
                    @endif
                </div>
                <i class="fas fa-chevron-down text-muted fs-8 d-none d-md-inline"></i>
            </div>
            {{ theme()->getView('partials/topbar/_user-menu') }}
            <!--end::Menu wrapper-->
        </div>
        <!--end::User menu-->
    @endif

    <!--begin::Header menu toggle-->
    {{-- @if(theme()->getOption('layout', 'header/left') === 'menu')
        <div class="d-flex align-items-center d-lg-none ms-2 me-n3" data-bs-toggle="tooltip" title="Show header menu">
            <div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px" id="kt_header_menu_mobile_toggle">
                {!! theme()->getSvgIcon("icons/duotune/text/txt001.svg", "svg-icon-1") !!}
            </div>
        </div>
    @endif --}}
<!--end::Header menu toggle-->
</div>
<!--end::Toolbar wrapper-->