@php use App\Models\Page; @endphp
<header class="header-area header-style-1 header-height-2">
    <div class="header-middle py-3 d-none d-lg-block">
        <div class="container">
            <div class="header-wrap">
                <div class="logo logo-width-1">
                    <a href="{{route('index')}}">
                        <img src="{{ asset("/assets/images/logo.svg") }}" alt="logo" style="height: 86px;width: 100%;object-fit: contain;" />
                        <span>Editura Academiei Române</span>
                    </a>
                </div>
                <div class="header-center">
                    <livewire:product-search></livewire:product-search>
                </div>
                <div class="header-right">
                    <div class="header-action-right">
                        <div class="header-action-2">
                            @if(config('shop.shop_compare'))
                            <div class="header-action-icon-2">
                                <a href="{{route('compare')}}">
                                    <img class="svgInject" src="/assets/imgs/theme/icons/icon-compare-white.svg" alt="Compare"/>
                                    @if(session('compare'))
                                    <span class="pro-count blue">{{ count((array) session('compare')) }}</span>
                                    @endif
                                </a>
                                <a href="{{route('compare')}}"><span class="lable ml-0"></span></a>
                            </div>
                            @endif

                            @if(config('shop.shop_wishlist'))
                            <div class="header-action-icon-2">
                                <a href="{{route('wishlist')}}">
                                    <img class="svgInject" src="/assets/imgs/theme/icons/icon-heart-white.svg" alt="Wishlist"/>
                                    @if(session('wishlist'))
                                    <span class="pro-count blue">{{ count((array) session('wishlist')) }}</span>
                                    @endif
                                    @if(getFavorites())
                                    <span class="pro-count blue">{{ getFavorites()->count()  }}</span>
                                    @endif
                                </a>
                                <a href="{{route('wishlist')}}"><span class="lable"></span></a>
                            </div>
                            @endif
                            <div class="header-action-icon-2">
                                <a class="mini-cart-icon" href="{{route('cart')}}">
                                    <img alt="" src="/assets/imgs/theme/icons/icon-cart-white.svg" alt="Cart"/>

                                    @if(session('cart'))
                                    <span class="pro-count blue">{{ count((array) session('cart')) }}</span>
                                    @endif
                                </a>
                                <a href="{{route('cart')}}"><span class="lable"></span></a>
                                @if(session('cart'))
                                @php
                                $cart = session('cart', []);

                                $totalCartValue = array_reduce($cart, function($carry, $item) {
                                return $carry + ($item['price'] * $item['quantity']);
                                }, 0);
                                @endphp
                                <div class="cart-dropdown-wrap cart-dropdown-hm2">
                                    <ul>
                                        @foreach(session('cart') as $id => $details)
                                        <li>

                                            @if($details['img_01'] !== NULL && Storage::exists($details['img_01']))
                                            <div class="shopping-cart-img">
                                                <a href="{{ route('shop.show', [$details['slug'], $id]) }}"><img alt="" src="{{ Storage::url($details['img_01']) }}" /></a>
                                            </div>
                                            @else
                                            <div class="shopping-cart-img">
                                                <a href="{{ route('shop.show', [$details['slug'], $id]) }}"><img alt="" src="{{'/uploads/default/default.jpg'}}" /></a>
                                            </div>
                                            @endif
                                            <div class=" shopping-cart-title">
                                                <h4>
                                                    <a href="{{ route('shop.show', [$details['slug'], $id]) }}">{{$details['name']}}</a>
                                                </h4>
                                                <h4>
                                                    <span>{{$details['quantity']}} × </span>{{ priceView($details['price'], true) }}
                                                </h4>
                                            </div>
                                            <div class="shopping-cart-delete">
                                                <a href="{{route('remove', [$id])}}"><i class="fi-rs-cross-small"></i></a>
                                            </div>
                                        </li>
                                        @endforeach
                                    </ul>
                                    <div class="shopping-cart-footer">
                                        <div class="shopping-cart-total">
                                            <h4>{{ __("cart.total") }}
                                                <span>{{ priceView($totalCartValue, true)}}</span>
                                            </h4>
                                        </div>
                                        <div class="shopping-cart-button">
                                            <a href="{{route('cart')}}" class="outline">{{ __("cart.yourCart") }}</a>
                                            <a href="{{route('checkout')}}">{{ __("checkout.title.1") }}</a>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </div>
                            <div class="header-action-icon-2">

                                @if(Auth::check())
                                <a href="{{route('customerLogin')}}"><span class="lable ml-0"><img class="svgInject" alt="" src="/assets/imgs/theme/icons/icon-user-white.svg" /></span></a>
                                <div class="cart-dropdown-wrap cart-dropdown-hm2 account-dropdown">
                                    <a href="#currency" class="notranslate"><i class="w-icon-account"></i> </a>
                                    <ul>
                                        <li>
                                            <a href="{{ route('profile') }}"><i class="fi fi-rs-user mr-10"></i>
                                                {!!__('app.profile')!!}
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ route('orders.index') }}">
                                                <i class="fi fi-rs-settings-sliders mr-10"></i> {!!__('checkout.orders.0')!!}
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ route('logout') }}" onclick="event.preventDefault();
                                document.getElementById('logout-form').submit();">
                                                <i class="fi fi-rs-sign-out mr-10"></i> {!!__('app.logout')!!}
                                            </a>
                                        </li>
                                        <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                            @csrf
                                        </form>
                                    </ul>
                                </div>
                                @else
                                <a href="{{route('customerLogin')}}"><span class="lable ml-0"><img class="svgInject" alt="" src="/assets/imgs/theme/icons/icon-user-white.svg" /></span></a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header-bottom header-bottom-bg-color sticky-bar">
        <div class="container">
            <div class="header-wrap header-space-between position-relative">
                <div class="header-nav d-none d-lg-flex">
                    @php
                    $pages = Page::all();

                    $categoryPages = [
                    'header_links' => $pages->whereIn('slug', ['publishing-team', 'about', 'offered-services']),
                    ];
                    @endphp
                    <div class="main-menu main-menu-padding-1 main-menu-lh-2 d-none d-lg-block font-heading">
                        <nav>
                            <ul>
                                <li class="{{ (request()->routeIs('index')) ? 'active' : '' }}">
                                    <a href="{{route('index')}}">{{ __("shop.home") }}</a>
                                </li>

                                @if(getCategories()->count())
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        Cărți
                                    </a>
                                    <ul class="dropdown-menu">
                                        @foreach (getDomains() as $domain)
                                        <li>
                                            <a class="dropdown-item" href="{{ route('domainPage', [$domain->domain_slug, $domain->id]) }}">{{ucFirst($domain->name)}}</a>
                                        </li>
                                        @endforeach

                                        <li>
                                            <a class="dropdown-item" href="{{route('shop.index')}}">{{ __("shop.see-all") }}</a>
                                        </li>
                                    </ul>
                                </li>
                                @endif

                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        {{ __('shop.publisher') }}
                                    </a>
                                    <ul class="dropdown-menu">
                                        @if(!empty($categoryPages['header_links']))
                                        @foreach($categoryPages['header_links'] as $page)
                                        <li><a class="dropdown-item" href="{{ route('info.pages.show', [$page->slug]) }}">{{ $page->getTranslation('title', App::getLocale()) }}</a></li>
                                        @endforeach
                                        @endif
                                        <li><a class="dropdown-item" href="{{ route("publicinfos") }}">{{ __("publicinfos.title") }}</a></li>
                                    </ul>
                                </li>

                                <li class="{{ (request()->routeIs('announcements')) ? 'active' : '' }}">
                                    <a href="{{route('announcements')}}">{{ __("news.public-interest") }}</a>
                                </li>

                                <li class="{{ (request()->routeIs('events')) ? 'active' : '' }}">
                                    <a href="{{route('events')}}">{{ __("events.title") }}</a>
                                </li>
                                <li class="{{ (request()->routeIs('info.pages')) ? 'active' : '' }}">
                                    <a href="{{route('info.pages')}}">{{ __("info.main-title") }}</a>
                                </li>

                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="hotline d-none d-lg-flex">
                    <div class="main-menu main-menu-padding-1 main-menu-lh-2 d-none d-lg-block font-heading">
                        <nav>
                            <ul>
                                <li class="nav-item dropdown language-dropdown-active">
                                    @if(count(Config::get('languages')) > 1)
                                    <a href="#language-dropdown" class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        @if(app()->getLocale() == 'ro')
                                        <x-flag-language-ro class="w-5 h-3" width="20" height="14" />
                                        {{ __("lang.ro") }}
                                        @else
                                        <x-flag-language-en class="w-5 h-3" width="20" height="14" />
                                        {{ __("lang.en") }}
                                        @endif
                                    </a>

                                    <ul id="language-dropdown" class="language-dropdown dropdown-menu">
                                        @foreach (Config::get('languages') as $lang => $language)
                                        @if ($lang != app()->getLocale())
                                        <li>
                                            <a href="{{ route('changeLanguage', ['locale' => $lang]) }}">
                                                @if($lang == 'ro')
                                                <x-flag-language-ro class="w-5 h-3" width="20" height="14" />
                                                {{ __("lang.ro") }}
                                                @elseif($lang == 'en')
                                                <x-flag-language-en class="w-5 h-3" width="20" height="14" />
                                                {{ __("lang.en") }}
                                                @endif
                                            </a>
                                        </li>
                                        @endif
                                        @endforeach
                                    </ul>
                                    @else
                                    <x-flag-language-ro class="w-5 h-3" width="20" height="14" />
                                    {{ __("lang.ro") }}
                                    @endif
                                </li>
                                <li class="{{ (request()->routeIs('contacts')) ? 'active' : '' }}">
                                    <a href="{{route('contacts')}}">Contactează-ne</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="header-action-icon-2 d-block d-lg-none">
                    <div class="burger-icon burger-icon-white">
                        <span class="burger-icon-top"></span>
                        <span class="burger-icon-mid"></span>
                        <span class="burger-icon-bottom"></span>
                    </div>
                </div>
                <div class="logo logo-width-1 d-block d-lg-none">
                    <a href="{{url('/')}}">
                        <img src="{{ asset("/assets/images/logo.svg") }}" alt="logo" style="height: 44px;width: auto;object-fit: contain;" />
                        <span>Editura Academiei Române</span>
                    </a>
                </div>

                <div class="header-action-right d-block d-lg-none">
                    <div class="header-action-2">
                        @if(config('shop.shop_wishlist'))
                        <div class="header-action-icon-2">
                            <a href="{{route('wishlist')}}">
                                <img alt="Livewire" src="/assets/imgs/theme/icons/icon-heart-white.svg" />
                                @if(getFavorites())
                                <span class="pro-count white">{{ getFavorites()->count()  }}</span>
                                @endif
                            </a>
                        </div>
                        @endif
                        <div class="header-action-icon-2">
                            <a class="mini-cart-icon" href="{{route('cart')}}">
                                <img alt="Livewire" src="/assets/imgs/theme/icons/icon-cart-white.svg" />

                                @if(session('cart'))
                                <span class="pro-count blue">{{ count((array) session('cart')) }}</span>
                                @endif
                            </a>
                            @if(session('cart'))
                            <div class="cart-dropdown-wrap cart-dropdown-hm2">
                                <ul>
                                    @foreach(session('cart') as $id => $details)
                                    <li>
                                        <div class="shopping-cart-img">
                                            <a href="{{ route('shop.show', [$details['slug'], $id]) }}"><img alt="" src="{{'/storage/' . $details['img_01'] }}" /></a>
                                        </div>
                                        <div class="shopping-cart-title">
                                            <h4>
                                                <a href="{{ route('shop.show', [$details['slug'],$id]) }}">{{$details['name']}}</a>
                                            </h4>
                                            <h4>
                                                <span>{{$details['quantity']}} × </span>{{ priceView($details['price'], true) }}
                                            </h4>
                                        </div>
                                        <div class="shopping-cart-delete">
                                            <a href="{{route('remove', [$id])}}"><i class="fi-rs-cross-small"></i></a>
                                        </div>
                                    </li>
                                    @endforeach
                                </ul>
                                <div class="shopping-cart-footer">
                                    <div class="shopping-cart-total">
                                        <h4>{{ __("cart.total") }}
                                            <span>{{ price($details['quantity'] * $details['price'])}}</span>
                                        </h4>
                                    </div>
                                    <div class="shopping-cart-button">
                                        <a href="{{route('cart')}}" class="outline">{{ __("cart.yourCart") }}</a>
                                        <a href="{{route('checkout')}}">{{ __("checkout.title.1") }}</a>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>

                        <div class="header-action-icon-2">

                            @if(Auth::check())
                            <a href="{{route('customerLogin')}}"><img class="svgInject" alt="" src="/assets/imgs/theme/icons/icon-user-white.svg" /></a>
                            <div class="cart-dropdown-wrap cart-dropdown-hm2 account-dropdown">
                                <a href="#currency" class="notranslate"><i class="w-icon-account"></i> </a>
                                <ul>
                                    <li>
                                        <a href="{{ route('profile') }}"><i class="fi fi-rs-user mr-10"></i>
                                            {!!__('app.profile')!!}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('orders.index') }}">
                                            <i class="fi fi-rs-settings-sliders mr-10"></i> {!!__('checkout.orders.0')!!}
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('logout') }}" onclick="event.preventDefault();
                                document.getElementById('logout-form').submit();">
                                            <i class="fi fi-rs-sign-out mr-10"></i> {!!__('app.logout')!!}
                                        </a>
                                    </li>
                                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                        @csrf
                                    </form>
                                </ul>
                            </div>
                            @else
                            <a href="{{route('customerLogin')}}"><img class="svgInject" alt="" src="/assets/imgs/theme/icons/icon-user-white.svg" /></a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<div class="mobile-header-active mobile-header-wrapper-style">
    <div class="mobile-header-wrapper-inner">
        <div class="mobile-header-top">
            <div class="mobile-header-logo">
                <a href="{{url('/')}}">
                    <img src="{{ asset("/assets/images/logo.svg") }}" alt="logo" />
                    <span>Editura Academiei Române</span>
                </a>
            </div>
            <div class="mobile-menu-close close-style-wrap close-style-position-inherit">
                <button class="close-style search-close">
                    <i class="icon-top"></i>
                    <i class="icon-bottom"></i>
                </button>
            </div>
        </div>
        <div class="mobile-header-content-area">
            <div>
                <div class="mobile-search search-style-3 mobile-header-border">
                    <livewire:product-search></livewire:product-search>
                </div>
                <div class="mobile-menu-wrap mobile-header-border">
                    <!-- mobile menu start -->
                    <nav>
                        <ul class="mobile-menu font-heading">

                            <li class="{{ (request()->routeIs('index')) ? 'active' : '' }}">
                                <a href="{{route('index')}}">{{ __("shop.home") }}</a>
                            </li>

                            @if(getCategories()->count())
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    Carti
                                </a>
                                <ul class="dropdown-menu">
                                    @foreach (getDomains() as $domain)
                                    <li>
                                        <a class="dropdown-item" href="{{ route('domainPage', [$domain->domain_slug, $domain->id]) }}">{{ucFirst($domain->name)}}</a>
                                    </li>
                                    @endforeach

                                    <li>
                                        <a class="dropdown-item" href="{{route('shop.index')}}">{{ __("shop.see-all") }}</a>
                                    </li>
                                </ul>
                            </li>
                            @endif

                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    {{ __('shop.publisher') }}
                                </a>
                                <ul class="dropdown-menu">
                                    @if(!empty($categoryPages['header_links']))
                                    @foreach($categoryPages['header_links'] as $page)
                                    <li><a class="dropdown-item" href="{{ route('info.pages.show', [$page->slug]) }}">{{ $page->getTranslation('title', App::getLocale()) }}</a></li>
                                    @endforeach
                                    @endif
                                    <li><a class="dropdown-item" href="{{ route("publicinfos") }}">{{ __("publicinfos.title") }}</a></li>
                                </ul>
                            </li>



                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    {{ __("news.title") }}
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="{{route('news')}}">{{ __("news.title") }}</a></li>
                                    <li><a class="dropdown-item" href="{{route('news')}}">{{ __("news.public-interest") }}</a></li>
                                </ul>
                            </li>
                            <li class="{{ (request()->routeIs('info.pages')) ? 'active' : '' }}">
                                <a href="{{route('info.pages')}}">{{ __("events.title") }}</a>
                            </li>
                            <li class="{{ (request()->routeIs('info.pages')) ? 'active' : '' }}">
                                <a href="{{route('info.pages')}}">{{ __("info.main-title") }}</a>
                            </li>

                            <li class="nav-item dropdown language-dropdown-active">
                                @if(count(Config::get('languages')) > 1)
                                <a href="#language-dropdown" class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    @if(app()->getLocale() == 'ro')
                                    <x-flag-language-ro class="w-5 h-3" width="20" height="14" />
                                    {{ __("lang.ro") }}
                                    @else
                                    <x-flag-language-en class="w-5 h-3" width="20" height="14" />
                                    {{ __("lang.en") }}
                                    @endif
                                </a>

                                <ul id="language-dropdown" class="language-dropdown dropdown-menu">
                                    @foreach (Config::get('languages') as $lang => $language)
                                    @if ($lang != app()->getLocale())
                                    <li>
                                        <a href="{{ route('changeLanguage', ['locale' => $lang]) }}">
                                            @if($lang == 'ro')
                                            <x-flag-language-ro class="w-5 h-3" width="20" height="14" />
                                            {{ __("lang.ro") }}
                                            @elseif($lang == 'en')
                                            <x-flag-language-en class="w-5 h-3" width="20" height="14" />
                                            {{ __("lang.en") }}
                                            @endif
                                        </a>
                                    </li>
                                    @endif
                                    @endforeach
                                </ul>
                                @else
                                <x-flag-language-ro class="w-5 h-3" width="20" height="14" />
                                {{ __("lang.ro") }}
                                @endif
                            </li>

                            <li class="{{ (request()->routeIs('contacts')) ? 'active' : '' }}">
                                <a href="{{route('contacts')}}">Contact</a>
                            </li>
                        </ul>
                    </nav>
                    <!-- mobile menu end -->
                </div>
            </div>
            {{-- <div>--}}
            {{-- <div class="mobile-social-icon mb-10">--}}
            {{-- <h6 class="mb-15">Follow on</h6>--}}
            {{-- <a href="#" target="_blank"><img src="/assets/imgs/theme/icons/icon-facebook-white.svg" alt="" /></a>--}}
            {{-- <a href="#" target="_blank"><img src="/assets/imgs/theme/icons/icon-instagram-white.svg" alt="" /></a>--}}
            {{-- </div>--}}
            {{-- <div class="site-copyright">--}}
            {{-- <p class="font-sm mb-0">© {{ date('Y') }} - Softplexity <br>Designed by <a href="https://softplexity.com" target="_blank"><strong class="text-brand">Softplexity</strong></a></p>--}}
            {{-- </div>--}}
            {{-- </div>--}}
        </div>
    </div>
</div>