@php
$locale = config('app.locale');
$main_menu =  nova_get_menu_by_slug('header',$locale) ;
$currentPath = trim(request()->path(), '/');
$supportedLocales = array_keys(LaravelLocalization::getSupportedLocales());
$isHomeHeader = $currentPath === '' || in_array($currentPath, $supportedLocales, true);
$headerModeClass = $isHomeHeader ? 'zen-home-site-header' : 'zen-inner-site-header';
$headerLogo = $isHomeHeader ? asset('assets/img/zen-logo-light.svg') : asset('assets/img/logo-sub.png');
@endphp
<style>
@media (max-width: 479px){
.ltn__utilize.ltn__utilize-mobile-menu {
    padding: 20px 20px;
  }

  .ltn__header-top-area.top-area-color-white {
    display: none;
}
}
</style>
<!-- HEADER AREA START (header-5) -->
    <header class="ltn__header-area ltn__header-5 ltn__header-logo-and-mobile-menu-in-mobile ltn__header-logo-and-mobile-menu ltn__header-transparent gradient-color-4--- {{ $headerModeClass }}">
        <!-- ltn__header-top-area start -->
        <div class="ltn__header-top-area top-area-color-white">
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <div class="ltn__top-bar-menu">
                            <ul>
                                <li><a href="mailto:{{ SG::gv('email') }}"><i class="icon-mail"></i> {{ SG::gv('email') }}</a></li>
                                <li><a target="_blank" href="{{ SG::gv('address_link' ) }}"><i class="icon-placeholder"></i> {{ SG::gv('header_address_'.$locale ) }}</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="top-bar-right text-end">
                            <div class="ltn__top-bar-menu">
                                <ul>
                                    <!-- <li>
                                       
                                        <div class="ltn__drop-menu ltn__currency-menu ltn__language-menu">
                                            <ul>
                                                <li><a href="#" class="dropdown-toggle"><span class="active-currency">{{ strtoupper($locale) }}</span></a>
                                                    <ul>

                                                        @foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                                                      <li>
                                                        <a href="{{ LaravelLocalization::getLocalizedURL($localeCode, '/', [], false) }}"  hreflang="{{ $localeCode }}" >
                                                          {{ strtoupper($localeCode) }}
                                                        </a>
                                                      </li>
                                                        @endforeach
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </li> -->
                                    <li>
                                        <!-- ltn__social-media -->
                                        <div class="ltn__social-media">
                                            <ul>
                                                <li><a target="_blank" href="{{ SG::gv('facebook') }}" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                                                <li><a target="_blank" href="{{ SG::gv('twitter') }}" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                                                <li><a target="_blank" href="{{ SG::gv('instagram') }}" title="Instagram"><i class="fab fa-instagram"></i></a></li>
                                                <li><a target="_blank" href="{{ SG::gv('linkedin') }}" title="linkedin"><i class="fab fa-linkedin-in"></i></a></li>
                                                <li><a target="_blank" href="{{ SG::gv('Youtube') }}" title="Youtube"><i class="fab fa-youtube"></i></a></li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ltn__header-top-area end -->

        <!-- ltn__header-middle-area start -->
        <div class="ltn__header-middle-area ltn__header-sticky ltn__sticky-bg-black">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <div class="site-logo-wrap">
                            <div class="site-logo">
                                <a href="{{ LaravelLocalization::localizeURL('/')}}"><img height="70"  src="{{ $headerLogo }}" alt="Logo"></a>
                            </div>
                            <div class="get-support clearfix d-none">
                                <div class="get-support-icon">
                                    <i class="icon-call"></i>
                                </div>
                                <div class="get-support-info">
                                    <h6>Get Support</h6>
                                    <h4><a href="tel:{{ SG::gv('phone')}}">{{ SG::gv('phone')}}</a></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col header-menu-column menu-color-white">
                        <div class="header-menu d-none d-xl-block">
                            <nav>
                                <div class="ltn__main-menu">
                                    <ul>
                                      @if(isset($main_menu['menuItems']))
                                      {!! createMenu ($main_menu['menuItems']) !!}
                                      @endif

                                      <li class="special-link">
                                            <a href="tel:{{ SG::gv('phone') }}">   {{ SG::gv('phone') }}</a>
                                     </li>
                                    </ul>
                                </div>
                            </nav>
                        </div>
                    </div>
                    <div class="col--- ltn__header-options ltn__header-options-2 ">
                        <!-- Mobile Menu Button -->
                        <div class="mobile-menu-toggle d-xl-none">
                            <a href="#ltn__utilize-mobile-menu" class="ltn__utilize-toggle">
                                <svg viewBox="0 0 800 600">
                                    <path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" id="top"></path>
                                    <path d="M300,320 L540,320" id="middle"></path>
                                    <path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" id="bottom" transform="translate(480, 320) scale(1, -1) translate(-480, -318) "></path>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ltn__header-middle-area end -->
    </header>
    <!-- HEADER AREA END -->

    <!-- Utilize Mobile Menu Start -->
    <div id="ltn__utilize-mobile-menu" class="ltn__utilize ltn__utilize-mobile-menu">
        <div class="ltn__utilize-menu-inner ltn__scrollbar">
            <div class="ltn__utilize-menu-head">
                <div class="site-logo">
                    <a href="{{ LaravelLocalization::localizeURL('/')}}"><img src="{{ asset('assets/img/logo-sub.png')}}" alt="Logo"></a>
                </div>
                <button class="ltn__utilize-close">×</button>
            </div>

            <div class="ltn__utilize-menu">
                <ul>
                  @if(isset($main_menu['menuItems']))
                  {!! createMenuMob ($main_menu['menuItems']) !!}
                  @endif
                </ul>
            </div>

            <div class="ltn__social-media-2">
                <ul>
                    <li><a href="{{ SG::gv('facebook') }}" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                    <li><a href="{{ SG::gv('twitter') }}" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                    <li><a href="{{ SG::gv('linkedin') }}" title="Linkedin"><i class="fab fa-linkedin"></i></a></li>
                    <li><a href="{{ SG::gv('instagram') }}" title="Instagram"><i class="fab fa-instagram"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Utilize Mobile Menu End -->