@php
    if (empty($authUser) and auth()->check()) {
        $authUser = auth()->user();
    }
    
    if (!empty($authUser) && $authUser->isUser()) {
        $categories = $categories->where('group_id', $authUser->getUserGroup()->id);
    }
    
@endphp

@php
    $userLanguages = !empty($generalSettings['site_language']) ? [$generalSettings['site_language'] => getLanguages($generalSettings['site_language'])] : [];
    
    if (!empty($generalSettings['user_languages']) and is_array($generalSettings['user_languages'])) {
        $userLanguages = getLanguages($generalSettings['user_languages']);
    }
    
    $localLanguage = [];
    
    foreach ($userLanguages as $key => $userLanguage) {
        $localLanguage[localeToCountryCode($key)] = $userLanguage;
    }
    
@endphp

<div id="navbarVacuum"></div>
<nav id="navbar" class="navbar navbar-expand-lg navbar-light nav_bar_disktop_option">
    <div class="{{ (!empty($isPanel) and $isPanel) ? 'container' : 'container' }}">
        <div class="d-flex align-items-center justify-content-between w-100">

            <a class="navbar-brand navbar-order mr-0" href="/">
                @if (!empty($generalSettings['logo']))
                    <img src="{{ $generalSettings['logo'] }}" class="img-cover respons_img" alt="site logo">
                @endif
            </a>

            <button class="navbar-toggler navbar-order" type="button" id="navbarToggle">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="mx-lg-10 d-none d-lg-flex flex-grow-1 navbar-toggle-content " id="navbarContent">
                <div class="navbar-toggle-header text-right d-lg-none">
                    <button class="btn-transparent" id="navbarClose">
                        <i data-feather="x" width="32" height="32"></i>
                    </button>
                </div>

                <ul class="navbar-nav mr-auto d-flex align-items-center navbar_top_menu">
                    @if (!empty($navbarPages) and count($navbarPages))
                        @foreach ($navbarPages as $navbarPage)
                            <li
                                class="nav-item {{ (strpos($navbarPage['link'], request()->path()) !== false && request()->path() !== '/') || request()->is($navbarPage['link']) ? 'active' : '' }}">
                                <a class="nav-link" href="{{ $navbarPage['link'] }}">{{ $navbarPage['title'] }}</a>
                            </li>
                        @endforeach
                    @endif
                    @if (!empty($categories) and count($categories))
                        <li class="mr-lg-25">
                            <div class="menu-category">
                                <ul>
                                    <li class="cursor-pointer user-select-none d-flex xs-categories-toggle">
                                        <!-- <i data-feather="grid" width="20" height="20" class="mr-10 d-none d-lg-block"></i> -->
                                        {{ trans('categories.categories') }}
                                        <i class="collapse-chevron-icon" data-feather="chevron-down" height="20"
                                            href="#collapseQuiz{{ !empty($tagId) }}{{ !empty($quiz) ? $quiz->id : 'record' }}"
                                            aria-controls="collapseQuiz{{ !empty($tagId) }}{{ !empty($quiz) ? $quiz->id : 'record' }}"
                                            data-parent="#quizzesAccordion{{ !empty($tagId) }}" role="button"
                                            data-toggle="collapse" aria-expanded="true"></i>
                                        <ul class="cat-dropdown-menu">
                                            @foreach ($categories as $category)
                                                <li>
                                                    <a
                                                        href="{{ (!empty($category->subCategories) and count($category->subCategories)) ? '#!' : $category->getUrl() }}">
                                                        <div class="d-flex align-items-center">
                                                            <img src="{{ $category->icon }}"
                                                                class="cat-dropdown-menu-icon mr-10"
                                                                alt="{{ $category->title }} icon">
                                                            {{ $category->title }}
                                                        </div>

                                                        @if (!empty($category->subCategories) and count($category->subCategories))
                                                            <i data-feather="chevron-right" width="20"
                                                                height="20"
                                                                class="d-none d-lg-inline-block ml-10"></i>
                                                            <i data-feather="chevron-down" width="20" height="20"
                                                                class="d-inline-block d-lg-none"></i>
                                                        @endif
                                                    </a>

                                                    @if (!empty($category->subCategories) and count($category->subCategories))
                                                        <ul class="sub-menu">
                                                            @foreach ($category->subCategories as $subCategory)
                                                                <li><a
                                                                        href="{{ $subCategory->getUrl() }}">{{ $subCategory->title }}</a>
                                                                </li>
                                                            @endforeach
                                                        </ul>
                                                    @endif
                                                </li>
                                            @endforeach
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    @endif
                </ul>
            </div>

            <div class="top_nav_search">

                <form action="/search" method="get" class="form-inline my-2 my-lg-0 navbar-search position-relative">
                    <input class="form-control mr-5 rounded" type="text" name="search"
                        placeholder="{{ trans('navbar.search_anything') }}" aria-label="Search">

                    <button type="submit"
                        class="btn-transparent d-flex align-items-center justify-content-center search-icon search_input">
                        <i data-feather="search" width="20" height="20" class="mr-10"></i>
                    </button>
                </form>
                @if (!empty($authUser))

                    <div
                        class="user-info d-flex align-items-center flex-row flex-lg-column justify-content-lg-center dashboard_statu">
                        <a href="/panel" class="user-avatar">
                            <img src="{{ $authUser->getAvatar() }}" class="img-cover img_responsivs"
                                alt="{{ $authUser->full_name }}">
                        </a>
                    </div>

                    <div class="top_nav">
                        <div class="d-flex flex-column align-items-center justify-content-center name_res">
                            <a href="/panel" class="user-name mt-15 responsivs_name">
                                <h3 class="font-16 font-weight-bold text-center">{{ $authUser->full_name }}</h3>
                            </a>


                            @if (!empty($authUser->getUserGroup()))
                                <span class="create-new-user mt-10">{{ $authUser->getUserGroup()->name }}</span>
                            @endif
                        </div>

                        <div class="border-left mx-15"></div>

                        @include(getTemplate() . '.includes.notification-dropdown')


                        <!-- class="navbar-user d-flex align-items-center ml-50 dropdown-toggle" type="button"
                    id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"


                    <a href="{{ $authUser->isAdmin() ? '/admin' : '/panel' }}"
                    class="dropdown-item frist_drop" >
                    <img src="{{ $authUser->getAvatar() }}" class="rounded-circle" alt="{{ $authUser->full_name }}">
                    <span
                        class="font-16 user-name text-dark-blue font-14 mobile-resla">{{ $authUser->full_name }}</span>
                </a>-->
                    @else
                        <div class="d-flex align-items-center ml-md-50">
                            <a href="/login"
                                class="py-5 px-10 mr-10 text-dark-blue font-14">{{ trans('auth.login') }}</a>
                            <a href="/register"
                                class="py-5 px-10 text-dark-blue font-14">{{ trans('auth.register') }}</a>
                        </div>
                @endif


            </div>




            <div class="nav-icons-or-start-live navbar-order">

                {{-- <a href="{{ empty($authUser) ? '/login' : ($authUser->isAdmin() ? '/admin/webinars/create' : (($authUser->isUser()) ? '/become-instructor' : '/panel/webinars/new')) }}"
                    class="d-none d-lg-flex btn btn-sm btn-primary nav-start-a-live-btn">
                    {{ (empty($authUser) or !$authUser->isUser()) ? trans('navbar.start_a_live_class') : ($authUser->isUser() ? trans('site.become_instructor') : '') }}
                    </a>

                    <a href="{{ empty($authUser) ? '/login' : (($authUser->isUser()) ? '/become-instructor' : '/panel/webinars/new') }}"
                        class="d-flex d-lg-none text-primary nav-start-a-live-btn font-14">
                        {{ (empty($authUser) or !$authUser->isUser()) ? trans('navbar.start_a_live_class') : ($authUser->isUser() ? trans('site.become_instructor') : '') }}
                    </a> --}}

                <div class="d-none nav-notify-cart-dropdown top-navbar ">
                    {{-- @include(getTemplate().'.includes.shopping-cart-dropdwon') --}}




                    @include(getTemplate() . '.includes.changeLang')


                    @if (!empty($authUser))
                        <!-- <div
                        class="user-info d-flex align-items-center flex-row flex-lg-column justify-content-lg-center dashboard_statu">
                        <a href="/panel" class="user-avatar">
                            <img src="{{ $authUser->getAvatar() }}" class="img-cover img_responsivs"
                                alt="{{ $authUser->full_name }}">
                        </a>
                    </div>

                    <div class="top_nav">
                        <div class="d-flex flex-column align-items-center justify-content-center name_res">
                            <a href="/panel" class="user-name mt-15 responsivs_name">
                                <h3 class="font-16 font-weight-bold text-center">{{ $authUser->full_name }}</h3>
                            </a>


                            @if (!empty($authUser->getUserGroup()))
