@php
$userData = session('USER_LOGIN_SESSION')
@endphp

<form role="search">
    <div class="global-serch1">
        <div class="serch-container">
            <input class="form-control global-search" type="search" placeholder="Search here..." aria-label="Search">
            <img src="{{asset('assets/images/icons/search.svg')}}" alt="" class="search-icon">
        </div>
        <!-- Notification popup Start-->
        <div class="Notification-popup">
            <div class="dropdown">
                <a class="btn dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <div class="notification-icon">
                        <img src="{{asset('assets/images/icons/notification-icon.svg')}}" alt="img-fluid">
                    </div>
                </a>
                <ul class="dropdown-menu">
                    @if (isset($notification_list) && !empty($notification_list))
                    @foreach ($notification_list as $notificationList)

                    <li>
                        <div class="box-1-notification">
                            <div class="notification-icon">
                                <img src="{{asset('assets/images/icons/notification-icon.svg')}}" alt="img-fluid">
                            </div>
                            <div>
                                <p>{{$notificationList->message}}</p>
                            </div>
                        </div>
                    </li>
                    @endforeach
                    @else
                    <li>
                        <div class="box-1-notification">

                            <div>
                                <p>No Notification Found</p>
                            </div>
                        </div>
                    </li>
                    @endif


                    <div class="">
                        <a href="./notification.php" class="btn-view-all-notif">View all</a>
                    </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Notification popup End-->

        <!-- Login popup Start-->
        <!-- <div class="Login-popup">

            <div class="manager-photo" style="width: 137px;">
                <img src="{{asset('assets/images/manager-photo.svg')}}" alt="">
                <div class="post">
                    <span class="post-name">{{ $userData->name }}</span>
                    <span class="post-profile" style="width: 90px;">Manager profile</span>
                </div>
            </div>
        </div> -->

        <div class="Login-popup">
            <div class="dropdown">
            
                    <div class="manager-photo" style="width: 137px;">
                        <img src="{{asset('assets/images/manager-photo.svg')}}" alt="">
                        <div class="post">
                            <span class="post-name">{{ $userData->name }}</span>
                            <span class="post-profile">Manager profile</span>
                        </div>
                    </div>
            
                
            </div>
            <!-- Login popup End -->
        </div>

        <div>
            <button class="btn btn-canvas" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
                <img src="{{asset('assets/images/icons/menu-icon.png')}}" alt="" class="menu-icon">
            </button>
        </div>
    </div>
</form>