@php
    use App\Helpers\SettingHelper;
    $isDarkHeader = request()->is('tuyen-dung*') || request()->routeIs('careers*') ||
        request()->is('we-share*') || request()->routeIs('we-share*') ||
        request()->routeIs('articles.show') ||
        request()->is('lien-he*') || request()->routeIs('contact*');
@endphp
<link rel="stylesheet" href="{{ asset('css/lvt-header.css') }}">
<header id="lvt-header" class="lvt-sticky {{ $isDarkHeader ? 'lvt-dark-header' : '' }}">
    {{-- Navigation Header --}}
    <section id="lvt-fanzgd" class="lvt-section lvt-site-header">
        <div id="lvt-zhnncx" class="lvt-container">
            <div id="lvt-excvid" class="lvt-block">
                <a id="lvt-heconf" class="lvt-logo lvt-header-logo-black" href="{{ route('home') }}">
                    <img src="{{ getLogo(SettingHelper::get('site_logo_black'), 'black') }}"
                        class="lvt-bricks-site-logo lvt-css-filter"
                        alt="{{ SettingHelper::get('site_name', 'LVT Global') }}"
                        data-bricks-logo="{{ getLogo(SettingHelper::get('site_logo_black'), 'black') }}" loading="eager"
                        decoding="async" /></a><a id="lvt-tcgagu" class="lvt-logo lvt-header-logo-white"
                    href="{{ route('home') }}">
                    <img src="{{ getLogo(SettingHelper::get('site_logo_white'), 'white') }}"
                        class="lvt-bricks-site-logo lvt-css-filter"
                        alt="{{ SettingHelper::get('site_name', 'LVT Global') }}"
                        data-bricks-logo="{{ getLogo(SettingHelper::get('site_logo_white'), 'white') }}" loading="eager"
                        decoding="async" />
                </a>
            </div>
            <div id="lvt-dikwfp" class="lvt-block">
                <div id="lvt-obiwxv" data-script-id="lvt-obiwxv" class="lvt-nav-menu">
                    <nav class="lvt-nav-menu-wrapper lvt-never">
                        <ul id="lvt-menu-main-menu" class="lvt-nav-menu">
                            <li id="lvt-menu-item-3435"
                                class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page lvt-menu-item-home {{ request()->routeIs('home') ? 'lvt-current-menu-item' : '' }}">
                                <a href="{{ route('home') }}">Về LVT Global</a>
                            </li>
                            <li id="lvt-menu-item-3437"
                                class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page {{ request()->routeIs('ecosystem.*') ? 'lvt-current-menu-item' : '' }}">
                                <div class="lvt-submenu-toggle lvt-icon-right"><a
                                        href="{{ route('ecosystem.index') }}">Mobile Apps</a><button
                                        aria-expanded="false" aria-label="Mobile Apps Sub menu">
                                        <i class="fa-solid fa-chevron-down lvt-menu-item-icon"></i>


                                    </button></div>
                            </li>
                            <li id="lvt-menu-item-3443"
                                class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page {{ request()->routeIs('careers.*') || request()->routeIs('careers') || request()->is('tuyen-dung*') ? 'lvt-current-menu-item' : '' }}">
                                <a href="{{ route('careers') }}">Tuyển dụng</a>
                            </li>
                            <li id="lvt-menu-item-3444"
                                class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page {{ request()->routeIs('we-share') || request()->routeIs('articles.show') ? 'lvt-current-menu-item' : '' }}">
                                <a href="{{ route('we-share') }}">We share</a>
                            </li>

                            <li id="lvt-menu-item-3441"
                                class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page {{ request()->routeIs('contact') ? 'lvt-current-menu-item' : '' }}">
                                <a href="{{ route('contact') }}">Liên hệ</a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </div>
            <div id="lvt-hhafin" class="lvt-block"><span id="lvt-ikrywt"
                    class="lvt-button lvt-btn-toggle lvt-bricks-button"
                    data-interactions="[{&quot;id&quot;:&quot;bmengl&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;toggleAttribute&quot;,&quot;actionAttributeKey&quot;:&quot;class&quot;,&quot;actionAttributeValue&quot;:&quot;lvt-active&quot;},{&quot;id&quot;:&quot;awpktr&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;toggleAttribute&quot;,&quot;actionAttributeKey&quot;:&quot;class&quot;,&quot;actionAttributeValue&quot;:&quot;lvt-show-nav&quot;,&quot;target&quot;:&quot;custom&quot;,&quot;targetSelector&quot;:&quot;#lvt-header&quot;}]"
                    data-interaction-id="lvt-fcbecc"></span></div>
        </div>
        {{-- Mobile Menu --}}
        <div id="lvt-bsueod" class="lvt-container lvt-menu-mobile">
            <div id="lvt-rcdtem" data-script-id="lvt-rcdtem" class="lvt-nav-menu">
                <nav class="lvt-nav-menu-wrapper lvt-never">
                    <ul id="lvt-menu-main-menu-1" class="lvt-nav-menu">
                        <li class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page lvt-menu-item-home {{ request()->routeIs('home') ? 'lvt-current-menu-item' : '' }}"
                            data-static="true" data-toggle="click"><a href="{{ route('home') }}">Về LVT Global</a>
                        </li>
                        <li class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page {{ request()->routeIs('ecosystem.*') ? 'lvt-current-menu-item' : '' }}"
                            data-static="true" data-toggle="click">
                            <a href="{{ route('ecosystem.index') }}">Mobile Apps</a>
                        </li>
                        <li class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page {{ request()->routeIs('careers.*') || request()->routeIs('careers') || request()->is('tuyen-dung*') ? 'lvt-current-menu-item' : '' }}"
                            data-static="true" data-toggle="click"><a href="{{ route('careers') }}">Tuyển
                                dụng</a></li>
                        <li class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page {{ request()->routeIs('we-share') || request()->routeIs('articles.show') ? 'lvt-current-menu-item' : '' }}"
                            data-static="true" data-toggle="click"><a href="{{ route('we-share') }}">We
                                share</a></li>
                        <li class="lvt-menu-item lvt-menu-item-type-post_type lvt-menu-item-object-page {{ request()->routeIs('contact') ? 'lvt-current-menu-item' : '' }}"
                            data-static="true" data-toggle="click"><a href="{{ route('contact') }}">Liên hệ</a>
                        </li>
                    </ul>
                </nav>
            </div>

        </div>
    </section>
</header>