@php
        use Carbon\Carbon;
        date_default_timezone_set('Asia/Dhaka');
        $current_time = Carbon::now();
        $time_of_day = '';
if ($current_time->hour >= 5 && $current_time->hour < 12) {
    $time_of_day = 'Morning';
} else if ($current_time->hour >= 12 && $current_time->hour < 18) {
    $time_of_day = 'Afternoon';
} else {
    $time_of_day = 'Evening';
}
$wishMessage = "Good $time_of_day";

    @endphp
<nav class="sb-topnav navbar navbar-expand navbar-light bg-light text-white"
    style="background-image: linear-gradient(#40c47c,#40c47c,#40c47c); text-color:white;">
    <!-- Navbar Brand-->
    <img src="{{ asset('images/assets/ntg_logo.png') }}" alt="user image"
                                        class="img ps-3" width="100px" height="50px">
    <a class="navbar-brand ps-3 pl-3" href="{{ route('home') }}"></a>
    <!-- Sidebar Toggle-->
    @if(auth()->user()->role_id == 1 )
    <button class="mr-3 btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i
            class="fas fa-bars"></i></button>
    @endif
    <!-- Navbar Search-->
    <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
        <div class="input-group">

            <marquee behavior="0.05" direction="" >{{ $wishMessage }} </marquee>
        </div>
    </form>
    {{-- notification bell icon with dropdown board for notifications --}}
    <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
        <li class="nav-item dropdown">
             @php
                    $notifications =App\Models\Notification::where('reciver_id', auth()->user()->id)->where('status', 'unread')->orderBy('created_at', 'desc')->get();
                    $notifications_count = App\Models\Notification::where('reciver_id', auth()->user()->id)->where('status', 'unread')->count();
                @endphp
            <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button"
                data-bs-toggle="dropdown" aria-expanded="false">
                <i class="fa fa-bell"></i>
                <span class="badge rounded-pill">
                    {{ $notifications_count ?? ''}}
                </span>
            </a>
            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
               
                @forelse ($notifications as $notification)
                    <li>
                        <a class="dropdown-item" href="{{ route('notification.read', $notification->id) }}">
                            <div class="row">
                                <div class="col-md-12">
                                    <p class="text-dark">{{ $notification->message }}</p>
                                    <p class="text-dark">{{ $notification->created_at->diffForHumans() }}</p>
                                </div>
                            </div>
                        </a>
                        
                    </li>
                    @empty
                    <li>
                        <a class="dropdown-item" href="#">
                            <div class="row">
                                <div class="col-md-12">
                                    <p class="text-dark">No Notification</p>
                                </div>
                            </div>
                        </a>
                    </li>
                @endforelse
            </ul>
        </li>
    <!-- Navbar-->
   
    <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button"
                data-bs-toggle="dropdown" aria-expanded="false"><img src="{{ asset('images/users/' . auth()->user()->picture) }}" class="rounded-circle"
                                    width="50px" height="50px" alt="{{ auth()->user()->name }}"> {{ auth()->user()->name ?? '' }} 
            </a>
            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
            
                <li>
                    <form method="POST" action="{{ route('logout') }}">
                        @csrf
                        <a class="dropdown-item"
                            onclick="event.preventDefault();
                                        this.closest('form').submit();">Logout</a>

                    </form>
                </li>
                 <li>
                    <hr/>
                    <a class="dropdown-item" href="{{ route('users.show', ['user' => auth()->user()->id]) }}">
                        Profile
                    </a>
                </li>

                <li>
                    <hr/>
                    <a class="dropdown-item"href="{{ route('gate_passes.index') }}">
                                Gate Pass Entry
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

       {{-- <!-- Add Push.js library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/push.js/1.0.12/push.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/push.js/1.0.12/serviceWorker.min.js"></script>

@php
    $user = auth()->user();
    $notifications = App\Models\Notification::where('reciver_id', $user->id)->where('status', 'unread')->orderBy('created_at', 'desc')->get();
    $notifications_count = $notifications->count();

    // Push notification to the browser
    if ($notifications_count > 0) {
        foreach ($notifications as $notification) {
            $notification_data = $notification->data;
            $notification_id = $notification->id;
            $notification_type = $notification->type;

            if ($notification_data !== null) {
                $notification_title = $notification_data['type'];
                $notification_body = $notification_data['message'];
                $notification_url = $notification_data['link'];
            } else {
                // Handle the case when notification data is null
                $notification_title = '';
                $notification_body = '';
                $notification_url = '';
            }

            $notification_read_at = $notification->status;

            if ($notification_read_at == 'unread') {
                echo '<script>
                        Push.create("'.$notification_title.'", {
                            body: "'.$notification_body.'",
                            timeout: 30000,
                            icon: iconPath,
                            onClick: function() {
                                window.location.href = "'.$notification_url.'";
                            }
                        });

                        // Mark notification as read after being displayed
                        fetch("'.route('notifications.update', $notification_id).'", {
                            method: "PUT",
                            headers: {
                                "Content-Type": "application/json",
                                "X-CSRF-TOKEN": "'.csrf_token().'"
                            },
                            body: JSON.stringify({ status: "read" })
                        })
                        .then(response => {
                            if (response.ok) {
                                console.log("Notification marked as read");
                            } else {
                                console.error("Failed to mark notification as read");
                            }
                        })
                        .catch(error => {
                            console.error("Error while marking notification as read:", error);
                        });
                    </script>';
            }
        }
    }
@endphp
 --}}