@if ($prefix === 'solutions')
    {{-- Retam Solutions Header --}}

    <header class="header {{ !in_array(Route::currentRouteName(), ['web.solutions.home']) ? 'header-pages' : '' }}">
        <div class="main-container">
            <div class="top-par">
                <div class="logo">
                    <a href="{{ route('web.solutions.home') }}">
                        <img src="{{ asset('storage/' . getSetting('logo')) }}" alt="">
                    </a>
                </div>
                <!-- start-element -->
                <div class="element">
                    <div class="logo-menu">
                        <img src="{{ asset('storage/' . getSetting('logo')) }}" alt="">
                    </div>
                    <ul>
                        <li>
                            <a class="{{ isActiveRoute('web.solutions.home') }}"
                                href="{{ route('web.solutions.home') }}">{{ transWord('الرئيسية') }}</a>
                        </li>
                        <li>
                            <a class="{{ isActiveRoute('web.solutions.about') }}"
                                href="{{ route('web.solutions.about') }}">
                                {{ transWord('من نحن') }}</a>
                        </li>

                        <li>
                            <a href="{{ route('web.solutions.sectors.index') }}">{{ getSetting('sector_name' , app()->getLocale() ) }}</a>
                        </li>
                        <li>
                            <a class="{{ areActiveRoutes(['web.solutions.news.index', 'web.solutions.news.show', 'web.solutions.news.category-news']) }}"
                                href="{{ route('web.solutions.news.index') }}">{{ transWord('آخر الأخبار') }}</a>
                        </li>
                        <li>
                            <a class="{{ isActiveRoute('web.solutions.feedback') }}"
                                href="{{ route('web.solutions.feedback') }}">
                                {{ transWord('أراء العملاء') }}</a>
                        </li>
                        <li>
                            <a class="{{ isActiveRoute('web.solutions.partners') }}"
                                href="{{ route('web.solutions.partners') }}">{{ transWord('شركائنا') }}</a>
                        </li>
                        <li>
                            <a class="{{ isActiveRoute('web.solutions.contact-us') }}"
                                href="{{ route('web.solutions.contact-us') }}">{{ transWord('تواصل معنا') }}</a>
                        </li>
                    </ul>
                    <div class="btns">
                        <a href="{{ route('web.supply.home') }}" class="ctm-btn-str">
                            {{ transWord('رتام للتوريد') }}</a>
                        @guest
                            <a href="" class="ctm-btn" data-toggle="modal" data-target="#asoh"> <i
                                    class="bi bi-person"></i> {{ transWord('تسجيل الدخول') }}</a>
                        @endguest

                        @auth
                            <a class="ctm-btn" href="{{ route('web.profile') }}">
                                {{ transWord('الملف الشخصى') }}
                            </a>
                        @endauth

                        <a href="{{ route('language', app()->getLocale() === 'ar' ? 'en' : 'ar') }}" class="language">
                            <i class="bi bi-globe2"></i></a>
                    </div>
                </div>

                <div class="btns-top-par">
                    <a href="{{ route('language', app()->getLocale() === 'ar' ? 'en' : 'ar') }}" class="language">
                        <i class="bi bi-globe2"></i></a>
                    <div class="btns-nav-bar">
                        <a href="{{ route('web.supply.home') }}" class="ctm-btn-str">
                            {{ transWord('رتام للتوريد') }}</a>

                        @guest
                            <a href="" class="ctm-btn" data-toggle="modal" data-target="#asoh"> <i
                                    class="bi bi-person"></i> {{ transWord('تسجيل الدخول') }}</a>
                        @endguest
                    </div>

                    @auth
                        <div class="manu-profile">
                            <a href="" class="ctm-btn" id="click-manu-profile"> <i class="bi bi-person"></i>
                                <span>{{ auth()->user()->name }}</span> </a>

                            <div class="dropdown-proflie-header">
                                <ul>
                                    <li>
                                        <a href="{{ route('web.profile') }}">
                                            <img src="{{ url('web') }}/imges/p1.png" alt="">
                                            {{ transWord('الملف الشخصى') }}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('web.favorite') }}">
                                            <img src="{{ url('web') }}/imges/p2.png" alt="">
                                            {{ transWord('المفضلة') }}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('web.orders') }}">
                                            <img src="{{ url('web') }}/imges/p3.png" alt="">
                                            {{ transWord('الطلبات') }}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('web.logout') }}">
                                            <img src="{{ url('web') }}/imges/p5.png" alt="">
                                            {{ transWord('تسجيل الخروج') }}
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    @endauth
                </div>

                <div class="bg-div-mune"></div>
                <div class="menu">
                    <div class="hambergerIcon">
                    </div>
                </div>

            </div>
        </div>

        @yield('sub_header')


    </header>