<span class="create-new-user mt-10">{{ $authUser->getUserGroup()->name }}</span>
@endif
                        </div>




                    </div> -->

                    @endif


                </div>

            </div>


        </div>

    </div>
</nav>


<nav id="navbar" class="navbar navbar-expand-lg navbar-light nav_bar_resposnive">
    <div class="{{ (!empty($isPanel) and $isPanel) ? 'container' : 'container' }}">
        <div class="d-flex align-items-center justify-content-between w-100">



            <button class="navbar-toggler navbar-order resposive_menu" type="button" id="navbarToggle">
                <span class="navbar-toggler-icon"></span>
            </button>


            <div class="mx-lg-10 d-none d-lg-flex flex-grow-1 navbar-toggle-content " id="navbarContent">
                <div class="navbar-toggle-header text-right d-lg-none">
                    <button class="btn-transparent" id="navbarClose">
                        <i data-feather="x" width="32" height="32"></i>
                    </button>
                </div>

                <ul class="navbar-nav mr-auto d-flex align-items-center navbar_top_menu">
                    @if (!empty($navbarPages) and count($navbarPages))
                        @foreach ($navbarPages as $navbarPage)
                            <li
                                class="nav-item {{ (strpos($navbarPage['link'], request()->path()) !== false && request()->path() !== '/') || request()->is($navbarPage['link']) ? 'active' : '' }}">
                                <a class="nav-link" href="{{ $navbarPage['link'] }}">{{ $navbarPage['title'] }}</a>
                            </li>
                        @endforeach
                    @endif
                    @if (!empty($categories) and count($categories))
                        <li class="mr-lg-25">
                            <div class="menu-category">
                                <ul>
                                    <li class="cursor-pointer user-select-none d-flex xs-categories-toggle">
                                        <!-- <i data-feather="grid" width="20" height="20" class="mr-10 d-none d-lg-block"></i> -->
                                        {{ trans('categories.categories') }}
                                        <i class="collapse-chevron-icon" data-feather="chevron-down" height="20"
                                            href="#collapseQuiz{{ !empty($tagId) }}{{ !empty($quiz) ? $quiz->id : 'record' }}"
                                            aria-controls="collapseQuiz{{ !empty($tagId) }}{{ !empty($quiz) ? $quiz->id : 'record' }}"
                                            data-parent="#quizzesAccordion{{ !empty($tagId) }}" role="button"
                                            data-toggle="collapse" aria-expanded="true"></i>
                                        <ul class="cat-dropdown-menu">
                                            @foreach ($categories as $category)
                                                <li>
                                                    <a
                                                        href="{{ (!empty($category->subCategories) and count($category->subCategories)) ? '#!' : $category->getUrl() }}">
                                                        <div class="d-flex align-items-center">
                                                            <img src="{{ $category->icon }}"
                                                                class="cat-dropdown-menu-icon mr-10"
                                                                alt="{{ $category->title }} icon">
                                                            {{ $category->title }}
                                                        </div>

                                                        @if (!empty($category->subCategories) and count($category->subCategories))
                                                            <i data-feather="chevron-right" width="20"
                                                                height="20"
                                                                class="d-none d-lg-inline-block ml-10"></i>
                                                            <i data-feather="chevron-down" width="20"
                                                                height="20" class="d-inline-block d-lg-none"></i>
                                                        @endif
                                                    </a>

                                                    @if (!empty($category->subCategories) and count($category->subCategories))
                                                        <ul class="sub-menu">
                                                            @foreach ($category->subCategories as $subCategory)
                                                                <li><a
                                                                        href="{{ $subCategory->getUrl() }}">{{ $subCategory->title }}</a>
                                                                </li>
                                                            @endforeach
                                                        </ul>
                                                    @endif
                                                </li>
                                            @endforeach
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    @endif
                </ul>
            </div>
            <i class="fa fa-search icons_search_show"></i>




            <div class="top_nav_search">

                <form action="/search" method="get"
                    class="form-inline my-2 my-lg-0 navbar-search position-relative form_dispaly_none form_search_show">
                    <input class="form-control mr-5 rounded" type="text" name="search"
                        placeholder="{{ trans('navbar.search_anything') }}" aria-label="Search">

                    <button type="submit"
                        class="btn-transparent d-flex align-items-center justify-content-center search-icon search_input">
                        <i data-feather="search" width="20" height="20" class="mr-10"></i>
                    </button>
                </form>
                @if (!empty($authUser))



                    <div class="top_nav">
                        <div class="d-flex flex-column align-items-center justify-content-center name_res">
                            <a href="/panel" class="user-name mt-15 responsivs_name">
                                <h3 class="font-16 font-weight-bold text-center">{{ $authUser->full_name }}</h3>
                            </a>


                            <!-- @if (!empty($authUser->getUserGroup()))
