8889841c@php
    use Spatie\Permission\Models\Role;
    use Spatie\Permission\Traits\HasPermissions;
    $roleId = Auth::user()->role_id;
    $role = Role::find($roleId);
@endphp
<div class="sidebar-menu">
    <div class="sidebar-menu-inner">
        <header class="logo-env">
            <!-- logo -->
            <div class="logo" style="margin-top:-4px;">
                <h1 class="" style="color:white;font-weight:bold;">Mars</h1>
            </div>
            <!-- logo collapse icon -->
            <div class="sidebar-collapse">
                <a href="#" class="sidebar-collapse-icon">
                    <!-- add class "with-animation" if you want sidebar to have animation during expanding/collapsing transition -->
                    <i class="entypo-menu"></i>
                </a>
            </div>
            <!-- open/close menu icon (do not remove if you want to enable menu on mobile devices) -->
            <div class="sidebar-mobile-menu visible-xs">
                <a href="#" class="with-animation">
                    <!-- add class "with-animation" to support animation -->
                    <i class="entypo-menu"></i>
                </a>
            </div>
        </header>

        <ul id="main-menu" class="main-menu">
            <!-- add class "multiple-expanded" to allow multiple submenus to open -->
            <!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
            <li class="active opened active">
                <a href="{{ URL::to('home') }}">
                    <i class="entypo-gauge"></i>
                    <span class="title">Dashboard</span>
                </a>
            </li>
            <li class="">
                <a href="#">
                    <i class="entypo-users"></i>
                    <span class="title">Clients</span>
                </a>
                <ul>

                    @if ($role->hasPermissionTo('client-view'))
                        <li>
                            <a href="{{ URL::to('clients') }}">
                                <span class="title">Clients</span>
                            </a>
                        </li>
                    @endif
                    @if ($role->hasPermissionTo('client-add'))
                        <li>
                            <a href="{{ URL::to('createClient') }}">
                                <span class="title">Add Client</span>
                            </a>
                        </li>
                    @endif

                    <li>
                        <a href="{{ URL::to('ContactPersonList') }}">
                            <span class="title">Contact Person</span>
                        </a>
                    </li>
                </ul>
            </li>
            @if ($role->hasPermissionTo('task-view'))
                <li>
                    <a href="{{ URL::to('tasks') }}">
                        <i class="glyphicon glyphicon-tasks"></i>
                        <span class="title">Tasks</span>
                    </a>
                </li>
            @endif
            @if ($role->hasPermissionTo('service-view'))
                <li>
                    <a href="{{ URL::to('services') }}">
                        <i class="glyphicon glyphicon-th-large"></i>
                        <span class="title">Services</span>
                    </a>
                </li>
            @endif
            @if ($role->hasPermissionTo('dispatch-view'))
                <li class="dispatch">
                    <a href="{{ URL::to('dispatches') }}">
                        <i class="entypo-monitor"></i>
                        <span class="title">Dispatch</span>
                        @php
                            // $count = \App\Models\DispatchJob::latest()->take(9)->get();
                        @endphp
                        @if (session('message'))
                            <span id="dispatch_badge" class="badge badge-secondary"></span>
                        @endif
                    </a>
                    <ul>
                        <li>
                            <a href="{{ URL::to('customDispatchlist') }}">
                                <span class="title">Custom Dispatch</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ URL::to('dispatches') }}">
                                <span class="title">Document Dispatch</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endif
            @if ($role->hasPermissionTo('reminder-view'))
                <li>
                    <a href="{{ URL::to('reminder') }}">
                        <i class="glyphicon glyphicon-time"></i>
                        <span class="title">Reminder</span>
                    </a>
                </li>
            @endif
            @if ($role->hasPermissionTo('policies-view'))
                <li>
                    <a href="{{ URL::to('policies') }}">
                        <i class="glyphicon glyphicon-list"></i>
                        <span class="title">Policies</span>
                    </a>
                </li>
            @endif
            @if ($role->hasPermissionTo('template-view'))
                <li>
                    <a href="{{ URL::to('template') }}">
                        <i class="glyphicon glyphicon-file"></i>
                        <span class="title">Template</span>
                        <span class="badge badge-info badge-roundless" style="border-radius:3px;">New
                            Items</span>

                    </a>
                </li>
            @endif
            @if ($role->hasPermissionTo('user-view'))
                <li>
                    <a href="{{ URL::to('employees') }}">
                        <i class="entypo-users"></i>
                        <span class="title">Employees</span>
                    </a>
                </li>
            @endif
            <li class="">
                <a href="javascript:void(0)">
                    <i class="entypo-users"></i>
                    <span class="title">Users</span>
                </a>
                <ul>
                    <li>
                        <a href="{{ URL::to('userlist') }}">
                            <span class="title">User List</span>
                        </a>
                    </li>
                    <li>
                        <a href="{{ URL::to('adduser') }}">
                            <span class="title">Add User</span>
                        </a>
                    </li>
                </ul>
            </li>

            <li class="">
                <a href="javascript:void(0)">
                    <i class="entypo-briefcase"></i>
                    <span class="title">Reports</span>
                </a>
                <ul>

                    <!--<li>
                        <a href="{{ URL::to('document-received') }}">
                            <span class="title">Document Received</span>
                        </a>
                    </li>-->
                    <li>
                        <a href="{{ URL::to('custom_report') }}">
                            <span class="title">Custom Report</span>
                        </a>
                    </li>
                    <li>
                        <a href="{{ URL::to('preset_report') }}">
                            <span class="title">Preset Report</span>
                        </a>
                    </li>

                </ul>
            </li>
            <li class="hrm-setting">
                <a href="javascript:void(0)">
                    <i class="entypo-calendar"></i>
                    <span class="title">HRM</span>
                </a>
                <ul>
                    <li><a href="{{ URL::to('attendancelist') }}">Attendance List</a></li>
                    @if (Auth::user()->role_id === 1)
                        <li><a href="{{ URL::to('requestlist') }}">Leave Requests List</a></li>
                    @else
                        <li><a href="{{ URL::to('requestlistemployee') }}">Leave Requests List</a></li>
                    @endif

                </ul>
            </li>
            <li class="">
                <a href="javascript:void(0)">
                    <i class="glyphicon glyphicon-cog"></i>
                    <span class="title">Settings</span>
                </a>
                <ul>
                    @if ($role->hasPermissionTo('role-permission'))
                        <li>
                            <a href="{{ URL::to('/role-permission') }}">
                                <span class="title">Role Permission</span>
                            </a>
                        </li>
                    @endif

                    @if ($role->hasPermissionTo('general-setting'))
                        <li>
                            <a href="{{ URL::to('generalsetting') }}">
                                <span class="title">General Settings</span>
                            </a>
                        </li>
                    @endif
                    @if ($role->hasPermissionTo('module-setting'))
                        <li>
                            <a href="{{ URL::to('modulesetting') }}">
                                <span class="title">Module Settings</span>
                            </a>
                        </li>
                    @endif



                </ul>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('.dispatch').on('click', function() {
            setTimeout(() => {
                $('#dispatch_badge').fadeout('slow');
            }, 4000);
        });
    });
</script>
<script type="text/javascript">
    fetch('/templates/new-updates', {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json'
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.data && data.data.length > 0) {
                console.log('New updates:', data.data);
                // Handle the data (e.g., update the DOM)
            } else {
                console.log(data.message);
            }
        })
        .catch(error => console.error('Error:', error));
</script>