@extends('layout.master')

@section('content')
    <div class="flex grow">

        @include('layout.sidebar.setup-sidebar')

        <div class="wrapper flex grow flex-col">
            <header
                class="header fixed top-0 z-10 left-0 right-0 flex items-stretch shrink-0 " 
                style="background-color: #F1F1F4;"
                data-sticky="true" data-sticky-class="shadow-sm" data-sticky-name="header" id="header">
                <!-- Container -->
                <div class="container-fixed flex justify-between items-stretch lg:gap-4" id="header_container">
                    @php
                        function getGreeting(): string
                        {
                            $hour = date('G');
                            if ($hour >= 5 && $hour < 12) {
                                return 'Good Morning';
                            } elseif ($hour >= 12 && $hour < 17) {
                                return 'Good Afternoon';
                            } else {
                                return 'Good Evening';
                            }
                        }
                    @endphp
                        <!-- Mega Men -->
                    <div class="flex items-stretch display-none" id="megamenu_container">
                        <div class="flex items-center gap-2 lg:gap-2">
                            <button class="btn btn-icon btn-light btn-clear btn-sm -ms-2 lg:hidden"
                                    data-drawer-toggle="#sidebar">
                                <i class="ki-filled ki-menu">
                                </i>
                            </button>
                            <!-- Navs -->
                            <div class="hidden lg:flex items-center">

                                <div class="menu menu-default" data-menu="true">
                                    <div class="menu-item" data-menu-item-offset="0, 10px"
                                         data-menu-item-placement="bottom-start" data-menu-item-toggle="dropdown"
                                         data-menu-item-trigger="hover">
                                        <div class="flex items-center gap-2 text-xs font-normal text-gray-600">
                                            {{ getGreeting() }}
                                        </div>
                                        <button class="menu-toggle text-gray-900 text-sm font-medium">
                                            {{ auth()->user()->name }}
                                        </button>
                                    </div>
                                </div>

                            </div>
                            <!-- End of Navs -->
                        </div>
                    </div>

                    <!-- End of Mega Men -->
                    <!-- Topbar -->

                    <div class="flex items-center gap-2 lg:gap-3.5">
                        <div class="menu" data-menu="true">
                            <div class="menu-item" data-menu-item-offset="20px, 10px" data-menu-item-placement="bottom-end"
                                 data-menu-item-toggle="dropdown" data-menu-item-trigger="click|lg:click">
                                <div class="menu-toggle btn btn-icon rounded-full">
                                    <i class="ki-filled ki-profile-circle text-gray-600" style="font-size: 2rem;"></i>
                                </div>
                                <div class="menu-dropdown menu-default light:border-gray-300 w-screen max-w-[250px]">
                                    <div class="flex items-center justify-between px-5 py-1.5 gap-1.5">
                                        <div class="flex items-center gap-2">

                                            <i class="ki-filled ki-profile-circle text-gray-600" style="font-size: 2rem;"></i>
                                            <div class="flex flex-col gap-1.5">
                                                <span class="text-sm text-gray-800 font-semibold leading-none">