@php
    use App\Models\Notification;
    use App\Models\Role;
    use App\Http\Controllers\ShopController;
    $shop = new ShopController();
    $userData = Auth::guard('admin')->user();
    $userRoles = Role::find($userData->role_id);
    $unreadOrders = Notification::where('shop_id', $shop->checkUserShop())
            ->where('viewed',0)
            ->orderBy('id','desc')
            ->take(10)
            ->get();
    $unreadOrderCount = $unreadOrders->count();
    
    $shop_id = $shop->checkUserShop();
@endphp
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script>
    var checkNotification = 0;
    var checkNotificationJs = 0;
    var checkShop = false; 
    var pusher = new Pusher('{{env("PUSHER_APP_KEY")}}', {
        cluster: '{{env("PUSHER_APP_CLUSTER")}}',
        encrypted: true
    });

    var channel = pusher.subscribe('notify-channel');
    channel.bind('App\\Events\\Notify', function(data) { 
        data.orders.map(item=>(
            item.shop_id ==  ?(
                checkShop = true 
            ):""    
        ))
        if(checkShop){ 
            checkNotificationJs = 1 ;
            NotificationJs();
            $('.orderNotificationsCount').html(data.unread);
            $('.orderNotifications').html(
                data.orders.map(item=>(
                    item.type=="ORDER" && item.shop_id == ?(
                    '<a class="dropdown-item" href="/admin/customers/orders/show/'+item.perms_id+'">'+
                        '<div class="d-flex align-items-center">'+
                            '<div class="notify bg-light-danger text-danger"><i class="bx bx-cart-alt"></i></div>'+
                            '<div class="flex-grow-1">'+
                                '<h6 class="msg-name">'+item.title+'<span class="msg-time float-end">'+moment(item.created_at).fromNow()+'</span></h6>'+
                                '<p class="msg-info">'+item.description+'</p>'+
                            '</div>'+
                        '</div>'+
                    '</a>'
                    
                    ):item.type=="PARTY"  && item.shop_id == ?(
                        '<a class="dropdown-item" href="/admin/customers/party/booking/show/'+item.perms_id+'">'+
                        '<div class="d-flex align-items-center">'+
                        '<div class="notify bg-light-danger text-danger"><i class="bx bx-cart-alt"></i></div>'+
                        '<div class="flex-grow-1">'+
                        '<h6 class="msg-name">'+item.title+'<span class="msg-time float-end">'+moment(item.created_at).fromNow()+'</span></h6>'+
                        '<p class="msg-info">'+item.description+'</p>'+
                        '</div>'+
                        '</div>'+
                        '</a>'
                    ):item.type=="TABLE" && item.shop_id == ?(
                        '<a class="dropdown-item" href="/admin/customers/table/booking/show/'+item.perms_id+'">'+
                        '<div class="d-flex align-items-center">'+
                        '<div class="notify bg-light-danger text-danger"><i class="bx bx-cart-alt"></i></div>'+
                        '<div class="flex-grow-1">'+
                        '<h6 class="msg-name">'+item.title+'<span class="msg-time float-end">'+moment(item.created_at).fromNow()+'</span></h6>'+
                        '<p class="msg-info">'+item.description+'</p>'+
                        '</div>'+
                        '</div>'+
                        '</a>'
                    ):""
                ))
            );
        }
    });