@else
    {{-- Retam Supply Header --}}

    <header class="header active">
        <div class="nav-bar">
            <div class="main-container">
                <div class="logo">
                    <img src="{{ asset('storage/' . getSetting('logo')) }}" alt="">
                </div>
                <div class="element">
                    <ul>
                        <li><a class="{{ isActiveRoute('web.supply.home') }}" href="{{ route('web.supply.home') }}">
                                {{ transWord('الرئيسية') }}</a>
                        </li>
                        <li><a class="{{ isActiveRoute('web.supply.category.index') }}"
                                href="{{ route('web.supply.category.index') }}"> {{ transWord('الأقسام') }}</a></li>
                        <li><a class="{{ isActiveRoute('web.supply.products.index') }}"
                                href="{{ route('web.supply.products.index') }}"> {{ transWord('المنتجات') }}</a></li>
                        <li><a class="{{ isActiveRoute('web.supply.products.offers') }}"
                                href="{{ route('web.supply.products.offers') }}">
                                {{ transWord('الخصومات و العروض') }}</a></li>
                        <li>
                            <a class="{{ isActiveRoute('web.supply.feedback') }}"
                                href="{{ route('web.supply.feedback') }}">
                                {{ transWord('أراء العملاء') }}</a>
                        </li>
                        <li>
                            <a class="{{ isActiveRoute('web.supply.partners') }}"
                                href="{{ route('web.supply.partners') }}">{{ transWord('شركائنا') }}</a>
                        </li>

                    </ul>
                </div>


                <div class="icon-top-bar">
                    @livewire('cart-counter')

                    <div class="language">
                        <a href="{{ route('language', app()->getLocale() === 'ar' ? 'en' : 'ar') }}"
                            class="icon-language">
                            <i class="bi bi-globe2"></i></a>
                    </div>

                    <div class="btns-nav-bar">
                        <a href="{{ route('web.solutions.home') }}"
                            class="ctm-btn-str">{{ transWord('رتام للحلول') }}</a>
                        @guest
                            <a href="" class="ctm-btn" data-toggle="modal" data-target="#asoh"> <i
                                    class="bi bi-person"></i> {{ transWord('تسجيل الدخول') }} </a>
                        @endguest
                        @auth
                            <div class="manu-profile">
                                <a href="" class="ctm-btn" id="click-manu-profile"> <i class="bi bi-person"></i>
                                    <span>{{ auth()->user()->name }}</span> </a>

                                <div class="dropdown-proflie-header">
                                    <ul>
                                        <li>
                                            <a href="{{ route('web.profile') }}">
                                                <img src="{{ url('web') }}/imges/p1.png" alt="">
                                                {{ transWord('الملف الشخصى') }}
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ route('web.favorite') }}">
                                                <img src="{{ url('web') }}/imges/p2.png" alt="">
                                                {{ transWord('المفضلة') }}
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ route('web.orders') }}">
                                                <img src="{{ url('web') }}/imges/p3.png" alt="">
                                                {{ transWord('الطلبات') }}
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ route('web.logout') }}">
                                                <img src="{{ url('web') }}/imges/p5.png" alt="">
                                                {{ transWord('تسجيل الخروج') }}
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        @endauth
                    </div>
                    <div class="menu-div">
                        <div class="content" id="times-ican">
                            <a href="#" title="Navigation menu" class="navicon" aria-label="Navigation">
                                <span class="navicon__item"></span>
                                <span class="navicon__item"></span>
                                <span class="navicon__item"></span>
                                <span class="navicon__item"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @yield('sub_header')
    </header>
@endif