@php
    $generalSetting = App\Models\GeneralSetting::first();
    $unseenCount = \App\Models\ProfileVisit::where('user_id', Auth::id())
                                            ->where('is_seen', false)
                                            ->count();
    $user = Auth::user();
    $user_detail= \App\Models\UserPartnerExpectation::where('user_id', $user->id)->first();
    $notificationData = checkNotifications();
    $notificationStatus =$notificationData['notification'];

    $chatUsers = \App\Models\Message::where('receiver_id', $user->id)
            ->where('read', false)
            ->select('receiver_id', \DB::raw('count(*) as countmessage'))
            ->groupBy('receiver_id')
            ->get();



$totalCountMessages = $chatUsers->sum('countmessage');
@endphp

<header
    class="flex items-center justify-between p-6 border-b-[1px] border-b-[#eaeaea] top-0 right-0 backdrop-blur-[20px] z-10 dashbord_header_section lg:justify-end sticky min-w-full"
    data-dashbord-header>

    <a href="{{route('my-match')}}" class="lg:hidden"><img
            src="{{ asset('admin/Image/AppSettings/Logo/' . $generalSetting->	system_logo) }}"
            alt="logo" class="w-[152.35px]"></a>

    <button
        class="text-black text-lg font-semibold duration-300 hover:text-red-color lg:hidden" data-navigation-open-button>
        <i class="ri-menu-line"></i>
    </button>
    <!-- =navigation-menu= -->
    <ul
        class="dashbord_navigation_menu hidden lg:flex">
        @if (is_null($user_detail) || empty($user_detail))
            <li><a href="{{ route('step_1') }}">{{ translate('Complete Profile') }}</a></li>
            <li><a href="{{ route('edit_profile', ['id' => encrypt(Auth::user()->id)]) }}">{{ translate('My Profile') }}</a></li>
        @else
        <li><a href="{{ route('my-match') }}">{{ translate('Dashboard') }}</a></li>
        <li><a href="{{ route('UserMatch') }}">{{ translate('My Matches') }}</a></li>
        <li><a href="{{ route('VisitProfile') }}">{{ translate('Visited Profiles') }}</a></li>
        <li>
            <a href="{{ route('VisitMyProfile') }}">
                <i class="fa fa-bell"></i>
                @if ($unseenCount > 0)
                    <span class="red">{{ $unseenCount }}</span>
                @endif
                {{ translate('Who visited me') }}
            </a>
        </li>
        <li><a href="{{ route('events') }}">{{ translate('Events') }}</a></li>
        <li><a href="{{ route('liked') }}">{{ translate('Liked Profiles') }}</a></li>

        {{-- <li><a href="{{ route('interest') }}">{{ translate('My Interest') }}</a></li> --}}
        {{-- <li><a href="{{ route('partnerlocation') }}">Location</a></li> --}}
        <li><a href="{{ route('message') }}">{{ translate('Messages') }}
            
            <i class="fa fa-bell"></i>
            @if ($totalCountMessages > 0)
                <span class="red">{{ $totalCountMessages }}</span>
            @endif  
        </a></li>
        <li>
            <a href="{{ route('notifications') }}">
            <i class="fa fa-bell"></i>
                @if ($notificationStatus > 0)
                    <span class="red">{{$notificationStatus}}</span>
                @endif
                {{ translate('Inbox') }}
            </a>
        </li>
        <li><a href="{{ route('edit_profile', ['id' => encrypt(Auth::user()->id)]) }}">{{ translate('My Profile') }}</a></li>
        @endif
    </ul>
</header>


<style>
   .dashbord_navigation_menu {
    /* display: flex; */
    flex-wrap: wrap;
    gap: 12px;
    }
    .dashbord_navigation_menu li {
        font-size: 16px;
        line-height: 1.5;
        white-space: nowrap;
    }
    @media (max-width: 768px) {
        .dashbord_navigation_menu li {
            font-size: 14px;
        }
    }
</style>