@if(setting('site_header'))
<div class="app-header header-shadow {{ _theme('switch-header-cs-class', setting('site_header_cs')) }}">
    <div class="app-header__logo">
        {{--<div class="logo-src"></div>--}}
        <div class="logo-src text-center text-md-start" style="background: none;height: 2rem;">
            <img src="{{ \Illuminate\Support\Facades\Storage::url(setting('site_logo')) }}" class="img-fluid mh-100" alt="Logo" loading="lazy" />
        </div>
        @if(setting('site_sidebar'))
        <div class="header__pane ms-auto">
            <div>
                <button type="button" class="hamburger close-sidebar-btn hamburger--elastic"
                        data-class="closed-sidebar">
                    <span class="hamburger-box">
                        <span class="hamburger-inner"></span>
                    </span>
                </button>
            </div>
        </div>
        @endif
    </div>
    @if(setting('site_sidebar'))
    <div class="app-header__mobile-menu">
        <div>
            <button type="button" class="hamburger hamburger--elastic-r mobile-toggle-nav">
                <span class="hamburger-box">
                    <span class="hamburger-inner"></span>
                </span>
            </button>
        </div>
    </div>
    @endif
    <div class="app-header__menu">
        {{--<button class="btn btn-icon p-1 mobile-toggle-nav">
           <span class="svg-icon svg-icon-xxl">
              <!--begin::Svg Icon | path:assets/media/svg/icons/Layout/Layout-4-blocks.svg-->
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <rect x="0" y="0" width="24" height="24"></rect>
                    <rect fill="#ffffff" x="4" y="4" width="7" height="7" rx="1.5"></rect>
                    <path d="M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z" fill="#dddddd" opacity="0.3"></path>
                 </g>
              </svg>
               <!--end::Svg Icon-->
           </span>
        </button>--}}

        <button type="button"
                class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
            <span class="btn-icon-wrapper">
                <i class="fa fa-ellipsis-v fa-w-6"></i>
            </span>
        </button>
    </div>

    <div class="app-header__content">
        <div class="app-header-left flex-fill">
            <x-frontend-top-menu layout="{{ setting('site_container') }}" ></x-frontend-top-menu>

        </div>
        <x-frontend-header-right/>
    </div>

</div>

@else

    <div class="d-block d-md-none" style="position: absolute;right: 1.5rem;top:1.5rem;z-index:1000;">
        <button type="button" class="hamburger hamburger--elastic-r mobile-toggle-nav">
            <span class="hamburger-box">
                <span class="hamburger-inner"></span>
            </span>
        </button>
    </div>

@endif