<span class="create-new-user mt-10">{{ $authUser->getUserGroup()->name }}</span>
@endif -->
                        </div>

                        <div class="border-left mx-15"></div>

                        @include(getTemplate() . '.includes.notification-dropdown')


                        <!-- class="navbar-user d-flex align-items-center ml-50 dropdown-toggle" type="button"
        id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"


        <a href="{{ $authUser->isAdmin() ? '/admin' : '/panel' }}"
        class="dropdown-item frist_drop" >
        <img src="{{ $authUser->getAvatar() }}" class="rounded-circle" alt="{{ $authUser->full_name }}">
        <span
            class="font-16 user-name text-dark-blue font-14 mobile-resla">{{ $authUser->full_name }}</span>
        </a>-->
                    @else
                        <div class="d-flex align-items-center ml-md-50">
                            <a href="/login"
                                class="py-5 px-10 mr-10 text-dark-blue font-14">{{ trans('auth.login') }}</a>
                            <!-- <a href="/register" class="py-5 px-10 text-dark-blue font-14">{{ trans('auth.register') }}</a> -->
                        </div>
                @endif


            </div>




            <div class="nav-icons-or-start-live navbar-order">

                {{-- <a href="{{ empty($authUser) ? '/login' : ($authUser->isAdmin() ? '/admin/webinars/create' : (($authUser->isUser()) ? '/become-instructor' : '/panel/webinars/new')) }}"
        class="d-none d-lg-flex btn btn-sm btn-primary nav-start-a-live-btn">
        {{ (empty($authUser) or !$authUser->isUser()) ? trans('navbar.start_a_live_class') : ($authUser->isUser() ? trans('site.become_instructor') : '') }}
        </a>

        <a href="{{ empty($authUser) ? '/login' : (($authUser->isUser()) ? '/become-instructor' : '/panel/webinars/new') }}"
            class="d-flex d-lg-none text-primary nav-start-a-live-btn font-14">
            {{ (empty($authUser) or !$authUser->isUser()) ? trans('navbar.start_a_live_class') : ($authUser->isUser() ? trans('site.become_instructor') : '') }}
        </a> --}}

                <div class="d-none nav-notify-cart-dropdown top-navbar ">
                    {{-- @include(getTemplate().'.includes.shopping-cart-dropdwon') --}}




                    @include(getTemplate() . '.includes.changeLang')


                    @if (!empty($authUser))
                        <!-- <div
            class="user-info d-flex align-items-center flex-row flex-lg-column justify-content-lg-center dashboard_statu">
            <a href="/panel" class="user-avatar">
                <img src="{{ $authUser->getAvatar() }}" class="img-cover img_responsivs"
                    alt="{{ $authUser->full_name }}">
            </a>
        </div>

        <div class="top_nav">
            <div class="d-flex flex-column align-items-center justify-content-center name_res">
                <a href="/panel" class="user-name mt-15 responsivs_name">
                    <h3 class="font-16 font-weight-bold text-center">{{ $authUser->full_name }}</h3>
                </a>


                @if (!empty($authUser->getUserGroup()))