</script>
<header>
    <audio id="audioNotification">
        <source src="{{ asset('audio/notification.mp3') }}" type="audio/mpeg">
        {{-- <source src="{{ asset('audio/notify.wav') }}" type="audio/wav">
        <source src="{{ asset('audio/notify.ogg') }}" type="audio/ogg"> --}}
    </audio>
    <div class="topbar d-flex align-items-center">
        <nav class="navbar navbar-expand">
            <div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
            </div>
            <div class="top-menu ms-auto">
                <ul class="navbar-nav align-items-center">
                    <li class="nav-item dropdown dropdown-large">
                        <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            <span class="alert-count orderNotificationsCount">{{ $unreadOrderCount }}</span>
                            <i class='bx bx-bell'></i>

                        </a>
                        <div class="dropdown-menu dropdown-menu-end">
                            <a href="javascript:;">
                                <div class="msg-header">
                                    <p class="msg-header-title">Notifications</p>
                                </div>
                            </a>
                            <div class="header-notifications-list orderNotifications">
                                @foreach($unreadOrders as $key)
                                    @if($key->type=="ORDER")
                                    <a class="dropdown-item" href="{{ route('admin.customers-orders.show',['id'=>$key->perms_id]) }}">
                                        <div class="d-flex align-items-center">
                                            <div class="notify bg-light-danger text-danger"><i class="bx bx-cart-alt"></i></div>
                                            <div class="flex-grow-1">
                                                <h6 class="msg-name">{{ $key->title }}<span class="msg-time float-end">{{ $key->created_at->diffForHumans() }}</span></h6>
                                                <p class="msg-info">{{ $key->description }}</p>
                                                </div>
                                            </div>
                                        </a>
                                    @elseif($key->type=="PARTY")
                                        <a class="dropdown-item" href="{{ route('admin.customers-party-booking-show',['id'=>$key->perms_id]) }}">
                                            <div class="d-flex align-items-center">
                                                <div class="notify bg-light-danger text-danger"><i class="bx bx-cart-alt"></i></div>
                                                <div class="flex-grow-1">
                                                    <h6 class="msg-name">{{ $key->title }}<span class="msg-time float-end">{{ $key->created_at->diffForHumans() }}</span></h6>
                                                    <p class="msg-info">{{ $key->description }}</p>
                                                </div>
                                            </div>
                                        </a>
                                    @elseif($key->type=="TABLE")
                                        <a class="dropdown-item" href="{{ route('admin.customers-table-booking-show',['id'=>$key->perms_id]) }}">
                                            <div class="d-flex align-items-center">
                                                <div class="notify bg-light-danger text-danger"><i class="bx bx-cart-alt"></i></div>
                                                <div class="flex-grow-1">
                                                    <h6 class="msg-name">{{ $key->title }}<span class="msg-time float-end">{{ $key->created_at->diffForHumans() }}</span></h6>
                                                    <p class="msg-info">{{ $key->description }}</p>
                                                </div>
                                            </div>
                                        </a>
                                    @endif
                                @endforeach
                            </div>
{{--                            <a href="javascript:;">--}}
{{--                                <div class="text-center msg-footer">View All Notifications</div>--}}
{{--                            </a>--}}
                        </div>
                    </li>
                    <li class="nav-item dropdown dropdown-large" style="display: none">
                        <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">8</span>
                            <i class='bx bx-comment'></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-end">
                            <a href="javascript:;">
                                <div class="msg-header">
                                    <p class="msg-header-title">Messages</p>
                                </div>
                            </a>
                            <div class="header-message-list">
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-1.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">Daisy Anderson <span class="msg-time float-end">5 sec
                                                ago</span></h6>
                                            <p class="msg-info">The standard chunk of lorem</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-2.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">Althea Cabardo <span class="msg-time float-end">14
                                                sec ago</span></h6>
                                            <p class="msg-info">Many desktop publishing packages</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-3.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">Oscar Garner <span class="msg-time float-end">8 min
                                                ago</span></h6>
                                            <p class="msg-info">Various versions have evolved over</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-4.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">Katherine Pechon <span class="msg-time float-end">15
                                                min ago</span></h6>
                                            <p class="msg-info">Making this the first true generator</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-5.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">Amelia Doe <span class="msg-time float-end">22 min
                                                ago</span></h6>
                                            <p class="msg-info">Duis aute irure dolor in reprehenderit</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-6.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">Cristina Jhons <span class="msg-time float-end">2 hrs
                                                ago</span></h6>
                                            <p class="msg-info">The passage is attributed to an unknown</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-7.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">James Caviness <span class="msg-time float-end">4 hrs
                                                ago</span></h6>
                                            <p class="msg-info">The point of using Lorem</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-8.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">Peter Costanzo <span class="msg-time float-end">6 hrs
                                                ago</span></h6>
                                            <p class="msg-info">It was popularised in the 1960s</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-9.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">David Buckley <span class="msg-time float-end">2 hrs
                                                ago</span></h6>
                                            <p class="msg-info">Various versions have evolved over</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-10.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">Thomas Wheeler <span class="msg-time float-end">2 days
                                                ago</span></h6>
                                            <p class="msg-info">If you are going to use a passage</p>
                                        </div>
                                    </div>
                                </a>
                                <a class="dropdown-item" href="javascript:;">
                                    <div class="d-flex align-items-center">
                                        <div class="user-online">
                                            <img src="{{ asset('backend/assets/images/avatars/avatar-11.png') }}" class="msg-avatar" alt="user avatar">
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="msg-name">Johnny Seitz <span class="msg-time float-end">5 days
                                                ago</span></h6>
                                            <p class="msg-info">All the Lorem Ipsum generators</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <a href="javascript:;">
                                <div class="text-center msg-footer">View All Messages</div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="user-box dropdown">
                <a  class="d-flex align-items-center nav-link dropdown-toggle dropdown-toggle-caret " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <img src="{{ asset(Auth::user()->image?Auth::user()->image : 'backend/assets/images/avatars/avatar-2.png') }}" class="user-img" >
                    <div class="user-info ps-3">
                        <p class="user-name mb-0">{{ Auth::user()->name }}  </p>
                        <p class="designattion mb-0">{{ Auth::user()->designation }}</p>
                    </div>
                </a>
                <ul class="dropdown-menu dropdown-menu-end">
                    <li><a class="dropdown-item" href="{{ route('admin.profile') }}"><i class="bx bx-user"></i><span>Profile</span></a>
                    </li>
                    <li>
                        <div class="dropdown-divider mb-0"></div>
                    </li>
                    <li><a class="dropdown-item" href="{{ route('admin.logout') }}"><i class='bx bx-log-out-circle'></i><span>Logout</span></a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</header>
