@if (theme_option('header_top_enabled'))
    {!! Theme::partial('header-top') !!}
@endif

<header class="header sticky-bar">
    <div class="container">
        <div class="main-header">
            <div class="header-left">
                <div class="header-logo">
                    <a class="d-flex" href="{{ route('public.index') }}">
                        <img alt="{{ theme_option('site_name') }}" src="{{ RvMedia::getImageUrl(theme_option('logo')) }}">
                    </a>
                </div>
                <div class="header-nav">
                    <nav class="nav-main-menu d-none d-xl-block">
                        {!!
                            Menu::renderMenuLocation('main-menu', [
                                'options' => ['class' => 'main-menu'],
                                'view' => 'main-menu',
                            ])
                        !!}
                    </nav>
                    <div class="burger-icon burger-icon-white"><span class="burger-icon-top"></span><span class="burger-icon-mid"></span><span class="burger-icon-bottom"></span></div>
                </div>
        <div class="header-right">
                    @if(is_plugin_active('blog') || is_plugin_active('ecommerce'))
                        <div class="me-1 d-inline-block box-search-top">
                            <div class="form-search-top">
                                <form action="{{ is_plugin_active('blog') ? route('public.search') : route('public.products') }}">
                                    <input class="input-search" name="q" type="text" placeholder="{{ __('Search...') }}">
                                    <button class="btn btn-search">
                                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                                        </svg>
                                    </button>
                                </form>
                            </div>
                            <span class="font-lg icon-list search-post">
                          <svg class="w-6 h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                          </svg>
                        </span>
                        </div>
                        
<div class="whatsapp-chat">
    <a href="https://wa.me/+6285702404945?text=halo%20Razqa%20Berkah%20Mandiri,%20Saya%20ingin%20menanyakan%20mengenai%20produk%20..." target="_blank">
        <img src="{{ asset('/storage/logo/whatsapp-5968841.png') }}" alt="whatsapp-chat" height="65px" width="65px"></a>
</div>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5cadc5fe557d5f68515be04e/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
                    @endif
                    @if(is_plugin_active('language'))
                        <div class="d-none d-xl-inline-block">
                            {!! Theme::partial('language-switcher') !!}
                        </div>
                    @endif
                    @if (theme_option('action_button_text') && theme_option('action_button_url'))
                        <div class="d-none d-sm-inline-block">
                            <a class="btn btn-brand-1 hover-up" href="{{ theme_option('action_button_url') }}">{{ theme_option('action_button_text') }}</a>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @if(is_plugin_active('ecommerce'))
        {!! Theme::partial('ecommerce.cart-sidebar') !!}
    @endif
</header>