@if(setting('show_site_navbar'))
<div class="@if(!setting('site_navbar_fixed_top')) d-none @endif" style="height:{{ preg_replace("/[^0-9]/", "", setting('site_navbar_logo_height', 40)) + 20 }}px"></div>
<nav class="navbar @if(setting('site_navbar_menu_expend_mode')) navbar-expand-lg @endif  navbar-light bg-light @if(!setting('site_navbar_full_width')) container @endif @if(setting('site_navbar_fixed_top')) fixed-top @endif"
     style="{{ _style('background-color', setting('site_navbar_background_color'), null, '!important') }}">
    <div class="container-fluid">
        <a class="navbar-brand" href="{{ setting('site_navbar_logo_url', route('template.page.show', request('template'))) }}">
            @if($siteNavbarLogo = setting('site_navbar_logo'))
                <img src="{{ \Illuminate\Support\Facades\Storage::url($siteNavbarLogo) }}"
                     class="d-none d-lg-block" alt="{{ setting('site_title') }}" loading="lazy"
                     style="{{ setting('site_navbar_logo_height') ? 'height:'.setting('site_navbar_logo_height').';' : 'max-height:40px;' }}"

                />
            @endif
            @if($siteNavbarLogoNarrow = setting('site_navbar_logo_sm', setting('site_navbar_logo')))
                <img src="{{ \Illuminate\Support\Facades\Storage::url($siteNavbarLogoNarrow) }}"
                     class="d-block d-lg-none" alt="{{ setting('site_title') }}" loading="lazy"
                     style="{{ setting('site_navbar_logo_height') ? 'height:'.setting('site_navbar_logo_height').';' : 'max-height:40px;' }}"
                />
            @endif
        </a>
        <button class="navbar-toggler collapsed"
                type="button"
                data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent"
                aria-expanded="false"
                aria-label="Toggle navigation"
        >
            {{--<span class="navbar-toggler-icon"></span>--}}
            <span class="icon-bar top-bar"></span>
            <span class="icon-bar middle-bar"></span>
            <span class="icon-bar bottom-bar"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mb-2 mb-lg-0 {{ setting('site_navbar_align') }}">
                @foreach(menu(setting('site_navbar_menu_name')) as $item)
                    @if(!$item->childs?->count())
                    <li class="nav-item">
                        <a class="nav-link {{ setting('site_navbar_menu_padding') }}" aria-current="page" target="{{ $item->target }}" href="{{ $item->url }}">
                            <i class="{{ $item->icon_class }}" style="{{ _style('color', $item->icon_color, setting('site_navbar_menu_icon_color'))._style('font-size', $item->title_font_size, setting('site_navbar_menu_font_size')) }}"></i>
                            <span class="{{ $item->title_font_type ?: setting('site_navbar_menu_font_type') }}"
                                  style="{{ _style('color', $item->title_color, setting('site_navbar_menu_text_color'))._style('font-size', $item->title_font_size, setting('site_navbar_menu_font_size')) }}"
                            >{{ $item->title }}</span>
                        </a>
                    </li>
                    @else
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle {{ setting('site_navbar_menu_padding') }}" href="#" id="navbarDropdown{{$item->id}}" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            <span class="{{ $item->title_font_type ?: setting('site_navbar_menu_font_type') }}"
                                  style="{{ _style('color', $item->title_color, setting('site_navbar_menu_text_color'))._style('font-size', $item->title_font_size, setting('site_navbar_menu_font_size')) }}">{{ $item->divider_title }}</span>
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown{{$item->id}}" style="{{ _style('background-color', setting('site_navbar_dropdown_background_color', setting('site_navbar_background_color'))) }}">
                            @foreach($item->childs as $child)
                                <li>
                                    <a class="dropdown-item {{ setting('site_navbar_menu_padding') }}" href="{{ $child->url }}" target="{{ $child->target }}">
                                        <i class="{{ $child->icon_class }}"></i>
                                        {{ $child->title }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </li>
                    @endif
                @endforeach

                {{--<li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Dropdown
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <li><a class="dropdown-item" href="#">Action</a></li>
                        <li><a class="dropdown-item" href="#">Another action</a></li>
                        <li><hr class="dropdown-divider"></li>
                        <li><a class="dropdown-item" href="#">Something else here</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
                </li>--}}
            </ul>
            {{--<form class="d-flex">
                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success" type="submit">Search</button>
            </form>--}}
        </div>
    </div>
</nav>
@endif