<!--end header -->		<!--end header -->
<!--navigation-->
<!--sidebar wrapper -->
<div class="sidebar-wrapper" data-simplebar="true">
    <div class="sidebar-header">
        <div>
            <img src="{{ asset('backend/assets/images/logo-icon.png') }}" class="logo-icon" alt="logo icon">
        </div>
        <div>
            <h4 class="logo-text">X-group Restaurant</h4>
        </div>
        <div class="toggle-icon ms-auto"><i class='bx bx-arrow-to-left'></i>
        </div>
    </div>
    <!--navigation-->
    <ul class="metismenu" id="menu">
        @if(in_array("Dashboard", $userRoles->area))
        <li  class="{{ ( request()->is('admin/dashboard') )? 'mm-active' : '' }}">
            <a href="{{ route('admin.dashboard') }}">
                <div class="parent-icon"><i class='bx bx-home-circle'></i>
                </div>
                <div class="menu-title">Dashboard</div>
            </a>
        </li>
        @endif
        @if(in_array("Reports", $userRoles->area))
            <li  class="{{ ( request()->is('admin/business-summary') || request()->is('admin/business-summary-search') || request()->is('admin/order-summary')|| request()->is('admin/order-summary-search'))? 'mm-active' : '' }}">
                <a href="javascript:;" class="has-arrow" aria-expanded="{{(
                request()->is('admin/business-summary') ||
                request()->is('admin/business-summary-search') ||
                request()->is('admin/order-summary-search') ||
                request()->is('admin/order-summary')
            ) ? 'true' : '' }}">
                    <div class="parent-icon"><i class="bx bx-restaurant"></i>
                    </div>
                    <div class="menu-title">Reports</div>
                </a>

                <ul  class=" {{ ( request()->is('admin/business-summary') || request()->is('admin/business-summary-search') || request()->is('admin/order-summary') || request()->is('admin/order-summary-search')  )? 'mm-active' : '' }}">
                    <li class="{{ ( request()->is('admin/business-summary') || request()->is('admin/business-summary-search')  )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.reports.business-summary') }}"><i class="bx bx-right-arrow-alt"></i>Business Summary</a></li>
                    <li class="{{ ( request()->is('admin/order-summary') || request()->is('admin/order-summary-search')  )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.reports.order-summary') }}"><i class="bx bx-right-arrow-alt"></i>Order Summary</a></li>
                </ul>
            </li>
        @endif
        @if(in_array("Orders", $userRoles->area))
            <li  class=" {{ ( request()->is('admin/customers/orders') ||
                    request()->is('admin/customers/orders/show/*') ||
                    request()->is('admin/customers/table/booking') ||
                    request()->is('admin/customers/table/booking/show/*') ||
                    request()->is('admin/customers/party/booking') ||
                    request()->is('admin/customers/party/booking/show/*')
                )? 'mm-active' : '' }}">
                <a href="javascript:;" class="has-arrow" aria-expanded="{{  ( request()->is('admin/customers/orders') ||
                    request()->is('admin/customers/orders/show/*') ||
                    request()->is('admin/customers/table/booking') ||
                    request()->is('admin/customers/table/booking/show/*') ||
                    request()->is('admin/customers/party/booking') ||
                    request()->is('admin/customers/party/booking/show/*')
                ) ? 'true' : '' }}">
                    <div class="parent-icon"><i class="bx bxs-shopping-bags"></i>
                    </div>
                    <div class="menu-title">Orders</div>
                </a>
                <ul  class=" {{ ( request()->is('admin/customers/orders') ||
                    request()->is('admin/customers/orders/show/*') ||
                    request()->is('admin/customers/table/booking') ||
                    request()->is('admin/customers/table/booking/show/*') ||
                    request()->is('admin/customers/party/booking/show/*') ||
                    request()->is('admin/customers/party/booking')
                )? 'mm-active' : '' }}">
                    @if(Auth::user()->shop_id == 10 || Auth::user()->shop_id == 11 || Auth::user()->shop_id == 12 || Auth::user()->shop_id == 14)
                    @else
                    <li  class="{{ ( request()->is('admin/customers/orders') || request()->is('admin/customers/orders/show/*') )? 'mm-active' : '' }}"> <a href="{{ route('admin.customers-orders') }}"><i class="bx bx-right-arrow-alt"></i>Product Orders</a></li>
                    @endif
                    <li class="{{ ( request()->is('admin/customers/table/booking') || request()->is('admin/customers/table/booking/show/*')   )? 'mm-active' : '' }}"> <a href="{{ route('admin.customers-table-booking') }}"><i class="bx bx-right-arrow-alt"></i>Table Bookings</a></li>
                    <li class="{{ ( request()->is('admin/customers/party/booking') ||  request()->is('admin/customers/party/booking/show/*'))? 'mm-active' : '' }}"> <a href="{{ route('admin.customers-party-booking') }}"><i class="bx bx-right-arrow-alt"></i>Party Bookings</a></li>
                </ul>
            </li>
        @endif
        @if(in_array("Customers", $userRoles->area))
        <li  class="{{ ( request()->is('admin/customers') || request()->is('admin/customers/add') || request()->is('admin/customers/edit/*')  || request()->is('admin/customers/show/*') || request()->is('admin/customers/orders-details/show/*') )? 'mm-active' : '' }}">
            <a href="{{ route('admin.customers') }}">
                <div class="parent-icon"><i class='bx bxs-group'></i>
                </div>
                <div class="menu-title">Customers</div>
            </a>
        </li>
        @endif
        @if(in_array("Coupon Code", $userRoles->area))
        <li  class="{{ ( request()->is('admin/coupon-code') || request()->is('admin/coupon-code/add') || request()->is('admin/coupon-code/edit/*')  )? 'mm-active' : '' }}">
            <a href="{{ route('admin.coupon-code') }}">
                <div class="parent-icon"><i class='bx bxs-group'></i>
                </div>
                <div class="menu-title">Coupon Code</div>
            </a>
        </li>
        @endif
        @if(in_array("Package Menus", $userRoles->area))
            <li  class="{{ ( request()->is('admin/package-menus') || request()->is('admin/package-menus/add') || request()->is('admin/package-menus/edit/*')  )? 'mm-active' : '' }}">
                <a href="javascript:;" class="has-arrow" aria-expanded="{{  ( request()->is('admin/menus/category') ||
                    request()->is('admin/package-menus/category/add') ||
                    request()->is('admin/package-menus/category/edit/*') ||
                    request()->is('admin/package-menus') ||
                    request()->is('admin/package-menus/add') ||
                    request()->is('admin/package-menus/edit/*')
                ) ? 'true' : '' }}">
                    <div class="parent-icon"><i class="bx bx-restaurant"></i>
                    </div>
                    <div class="menu-title">Package Menus</div>
                </a>

                <ul  class=" {{ ( request()->is('admin/package-menus/category') ||
                            request()->is('admin/package-menus/category/add') ||
                            request()->is('admin/package-menus/category/edit/*') ||
                            request()->is('admin/package-menus') ||
                            request()->is('admin/package-menus/add') ||
                            request()->is('admin/package-menus/edit/*')
                        )? 'mm-active' : '' }}">
                    <li class="{{ ( request()->is('admin/package-menus/category') ||
                            request()->is('admin/package-menus/category/add') ||
                            request()->is('admin/package-menus/category/edit/*')  )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.package-menus.category') }}"><i class="bx bx-right-arrow-alt"></i>Package Category</a></li>
                    <li class="{{ ( request()->is('admin/package-menus') ||
                            request()->is('admin/package-menus/add') ||
                            request()->is('admin/package-menus/edit/*')  )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.package-menus') }}"><i class="bx bx-right-arrow-alt"></i>Package Menus</a></li>
                </ul>
            </li>
        @endif
        @if(in_array("Menus", $userRoles->area))
        <li  class=" {{ ( request()->is('admin/menus/category') ||
                        request()->is('admin/menus/category/add') ||
                        request()->is('admin/menus/category/edit/*') ||
                        request()->is('admin/menus') ||
                        request()->is('admin/menus/add') ||
                        request()->is('admin/menus/edit/*')
                    )? 'mm-active' : '' }}">
            <a href="javascript:;" class="has-arrow" aria-expanded="{{  ( request()->is('admin/menus/category') ||
                        request()->is('admin/menus/category/add') ||
                        request()->is('admin/menus/category/edit/*') ||
                        request()->is('admin/menus') ||
                        request()->is('admin/menus/add') ||
                        request()->is('admin/menus/edit/*')
                    ) ? 'true' : '' }}">
                <div class="parent-icon"><i class="bx bx-restaurant"></i>
                </div>
                <div class="menu-title">Menus</div>
            </a>
            <ul  class=" {{ ( request()->is('admin/menus/category') ||
                        request()->is('admin/menus/category/add') ||
                        request()->is('admin/menus/category/edit/*') ||
                        request()->is('admin/menus') ||
                        request()->is('admin/menus/add') ||
                        request()->is('admin/menus/edit/*')
                    )? 'mm-active' : '' }}">
                <li class="{{ ( request()->is('admin/menus/category') ||
                        request()->is('admin/menus/category/add') ||
                        request()->is('admin/menus/category/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.menus.category') }}"><i class="bx bx-right-arrow-alt"></i>Category</a></li>
                <li class="{{ ( request()->is('admin/menus') ||
                        request()->is('admin/menus/add') ||
                        request()->is('admin/menus/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.menus') }}"><i class="bx bx-right-arrow-alt"></i>Menus</a></li>
            </ul>
        </li>
        @endif
        @if(in_array("Food Items", $userRoles->area))
            <li  class=" {{ ( request()->is('admin/items/category') ||
                            request()->is('admin/items/category/add') ||
                            request()->is('admin/items/category/edit/*') ||
                            request()->is('admin/items/unit') ||
                            request()->is('admin/items/unit/add') ||
                            request()->is('admin/items/unit/edit/*')  ||
                            request()->is('admin/items/size') ||
                            request()->is('admin/items/size/add') ||
                            request()->is('admin/items/size/edit/*') ||
                            request()->is('admin/items/color') ||
                            request()->is('admin/items/color/add') ||
                            request()->is('admin/items/color/edit/*') ||
                            request()->is('admin/items/topping') ||
                            request()->is('admin/items/topping/add') ||
                            request()->is('admin/items/topping/edit/*') ||
                            request()->is('admin/items/items') ||
                            request()->is('admin/items/items/add') ||
                            request()->is('admin/items/items/edit/*') ||
                            request()->is('admin/items/items/variants/add/*')
                        )? 'mm-active' : '' }}">
                <a href="javascript:;" class="has-arrow" aria-expanded="{{  ( request()->is('admin/items/category') ||
                            request()->is('admin/items/category/add') ||
                            request()->is('admin/items/category/edit/*') ||
                            request()->is('admin/items/unit') ||
                            request()->is('admin/items/unit/add') ||
                            request()->is('admin/items/unit/edit/*')  ||
                            request()->is('admin/items/size') ||
                            request()->is('admin/items/size/add') ||
                            request()->is('admin/items/size/edit/*') ||
                            request()->is('admin/items/color') ||
                            request()->is('admin/items/color/add') ||
                            request()->is('admin/items/color/edit/*') ||
                            request()->is('admin/items/topping') ||
                            request()->is('admin/items/topping/add') ||
                            request()->is('admin/items/topping/edit/*') ||
                            request()->is('admin/items/items') ||
                            request()->is('admin/items/items/add') ||
                            request()->is('admin/items/items/edit/*') ||
                            request()->is('admin/items/items/variants/add/*')
                        ) ? 'true' : '' }}">
                    <div class="parent-icon"><i class="bx bx-restaurant"></i>
                    </div>
                    <div class="menu-title">Food Items</div>
                </a>
                <ul  class="{{ ( request()->is('admin/items/category') ||
                            request()->is('admin/items/category/add') ||
                            request()->is('admin/items/category/edit/*') ||
                            request()->is('admin/items/unit') ||
                            request()->is('admin/items/unit/add') ||
                            request()->is('admin/items/unit/edit/*')  ||
                            request()->is('admin/items/size') ||
                            request()->is('admin/items/size/add') ||
                            request()->is('admin/items/size/edit/*') ||
                            request()->is('admin/items/color') ||
                            request()->is('admin/items/color/add') ||
                            request()->is('admin/items/color/edit/*') ||
                            request()->is('admin/items/topping') ||
                            request()->is('admin/items/topping/add') ||
                            request()->is('admin/items/topping/edit/*') ||
                            request()->is('admin/items/items') ||
                            request()->is('admin/items/items/add') ||
                            request()->is('admin/items/items/edit/*') ||
                            request()->is('admin/items/items/variants/add/*')
                            ) ? 'mm-show mm-collapse' : '' }}">
                    <li class="{{ ( request()->is('admin/items/category') ||
                            request()->is('admin/items/category/add') ||
                            request()->is('admin/items/category/edit/*')  )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.items.category') }}"><i class="bx bx-right-arrow-alt"></i>Category</a></li>
                    <li class="{{ ( request()->is('admin/items/unit') ||
                            request()->is('admin/items/unit/add') ||
                            request()->is('admin/items/unit/edit/*')  )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.items.unit') }}"><i class="bx bx-right-arrow-alt"></i>Units</a></li>
                    <li class="{{ ( request()->is('admin/items/size') ||
                            request()->is('admin/items/size/add') ||
                            request()->is('admin/items/size/edit/*')  )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.items.size') }}"><i class="bx bx-right-arrow-alt"></i>Sizes</a></li>
                    <li class="{{ ( request()->is('admin/items/color') ||
                            request()->is('admin/items/color/add') ||
                            request()->is('admin/items/color/edit/*')  )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.items.color') }}"><i class="bx bx-right-arrow-alt"></i>Colors</a></li>
                    <li class="{{ ( request()->is('admin/items/topping') ||
                            request()->is('admin/items/topping/add') ||
                            request()->is('admin/items/topping/edit/*')   )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.items.topping') }}"><i class="bx bx-right-arrow-alt"></i>Toppings</a></li>
                    <li class="{{ ( request()->is('admin/items') ||
                            request()->is('admin/items/add') ||
                            request()->is('admin/items/edit/*')||
                            request()->is('admin/items/variants/add/*')  )? 'mm-active' : '' }}">
                        <a href="{{ route('admin.items') }}"><i class="bx bx-right-arrow-alt"></i>Items</a></li>
                </ul>
            </li>
            @endif

        @if(in_array("Job Applications", $userRoles->area))
        <li  class="{{ ( request()->is('admin/jobs-applications') || request()->is('admin/jobs-applications/add') || request()->is('admin/jobs-applications/edit/*')  )? 'mm-active' : '' }}">
            <a href="{{ route('admin.jobs-applications') }}">
                <div class="parent-icon"><i class='bx bxs-group'></i>
                </div>
                <div class="menu-title">Job Applications</div>
            </a>
        </li>
        @endif
        @if(in_array("Delivery Man", $userRoles->area))
        <li  class="{{ ( request()->is('admin/delivery-man') || request()->is('admin/delivery-man/add') || request()->is('admin/delivery-man/edit/*')  )? 'mm-active' : '' }}">
            <a href="{{ route('admin.delivery-man') }}">
                <div class="parent-icon"><i class="bx bxs-group"></i>
                </div>
                <div class="menu-title">Delivery Man</div>
            </a>
        </li>
        @endif
        @if(in_array("Users", $userRoles->area))
        <li  class=" {{ ( request()->is('admin/roles') ||
                        request()->is('admin/roles/add') ||
                        request()->is('admin/roles/edit/*') ||
                        request()->is('admin/users') ||
                        request()->is('admin/users/add') ||
                        request()->is('admin/users/edit/*')
                    )? 'mm-active' : '' }}">
            <a href="javascript:;" class="has-arrow" aria-expanded="{{  ( request()->is('admin/roles') ||
                        request()->is('admin/roles/add') ||
                        request()->is('admin/roles/edit/*') ||
                        request()->is('admin/users') ||
                        request()->is('admin/users/add') ||
                        request()->is('admin/users/edit/*')
                    ) ? 'true' : '' }}">
                <div class="parent-icon"><i class="bx bxs-group"></i>
                </div>
                <div class="menu-title">Users</div>
            </a>
            <ul class="{{ ( request()->is('admin/roles') ||
                        request()->is('admin/roles/add') ||
                        request()->is('admin/roles/edit/*') ||
                        request()->is('admin/users') ||
                        request()->is('admin/users/add') ||
                        request()->is('admin/users/edit/*')
                        ) ? 'mm-show mm-collapse' : '' }}">
                <li class="{{ ( request()->is('admin/roles') || request()->is('admin/roles/add') || request()->is('admin/roles/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.roles') }}"><i class="bx bx-right-arrow-alt"></i>Roles</a></li>
                <li class="{{ ( request()->is('admin/users') || request()->is('admin/users/add') || request()->is('admin/users/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.users') }}"><i class="bx bx-right-arrow-alt"></i>Users</a></li>
            </ul>
        </li>
        @endif
        @if(in_array("Website Settings", $userRoles->area))
        <li class=" {{ ( request()->is('admin/sliders') ||
                        request()->is('admin/sliders/add') ||
                        request()->is('admin/sliders/edit/*')
                    )? 'mm-active' : '' }}">
            <a href="javascript:;" class="has-arrow" aria-expanded="{{  ( request()->is('admin/sliders') ||
                        request()->is('admin/sliders/add') ||
                        request()->is('admin/sliders/edit/*')
                    ) ? 'true' : '' }}">
                <div class="parent-icon"><i class="bx bxs-cog"></i>
                </div>
                <div class="menu-title">Website Settings</div>
            </a>
            <ul class="{{ ( request()->is('admin/sliders') ||
                        request()->is('admin/sliders/add') ||
                        request()->is('admin/sliders/edit/*')
                        ) ? 'mm-show mm-collapse' : '' }}">
                <li class="{{ ( request()->is('admin/sliders') || request()->is('admin/sliders/add') || request()->is('admin/sliders/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.sliders') }}"><i class="bx bx-right-arrow-alt"></i>Sliders</a></li>
                <li class="{{ ( request()->is('admin/about') )? 'mm-active' : '' }}">
                     <a href="{{ route('admin.about') }}"><i class="bx bx-right-arrow-alt"></i>About</a></li>
                <li class="{{ ( request()->is('admin/features') || request()->is('admin/features/add') || request()->is('admin/features/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.features') }}"><i class="bx bx-right-arrow-alt"></i>Features</a></li>
                <li class="{{ ( request()->is('admin/service-category') || request()->is('admin/service-category/add') || request()->is('admin/service-category/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.service-category') }}"><i class="bx bx-right-arrow-alt"></i>Service Category</a> </li>
                <li class="{{ ( request()->is('admin/services') || request()->is('admin/services/add') || request()->is('admin/services/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.services') }}"><i class="bx bx-right-arrow-alt"></i>Services</a> </li>
                <li class="{{ ( request()->is('admin/promo-videos') || request()->is('admin/promo-videos/add') || request()->is('admin/promo-videos/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.promo-videos') }}"><i class="bx bx-right-arrow-alt"></i>Promo Videos</a></li>
                <li class="{{ ( request()->is('admin/testimonials') || request()->is('admin/testimonials/add') || request()->is('admin/testimonials/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.testimonials') }}"><i class="bx bx-right-arrow-alt"></i>Testimonials</a></li>
                <li class="{{ ( request()->is('admin/opening-hour') || request()->is('admin/opening-hour/add') || request()->is('admin/opening-hour/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.opening-hour') }}"><i class="bx bx-right-arrow-alt"></i>Opening Hours</a></li>
                <li class="{{ ( request()->is('admin/gallery') || request()->is('admin/gallery/add') || request()->is('admin/gallery/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.gallery') }}"><i class="bx bx-right-arrow-alt"></i>Gallery</a></li>
                <li class="{{ ( request()->is('admin/subscribers') )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.subscribers') }}"><i class="bx bx-right-arrow-alt"></i>Subscribers</a></li>
                <li class="{{ ( request()->is('admin/terms-condition') )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.terms-condition') }}"><i class="bx bx-right-arrow-alt"></i>Terms & Condition</a></li>
                <li class="{{ ( request()->is('admin/privacy-policy') )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.privacy-policy') }}"><i class="bx bx-right-arrow-alt"></i>Privacy Policy</a></li>
                <li class="{{ ( request()->is('admin/career') )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.career') }}"><i class="bx bx-right-arrow-alt"></i>Career</a></li>
                <li class="{{ ( request()->is('admin/jobs') || request()->is('admin/jobs/add') || request()->is('admin/jobs/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.jobs') }}"><i class="bx bx-right-arrow-alt"></i>Jobs</a></li>
                <li class="{{ ( request()->is('admin/contact-message') )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.contact-message') }}"><i class="bx bx-right-arrow-alt"></i>Contact Messages</a></li>
                <li class="{{ ( request()->is('admin/contact') || request()->is('admin/contact/add') || request()->is('admin/contact/edit/*')  )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.contact') }}"><i class="bx bx-right-arrow-alt"></i>Contact</a></li>
                <li class="{{ ( request()->is('admin/system-setting') )? 'mm-active' : '' }}">
                    <a href="{{ route('admin.system-setting') }}"><i class="bx bx-right-arrow-alt"></i>System Settings</a> </li>
                </li>
            </ul>
        </li>
        @endif
    </ul>
    <!--end navigation-->
</div>
<!--end sidebar wrapper -->		<!--end navigation-->

<script>

    $( document ).ready(function() {
        moment().format();
        @if($unreadOrderCount > 0)
            checkNotification = 1;
        @else
            checkNotification = 0
        @endif
        if(checkNotification==1) {
            setInterval(function () {
                load();
            }, 3000)

            function load() {
                $('#audioNotification').get(0).play();
                // $('#audioNotification')[0].play();
            }
        }

    });
    function NotificationJs() {
        if (checkNotificationJs == 1) {
            setInterval(function () {
                load();
            }, 3000)

            function load() {
                $('#audioNotification').get(0).play();
                // $('#audioNotification')[0].play();
            }
        }
    }
</script>
<script>
    function playMusic(){
        var promise = document.querySelector('audio').play();
        if (promise !== undefined) {
            promise.then(_ => {
                $('#audioNotification').get(0).play();
                // Autoplay started!
            }).catch(error => {
                // Autoplay was prevented. Show a "Play" button so that user can start playback.
                $('#audioNotification').get(0).play();
            });
        }
    }
</script>