@php

    if (!isset($plans)) {
        $plans = App\Models\Admin\Plan::select('priority','slug','title','status')->where('status', '1')->oldest('priority')->get();
    }

    if (!isset($website_data)) {
        $website_data = App\Models\Admin\WebsiteSetting::where(function ($query) {
            $query
                ->where('type', 'logo')
                ->orWhere('type', 'email')
                ->orWhere('type', 'support_phone')
                ->orWhere('type', 'whatsapp')
                ->orWhere('type', 'trainers')
                ->orWhere('type', 'students')
                ->orWhere('type', 'live_training')
                ->orWhere('type', 'community_earning')
                ->orWhere('type', 'address');
        })->pluck('content', 'type');
    }

    if (!isset($social_media_link)) {
        $social_media_link = App\Models\Admin\WebsiteSetting::where('type', 'social')
            ->where(function ($query) {
                $query
                    ->where('content', 'facebook')
                    ->orWhere('content', 'youtube')
                    ->orWhere('content', 'instagram')
                    ->orWhere('content', 'linkedin');
            })
            ->pluck('url', 'content');
    }

    if (!isset($notifications)) {
        $notifications = App\Models\Notification::select('link','description','created_at')->get();
    }

@endphp
<header class="rbt-header rbt-header-10 d-print-none">
    <div class="rbt-sticky-placeholder"></div>
    <div class="rbt-header-wrapper header-space-betwween header-sticky header-sticky">
        <div class="container-fluid">
            <div class="mainbar-row rbt-navigation-start align-items-center">
                <div class="header-left rbt-header-content">
                    <div class="header-info">
                        <div class="logo">
                            <a href="{{ route('index') }}">
                                @isset($website_data['logo'])
                                    <img src="{{ asset('frontend/images/logo/'.$website_data['logo']) }}" alt="{{ config('app.name') }}">
                                @else
                                    <img src="{{ asset('backend/img/default.png') }}" alt="{{ config('app.name') }}">
                                @endisset
                            </a>
                        </div>
                    </div>
                </div>
                <div class="rbt-main-navigation d-none d-xl-block">
                    <nav class="mainmenu-nav">
                        <ul class="mainmenu">
                            <li>
                                <a href="{{ route('index') }}" class="active">Home</a>
                            </li>
                            <li>
                                <a href="{{ route('about') }}">About</a>
                            </li>
                            <li class="has-dropdown has-menu-child-item">
                                <a href="{{route('plan')}}">Course Packages
                                    <i class="feather-chevron-down"></i>
                                </a>
                                <ul class="submenu">
                                    @foreach ($plans as $plan)
                                        <li>
                                            <a href="{{ route('plan.detail', $plan->slug) }}">{{ $plan->title }}</a>
                                        </li>
                                    @endforeach
                                </ul>
                            </li>
                            <li><a href="#">Courses</a></li>
                            <li>
                                <a href="{{ route('contact') }}">Contact</a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="header-right">
                    <div class="rbt-btn-wrapper">
                        @if (Auth::guard('web')->check())
                            <ul class="quick-access">
                                <li class="access-icon rbt-mini-cart rbt-user-wrapper">
                                    <a class="rbt-round-btn" href="#">
                                        <i class="feather-bell"></i>
                                        <span class="rbt-cart-count">{{ count($notifications) }}</span>
                                    </a>
                                    <div class="rbt-user-menu-list-wrapper">
                                        <div class="notification">
                                            <h6 class="rbt-title-style-2">Notification(s)</h6>
                                            <ul class="user-notification-wrapper mt--10">
                                                @foreach ($notifications as $notification)
                                                    <li>
                                                        <a href="{{ $notification->link }}">
                                                            {{ $notification->description }}
                                                            <span><i class="bi bi-calendar"></i>{{ $notification->created_at }}</span>
                                                        </a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="account-access rbt-user-wrapper">
                                    <a class="thm-btn d-none d-xl-block" href="{{ route('user.dashboard') }}" target="_blank">
                                        <span class="user">
                                            <img src="{{ asset('frontend/images/avatar/'.Auth::guard('web')->user()->avatar) }}" onerror="this.onerror=null;this.src='{{ asset('backend/img/default.png') }}';">
                                            {{ Auth::guard('web')->user()->name }}
                                        </span>
                                    </a>
                                    <a class="d-block d-xl-none" href="#">
                                        <span class="user">
                                            <img src="{{ asset('frontend/images/avatar/'.Auth::guard('web')->user()->avatar) }}" onerror="this.onerror=null;this.src='{{ asset('backend/img/default.png') }}';">
                                        </span>
                                    </a>
                                    <div class="rbt-user-menu-list-wrapper">
                                        <div class="inner">
                                            <ul class="user-list-wrapper">
                                                <li>
                                                    <a href="{{ route('user.user.profile') }}">
                                                        <i class="feather-user"></i>
                                                        <span>My Profile</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="{{ route('user.change-password') }}">
                                                        <i class="feather-lock"></i>
                                                        <span>Change Password</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <hr class="mt--10 mb--10">
                                            <ul class="user-list-wrapper">
                                                <li>
                                                    <form id="delete-form" action="{{ route('user.logout') }}" method="POST">
                                                        @csrf
                                                        <button href="{{ route('user.logout') }}" style="background:transparent; border:none; padding:0;">
                                                        <i class="feather-log-out"></i>
                                                            <span>Logout</span>
                                                        </button>
                                                    </form>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        @else
                            <div class="rbt-button-group">
                                <a class="thm-btn d-none d-xl-block" href="{{ route('signin') }}">Log in</a>
                                <a class="thm-btn d-none d-xl-block" href="{{route('plan')}}">Sign up</a>
                                <a class="d-block d-xl-none" href="{{ route('signin') }}">
                                    <span><i class="far fa-user" style="font-size:22px;"></i></span>
                                </a>
                            </div>
                        @endif
                    </div>
                    <div class="mobile-menu-bar d-block d-xl-none">
                        <div class="hamberger">
                            <a class="rbt-cart-sidenav-activation">
                                <i class="feather-menu"  style="font-size: 28px;"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<div class="popup-mobile-menu">
    <div class="inner-wrapper">
        <div class="inner-top">
            <div class="content">
                <div class="logo">
                    <a href="{{ route('index') }}">
                        @isset($website_data['logo'])
                            <img src="{{ asset('frontend/images/logo/' . $website_data['logo']) }}" alt="{{ config('app.name') }}">
                        @else
                            <img src="{{ asset('backend/img/default.png') }}" alt="{{ config('app.name') }}">
                        @endisset
                    </a>
                </div>
                <div class="rbt-btn-close">
                    <button class="close-button rbt-round-btn"><i class="feather-x"></i></button>
                </div>
            </div>
        </div>
        <nav class="mainmenu-nav">
            <ul class="mainmenu">
                <li>
                    <a href="{{ route('index') }}">Home</a>
                </li>
                <li>
                    <a href="{{ route('about') }}">About Us</a>
                </li>
                <li class="has-dropdown has-menu-child-item">
                    <a href="#">Course Package
                        <i class="feather-chevron-down"></i>
                    </a>
                    <ul class="submenu">
                        @foreach ($plans as $plan)
                            <li><a href="{{ route('plan.detail', $plan->slug) }}"> {{ $plan->title }}</a></li>
                        @endforeach
                    </ul>
                </li>
                <li><a href="#">Courses</a></li>
                <li>
                    <a href="{{ route('contact') }}">Contact</a>
                </li>
            </ul>
        </nav>
        <div class="mobile-menu-bottom">
            <div class="rbt-btn-wrapper mb--20">
                @if (Auth::guard('web')->user())
                    <a class="rbt-btn btn-border-gradient radius-round btn-sm hover-transform-none w-100 justify-content-center text-center" href="{{ route('user.dashboard') }}">
                        <span class="user">
                            <img src="{{ asset('frontend/images/avatar/' . Auth::guard('web')->user()->avatar) }}" onerror="this.onerror=null;this.src='{{ asset('backend/img/default.png') }}';">
                            {{ Auth::guard('web')->user()->name }}
                        </span>
                    </a>
                @else
                    <a class="rbt-btn btn-border-gradient radius-round btn-sm hover-transform-none" href="{{ route('signin') }}">
                        <span data-text="Purchase Now"> Login | Register</span>
                    </a>
                @endif
            </div>
            <div class="social-share-wrapper">
                <span class="rbt-short-title d-block">Find With Us</span>
                <ul class="social-icon social-default transparent-with-border justify-content-start mt--20">
                    @isset($social_media_link['facebook'])
                        <li>
                            <a href="{{ $social_media_link['facebook'] }}" target="_blank">
                                <i class="feather-facebook"></i>
                            </a>
                        </li>
                    @endisset

                    @isset($social_media_link['youtube'])
                        <li>
                            <a href="{{ $social_media_link['youtube'] }}" target="_blank">
                                <i class="feather-youtube"></i>
                            </a>
                        </li>
                    @endisset

                    @isset($social_media_link['instagram'])
                        <li>
                            <a href="{{ $social_media_link['instagram'] }}" target="_blank">
                                <i class="feather-instagram"></i>
                            </a>
                        </li>
                    @endisset

                    @isset($social_media_link['linkedin'])
                        <li>
                            <a href="{{ $social_media_link['linkedin'] }}" target="_blank">
                                <i class="feather-linkedin"></i>
                            </a>
                        </li>
                    @endisset
                </ul>
            </div>
        </div>
    </div>
</div>