<header id="header" class="headroom headroom--not-bottom headroom--pinned headroom--top"> <!-- Start Navbar Area -->
    <div class="startp-mobile-nav float-menu-d-none hide-adminbar">
        <div class="logo">
            <a href="{{ route('home') }}">
                <img src="{{ asset('storage/'.((app()->getLocale() == 'ar' && config('settings.logo_ar')) ? config('settings.logo_ar') : config('settings.logo_en'))) }}" alt="PST">
            </a>
        </div>

        <div class="float-burger-menu" data-toggle="modal" data-target="#FloatMenu"><!-- Float burger menu -->
            <span class="top-bar"></span>
            <span class="middle-bar"></span>
            <span class="bottom-bar"></span>
        </div>
    </div>

    <div class="startp-nav hide-adminbar p-relative">
        <div class="container">
            <nav class="navbar navbar-expand-md navbar-light">
                <a href="{{ route('home') }}" class="navbar-brand">
                    <img src="{{ asset('storage/'.((app()->getLocale() == 'ar' && config('settings.logo_ar')) ? config('settings.logo_ar') : config('settings.logo_en'))) }}" alt="PST">
                </a>
                <div id="navbarSupportedContent" class="collapse navbar-collapse mean-menu" style="display: block;">
                    <ul id="menu-main-menu-english" class="navbar-nav nav ml-auto">
                        <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2014"
                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2010 current_page_item active menu-item-2014 nav-item">
                            <a href="{{ route('home') }}" class="nav-link" title="{{ __('translate.home') }}">{{ __('translate.home') }}</a>
                        </li>

                        @if(count($header_services) > 0)
                            <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2031"
                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown menu-item-2031 nav-item">
                                <a title="Services" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-2031">{{ __('translate.services') }}</a>
                                <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-2031" role="menu">
                                    @foreach($header_services as $service)
                                        <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2118"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2118 nav-item">
                                            <a href="{{ route('service_page', ['name' => $service->name_en]) }}" title="{{ app()->getLocale() == 'ar' ? $service->name_ar : $service->name_en }}" class="dropdown-item">
                                                {{ app()->getLocale() == 'ar' ? $service->name_ar : $service->name_en }}
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </li>
                        @endif

                        <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2035"
                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2035 nav-item">
                            <a href="{{ route('about') }}" class="nav-link" title="{{ __('translate.about') }}">{{ __('translate.about') }}</a>
                        </li>
                        <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2034"
                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2034 nav-item">
                            <a href="{{ route('contact') }}" class="nav-link" title="{{ __('translate.contact') }}">{{ __('translate.contact') }}</a>
                        </li>

                        @if(app()->getLocale() == 'en')
                            <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement"
                                class="lang-item lang-item-65 lang-item-ar lang-item-first menu-item menu-item-type-custom menu-item-object-custom menu-item-2015-ar nav-item">
                                <a title="العربية" href="{{ route('choose_lang', ['lang' => 'ar']) }}" class="nav-link" hreflang="ar" lang="ar">
                                    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAA0UlEQVR4AWN4y8DwCht6jISuIxBY7kt1DQR9Li6BoA9ZWUD0KSEBiD6GhwPROx8fIEJogEkg5N7Z2UHQG11dCIJqALJ+LF36rb8fiL52dEAQyIg9ZUAS2UIgF6ThLwb4+fPHh0cTPz2s+vr1K5D9FQk8f/4ciwag0pe32oAkSA8qePr0KQOm8RANQIRdg5aW1sKFCztgoKamFogenE0GopycXAhKTEwCIqA4AwQAOY5gYAIGQCMUwIAfFQDFERqAKAgGHGHABAa0wEBdXZ2BDAAA0TQJcCf938gAAAAASUVORK5CYII=" alt="العربية" width="16" height="11" style="width: 16px; height: 11px;">
                                    <span style="margin-left:0.3em;">العربية</span>
                                </a>
                            </li>
                        @else
                            <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement"
                                class="lang-item lang-item-94 lang-item-en lang-item-first menu-item menu-item-type-custom menu-item-object-custom menu-item-2013-en nav-item">
                                <a title="English" href="{{ route('choose_lang', ['lang' => 'en']) }}" class="nav-link" hreflang="en" lang="en">
                                    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAt1BMVEWSmb66z+18msdig8La3u+tYX9IaLc7W7BagbmcUW+kqMr/q6n+//+hsNv/lIr/jIGMnNLJyOP9/fyQttT/wb3/////aWn+YWF5kNT0oqz0i4ueqtIZNJjhvt/8gn//WVr/6+rN1+o9RKZwgcMPJpX/VFT9UEn+RUX8Ozv2Ly+FGzdYZrfU1e/8LS/lQkG/mbVUX60AE231hHtcdMb0mp3qYFTFwNu3w9prcqSURGNDaaIUMX5FNW5wYt7AAAAAjklEQVR4AR3HNUJEMQCGwf+L8RR36ajR+1+CEuvRdd8kK9MNAiRQNgJmVDAt1yM6kSzYVJUsPNssAk5N7ZFKjVNFAY4co6TAOI+kyQm+LFUEBEKKzuWUNB7rSH/rSnvOulOGk+QlXTBqMIrfYX4tSe2nP3iRa/KNK7uTmWJ5a9+erZ3d+18od4ytiZdvZyuKWy8o3UpTVAAAAABJRU5ErkJggg==" alt="English" width="16" height="11" style="width: 16px; height: 11px;">
                                    <span style="margin-left:0.3em;">English</span>
                                </a>
                            </li>
                        @endif
                    </ul>
                </div>

            </nav>
        </div>
    </div>
</header><!-- End Navbar Area -->
