@php use App\Libs\Users; @endphp
<header class="mt-3 mb-4">
    <div class="container mb-3">
        <div class="row w-100 align-items-center gx-lg-2 gx-0">
            <div class="col-xxl-3 col-lg-4 col-md-6 col-5">
                <img src="{{ asset(config("layout.".session('businessOwner.layout', 'default').".logos.header.src"))}}"
                     width="{{ config("layout.".session('businessOwner.layout', 'default').".logos.header.width")}}"
                     height="{{ config("layout.".session('businessOwner.layout', 'default').".logos.header.height")}}"
                     alt="{{ config("layout.".session('businessOwner.layout', 'default').".logos.header.alt")}}">
            </div>
            <div class="col-xxl-6 col-lg-5 d-none d-lg-block">
            </div>
            <div class="col-xxl-3 col-lg-3 col-md-6 col-7 text-end">
                <div class="list-inline">
                    @if(!empty(session("user.id")))
                        <div class="list-inline-item me-3">
                            <a class="nav-link" href="{{url(session("url.startPage", "#"))}}" role="button">
                                <i class="fa-solid fa-home pe-1"></i>
                            </a>
                        </div>
                        @if(Users::AccessGranted(session("user.grantedPermissions"), 6))
                            <div class="list-inline-item me-3">
                                <a class="nav-link" href="{{route('ContactForm')}}" role="button">
                                    <i class="fa-solid fa-envelope pe-1"></i>
                                </a>
                            </div>
                        @endif
                        @if(session("authType") == "userData")
                            <div class="list-inline-item me-3">
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                                       aria-expanded="false">
                                        <i class="fa-solid fa-user pe-1"></i>
                                    </a>
                                    <ul class="dropdown-menu">
                                        @if(session("authType") == "userData")
                                            <span class="dropdown-header">
                                            <span class="fw-bold">{{__("universal.logged_in_as")}}:</span>
                                            {{session("user.firstName")." ".session("user.lastName")}}
                                        </span>
                                            <div class="dropdown-divider"></div>
                                        @endif
                                        @if(Users::AccessGranted(session("user.grantedPermissions"), 3))
                                            @component('components/links/link_dropdown_icon_left', [
                                                'id' => "change_username",
                                                'iconClass' => 'fa-solid fa-user',
                                                'title' => __("universal.header.nav.change_username"),
                                                'url' => "user-profile/username"
                                            ])
                                            @endcomponent
                                            <div class="dropdown-divider"></div>
                                        @endif
                                        @if(Users::AccessGranted(session("user.grantedPermissions"), 2))
                                            @component('components/links/link_dropdown_icon_left', [
                                                'id' => "change_password",
                                                'iconClass' => 'fa-solid fa-lock',
                                                'title' => __("universal.header.nav.change_password"),
                                                'url' => "user-profile/password"
                                            ])
                                            @endcomponent
                                            <div class="dropdown-divider"></div>
                                        @endif
                                        @if(Users::AccessGranted(session("user.grantedPermissions"), 4))
                                            @component('components/links/link_dropdown_icon_left', [
                                                'id' => "account_edit_profile",
                                                'iconClass' => 'fa-solid fa-user-pen',
                                                'title' => __("universal.header.nav.edit_user_account"),
                                                'url' => "user-profile/data"
                                            ])
                                            @endcomponent
                                            <div class="dropdown-divider"></div>
                                        @endif
                                        @if(Users::AccessGranted(session("user.grantedPermissions"), 5))
                                            @component('components/links/link_dropdown_icon_left', [
                                                'id' => "account_delete_profile",
                                                'iconClass' => 'fa-solid fa-user-slash',
                                                'title' => __("universal.header.nav.delete_user_account"),
                                                'url' => "user-profile/delete"
                                            ])
                                            @endcomponent
                                            <div class="dropdown-divider"></div>
                                        @endif
                                        @component('components/links/link_dropdown_icon_left', [
                                             'id' => "account_logout",
                                             'iconClass' => 'fas fa-sign-out-alt',
                                             'title' => __("universal.header.nav.logout"),
                                             'url' => "logout"
                                         ])
                                        @endcomponent
                                    </ul>
                                </li>
                            </div>
                        @endif
                    @else
                        <div class="list-inline-item me-3">
                            <a class="nav-link" href="{{url(session("url.loginPage"))}}" role="button">
                                <i class="fa-solid fa-home pe-1"></i>
                            </a>
                        </div>
                    @endif
                    <div class="list-inline-item me-0">
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                               aria-expanded="false">
                                <i class="fa-solid fa-globe pe-1"></i>
                            </a>
                            <ul class="dropdown-menu">
                                @if(!empty($availableLanguages))
                                    @foreach($availableLanguages AS $languageCode)
                                        <li>
                                            <a class="dropdown-item"
                                               href="{{route('SetLanguage', $languageCode)}}"><span class="pe-1"><img
                                                        src="{{asset('images/flags/'.$languageCode.'.png')}}"
                                                        alt="Flag"></span>{{__("app.available_languages.".$languageCode)}}
                                            </a>
                                        </li>
                                    @endforeach
                                @endif
                            </ul>
                        </li>
                    </div>
                    @if(session("authType") == "transactionData" && !empty(session("user.id")))
                        <div class="list-inline-item ms-3 me-0">
                            <a class="nav-link" href="{{route('Logout')}}" role="button">
                                <i class="fa-solid fa-power-off pe-1"></i>
                            </a>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @if(!empty(session("user.id")))
        <nav class="navbar navbar-expand-lg">
            <div class="container ps-sm-2 p-lg-1">
                {{--<a class="navbar-brand" href="#"></a>--}}
                <button class="navbar-toggler" 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>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page"
                               href="{{url(session("url.startPage", "#"))}}">
                                @switch(session("authType"))
                                    @case("public")
                                        {{__("universal.header.nav.order_creation")}}
                                        @break;
                                    @case("transactionData")
                                        {{__("universal.header.nav.order_status")}}
                                        @break;
                                    @default
                                        {{__("universal.header.nav.home")}}
                                        @break;
                                @endswitch
                            </a>
                        </li>
                        @if(session("authType") == "userData")
                            @if(session("businessOwner.id") == "ims")
                                @if(Users::AccessGranted(session("user.grantedPermissions"), 21))
                                    @if(Users::AccessGranted(session("user.grantedPermissions"), 30))
                                        {{-- Choose between standard service order and data deletion order --}}
                                        <li class="nav-item">
                                            <a class="nav-link" aria-current="page"
                                               href="{{route('OrderCreation')}}">{{__("universal.header.nav.order_creation")}}</a>
                                        </li>
                                    @else
                                        {{-- Standard service order --}}
                                        <li class="nav-item">
                                            <a class="nav-link" aria-current="page"
                                               href="{{route('CreationOfServiceOrder')}}">{{__("universal.header.nav.order_creation")}}</a>
                                        </li>
                                    @endif
                                @else
                                    {{-- Data deletion order --}}
                                    <li class="nav-item">
                                        <a class="nav-link" aria-current="page"
                                           href="{{route('CreationOfDeletionOrder')}}">{{__("universal.header.nav.order_creation")}}</a>
                                    </li>
                                @endif
                            @else
                                {{-- Business owner: Bang & Olufsen / Standard service order --}}
                                @if(Users::AccessGranted(session("user.grantedPermissions"), 21) && session("businessOwner.id") == "bang-olufsen")
                                    <li class="nav-item">
                                        <a class="nav-link" aria-current="page"
                                           href="{{route('CreationOfServiceOrderBangOlufsen')}}">{{__("universal.header.nav.order_creation")}}</a>
                                    </li>
                                @endif
                            @endif
                        @endif
                        @if(Users::AccessGranted(session("user.grantedPermissions"), 14) && session("authType") == "userData")
                            <li class="nav-item">
                                <a class="nav-link" aria-current="page"
                                   href="{{route('OrderSearch')}}">{{__("universal.header.nav.order_search")}}</a>
                            </li>
                        @endif
                        @if(Users::AccessGranted(session("user.grantedPermissions"), [7,8]) && session("authType") == "userData")
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                                   aria-expanded="false">
                                    {{__("universal.header.nav.administration")}}
                                </a>
                                <ul class="dropdown-menu">
                                    @if(Users::AccessGranted(session("user.grantedPermissions"), 7))
                                        <li><a class="dropdown-item" href="{{route('RegistrationRequests')}}">{{__("universal.header.nav.registration_requests")}}</a></li>
                                    @endif
                                    @if(Users::AccessGranted(session("user.grantedPermissions"), 9))
                                        <li><a class="dropdown-item" href="{{route('UserManagement')}}">{{__("universal.header.nav.user_management")}}</a></li>
                                    @endif
                                    @if(Users::AccessGranted(session("user.grantedPermissions"), 8))
                                        <li><a class="dropdown-item" href="{{route('UserGroups')}}">{{__("universal.header.nav.user_group_management")}}</a></li>
                                    @endif
                                </ul>
                            </li>
                        @endif
                    </ul>
                    @if(Users::AccessGranted(session("user.grantedPermissions"), 20) && session("authType") == "userData")
                        <div class="d-flex">
                            <span class="me-1">
                                @component("components.inputs.input", ["id" => "quick_search", "placeholder" => __("universal.order_no")])
                                @endcomponent
                            </span>
                            <span>
                                @component("components.buttons.button", [
                                     "id" => "btn_quick_search",
                                     "title" => __("universal.link.search"),
                                     "buttonClass" => "btn btn-default"
                                 ])
                                @endcomponent
                            </span>
                        </div>
                    @endif
                </div>
            </div>
        </nav>
    @endif
    <div class="shadow-sm p-1 rounded"></div>
</header>