@php
$settings = getSettings();
@endphp


<div id="smooth-wrapper">
    <div id="smooth-content">
        <nav class="navbar navbar-expand-lg">
            <div class="container align-items-end">
                <a class="navbar-brand" href="/">
                    <img width="150" src="{{ asset('storage/' . getSettings()->site_logo) ?? '' }}"
                        alt="{{ getSettings()->name_by_lang ?? '' }}" loading="lazy" />
                </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">
                    <img width="25" src="{{ asset('assets/media/icons/dots-menu.svg') }}"
                        alt="{{ getSettings()->name_by_lang ?? '' }}" />
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav column-gap-xl-5 column-gap-lg-4 row-gap-4 ms-lg-auto">
                        <li class="nav-item">

                            <a class="nav-link {{ active_route('home') }}"
                                aria-current="{{ request()->routeIs('home') ? 'page' : '' }}"
                                href="{{ route('home') }}">@lang('site.home')</a>
                        </li>
                        <li class="nav-item">

                            <a class="nav-link {{ active_route('services.index') }}"
                                aria-current="{{ request()->routeIs('services.index') ? 'page' : '' }}"
                                href="{{ route('services.index') }}">@lang('main.services')</a>
                        </li>
                        <li class="nav-item">

                            <a class="nav-link {{ active_route('products.index') }}"
                                aria-current="{{ request()->routeIs('products.index') ? 'page' : '' }}"
                                href="{{ route('products.index') }}">@lang('main.products')</a>
                        </li>

                        <li class="nav-item">

                            <a class="nav-link {{ active_route('projects.*') }}"
                                aria-current="{{ request()->routeIs('projects.index') ? 'page' : '' }}"
                                href="{{ route('projects.index') }}">@lang('main.projects')</a>
                        </li>

                        <li class="nav-item">

                            <a class="nav-link {{ active_route('solutions.*') }}"
                                aria-current="{{ request()->routeIs('solutions.index') ? 'page' : '' }}"
                                href="{{ route('solutions.index') }}">@lang('main.solutions')</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link {{ active_route('about_us') }}"
                                aria-current="{{ request()->routeIs('about_us') ? 'page' : '' }}"
                                href="{{ route('about_us') }}">@lang('site.about_us')</a>
                        </li>

                        @if (getGeneralPages()->isNotEmpty())

                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                                aria-expanded="false">
                                @lang('site.other_pages')
                            </a>
                            <ul class="dropdown-menu">

                                @foreach (getGeneralPages() as $generalPage)
                                <li>
                                    <a class="dropdown-item"
                                        href="{{ route('pages.show', ['slug' => $generalPage->slug_by_lang, 'id' => $generalPage->id]) }}">
                                        {{ $generalPage->title_by_lang }}
                                    </a>
                                </li>
                                @endforeach

                            </ul>
                        </li>
                        @endif
                        <li class="nav-item">
                            <a href="{{ route('contacts.index') }}"
                                class="btn btn-hover btn-primary-color rounded-1">@lang('site.contact_us')</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!--End Navbar-->