<span class="create-new-user mt-10">{{ $authUser->getUserGroup()->name }}</span>
@endif
            </div>




        </div> -->

                    @endif


                </div>

            </div>
        </div>






        <a class="navbar-brand navbar-order mr-0 image_logo" href="/">
            @if (!empty($generalSettings['logo']))
                <img src="{{ $generalSettings['logo'] }}" class="img-cover respons_img" alt="site logo">
            @endif
        </a>
    </div>
</nav>

@push('scripts_bottom')
    <script>
        $('.menu-category').hover(function() {
            $('.xs-categories-toggle').toggleClass('show-items')
        })

        $('.icons_search_show').click(function() {
            $('.form_search_show').toggleClass('show_search')
        })

        $('.resposive_menu').click(function() {
            $('.nav_bar_resposnive .navbar-toggle-content').toggleClass('show')
        })
        $('.btn-transparent').click(function() {
            $('.nav_bar_resposnive .navbar-toggle-content').removeClass('show')
        })
    </script>


    <script src="/assets/default/js/parts/navbar.min.js"></script>
    <link href="/assets/default/vendors/flagstrap/css/flags.css" rel="stylesheet">
    <script src="/assets/default/vendors/flagstrap/js/jquery.flagstrap.min.js"></script>
    <script src="/assets/default/js/parts/top_nav_flags.min.js"></script>
@endpush