<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8" />
            <title>Lara Office</title>
            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
            <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
            <meta content="" name="author" />
            <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

            <style>
                #global-loader {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 9999;
                    background: rgba(255, 255, 255, 0.7);
                    display: none;
                    justify-content: center;
                    align-items: center;
                }
                .loader-content {
                    text-align: center;
                    background: white;
                    padding: 2rem;
                    border-radius: 12px;
                    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
                }
                .nav-dot {
                    display: inline-block;
                    width: 5px;
                    height: 5px;
                    border-radius: 50%;
                    background: currentColor;
                    opacity: 0.5;
                    vertical-align: middle;
                    flex-shrink: 0;
                    margin-right: 0.6rem;
                }
            </style>

            <!-- App favicon -->
            <link rel="shortcut icon" href="<?php echo e(asset('assets/images/favicon.png')); ?>">

       

    <link href="<?php echo e(asset('assets/libs/simple-datatables/style.css')); ?>" rel="stylesheet" type="text/css" />

     <!-- App css -->
     <link href="<?php echo e(asset('assets/css/bootstrap.min.css')); ?>" rel="stylesheet" type="text/css" />
     <link href="<?php echo e(asset('assets/css/icons.min.css')); ?>" rel="stylesheet" type="text/css" />
     <link href="<?php echo e(asset('assets/css/app.min.css')); ?>" rel="stylesheet" type="text/css" />
     <link href="<?php echo e(asset('assets/libs/sweetalert2/sweetalert2.min.css')); ?>" rel="stylesheet" type="text/css" />
     <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
     <link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />

</head>


<body id="body">
    <!-- leftbar-tab-menu -->
    <div class="leftbar-tab-menu">
        <div class="main-icon-menu">
            <a href="<?php echo e(route('home')); ?>" class="logo logo-metrica d-block text-center">
                <span>
                    <img src="<?php echo e(asset('assets/images/logo-sm.png')); ?>" alt="logo-small" class="logo-sm">
                </span>
            </a>
            <div class="main-icon-menu-body">
                <div class="position-reletive h-100" data-simplebar style="overflow-x: hidden;">
                    <ul class="nav nav-tabs" role="tablist" id="tab-menu">
                        <li class="nav-item" data-bs-toggle="tooltip" data-bs-placement="right" title="Dashboard" data-bs-trigger="hover">
                            <a href="#dashboard-module" id="dashboard-tab" class="nav-link">
                                <i class="ti ti-smart-home menu-icon"></i>
                            </a><!--end nav-link-->
                        </li><!--end nav-item-->
                        <li class="nav-item" data-bs-toggle="tooltip" data-bs-placement="right" title="HRM" data-bs-trigger="hover">
                            <a href="#hrm-module"
                                id="apps-tab"
                                class="nav-link <?php echo e(request()->routeIs('core.*','attendance.*','leave.*','payroll.*') ? 'active' : ''); ?>"
                                data-bs-toggle="tab"
                                role="tab"
                                aria-selected="<?php echo e(request()->routeIs('core.*','attendance.*','leave.*','payroll.*') ? 'true' : 'false'); ?>">

                                <i class="ti ti-apps menu-icon"></i>
                            </a><!--end nav-link-->
                        </li><!--end nav-item-->

                         <li class="nav-item" data-bs-toggle="tooltip" data-bs-placement="right" title="Settings" data-bs-trigger="hover">
                            <a href="#platform-menu" id="uikit-tab" 
                                class="nav-link <?php echo e(request()->routeIs('settings.*', 'platform.user-management.*') ? 'active' : ''); ?>"
                                data-bs-toggle="tab"
                                role="tab"
                                aria-selected="<?php echo e(request()->routeIs('settings.*', 'platform.user-management.*') ? 'true' : 'false'); ?>">
                                <i class="ti ti-planet menu-icon"></i>
                            </a><!--end nav-link-->
                        </li><!--end nav-item-->
                       
                        
                    </ul><!--end nav-->
                </div><!--end /div-->
            </div><!--end main-icon-menu-body-->
            <div class="pro-metrica-end">
                <a href="<?php echo e(route('profile.edit')); ?>" class="profile" title="<?php echo e(auth()->user()->name ?? ''); ?>">
                    <img src="<?php echo e(auth()->user()->profile_picture
                                 ? asset('uploads/avatars/' . auth()->user()->profile_picture)
                                 : asset('assets/images/users/user-4.jpg')); ?>"
                         alt="profile-user"
                         class="rounded-circle thumb-sm"
                         style="object-fit:cover;">
                </a>
            </div><!--end pro-metrica-end-->
        </div>
        <!--end main-icon-menu-->

        <div class="main-menu-inner">
            <!-- LOGO -->
            <div class="topbar-left">
                <a href="<?php echo e(route('home')); ?>" class="logo">
                    <span>
                        <img src="<?php echo e(asset('assets/images/logo-dark.png')); ?>" alt="logo-large" class="logo-lg logo-dark">
                        <img src="<?php echo e(asset('assets/images/logo.png')); ?>" alt="logo-large" class="logo-lg logo-light">
                    </span>
                </a><!--end logo-->
            </div><!--end topbar-left-->
            <!--end logo-->
            <div class="menu-body navbar-vertical tab-content" data-simplebar>
                <div id="dashboard-module" class="main-icon-menu-pane tab-pane" role="tabpanel"
                    aria-labelledby="dasboard-tab">
                    <div class="title-box">
                        <h6 class="menu-title">Dashboard</h6>
                    </div>

                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link" href="<?php echo e(route('hr.dashboard')); ?>">
                                <i class="ti ti-dashboard me-2"></i>HRM Dashboard
                            </a>
                        </li><!--end nav-item-->
                       
                    </ul><!--end nav-->
                </div><!-- end Dashboards -->

                <div id="hrm-module"
                    class="main-icon-menu-pane tab-pane
                    <?php echo e(request()->routeIs('core.*','attendance.*','leave.*','payroll.*') ? 'active show' : ''); ?>"
                    role="tabpanel"
                    aria-labelledby="apps-tab">

                        <div class="title-box">
                            <h6 class="menu-title">HRM</h6>
                        </div>

                        <div class="collapse navbar-collapse" id="sidebarCollapse">
                            <ul class="navbar-nav">

                              
                                <!-- ================= CORE ================= -->
                                <li class="nav-item">
                                    <a class="nav-link"
                                    href="#sidebarCore"
                                    data-bs-toggle="collapse"
                                    role="button"
                                    aria-expanded="<?php echo e(request()->routeIs('core.*') ? 'true' : 'false'); ?>">
                                        <i class="ti ti-building me-2"></i>Core
                                    </a>

                                    <div class="collapse <?php echo e(request()->routeIs('core.*') ? 'show' : ''); ?>"
                                        id="sidebarCore">
                                        <ul class="nav flex-column">
                                            <!-- HR Masters -->
                                            <li class="nav-item">
                                                <a class="nav-link"
                                                href="#sidebarHR"
                                                data-bs-toggle="collapse"
                                                aria-expanded="<?php echo e(request()->routeIs('core.designations.*','core.employment-types.*','core.grades.*','core.leave-types.*','core.shifts.*') ? 'true' : 'false'); ?>">
                                                    <i class="ti ti-list-check me-2"></i>HR Masters
                                                </a>

                                                <div class="collapse <?php echo e(request()->routeIs('core.designations.*','core.employment-types.*','core.grades.*','core.leave-types.*','core.shifts.*') ? 'show' : ''); ?>"
                                                    id="sidebarHR">
                                                    <ul class="nav flex-column">
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.departments.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.departments.index')); ?>"><span class="nav-dot"></span>Departments</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.designations.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.designations.index')); ?>"><span class="nav-dot"></span>Designations</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.teams.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.teams.index')); ?>"><span class="nav-dot"></span>Teams</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.employment-types.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.employment-types.index')); ?>"><span class="nav-dot"></span>Employment Types</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.grades.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.grades.index')); ?>"><span class="nav-dot"></span>Grades</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.identification-types.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.identification-types.index')); ?>"><span class="nav-dot"></span>Identification Type</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.leave-types.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.leave-types.index')); ?>"><span class="nav-dot"></span>Leave Types</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.illnesses.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.illnesses.index')); ?>"><span class="nav-dot"></span>Illnesses</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.dynamic-attributes.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.dynamic-attributes.index')); ?>"><span class="nav-dot"></span>Dynamic Attributes</a></li>
                                                    </ul>
                                                </div>
                                            </li>


                                            
                                            <!-- Shift Roster -->
                                            <li class="nav-item">
                                                <a class="nav-link"
                                                href="#sidebarShift"
                                                data-bs-toggle="collapse"
                                                aria-expanded="<?php echo e(request()->routeIs('core.shifts.*','core.shift-segment.*','core.shift-calendar.*') ? 'true' : 'false'); ?>">
                                                    <i class="ti ti-calendar-time me-2"></i>Shift Roster
                                                </a>

                                                <div class="collapse <?php echo e(request()->routeIs('core.shifts.*','core.shift-segment.*','core.shift-calendar.*') ? 'show' : ''); ?>"
                                                    id="sidebarShift">
                                                    <ul class="nav flex-column">
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.shifts.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.shifts.index')); ?>"><span class="nav-dot"></span>Shift Settings</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.shift-segment.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.shift-segment.index')); ?>"><span class="nav-dot"></span>Shift Segments</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.shift-calendar.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.shift-calendar.index')); ?>"><span class="nav-dot"></span>Calender</a></li>

                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link"
                                                href="#sidebarEmployees"
                                                data-bs-toggle="collapse"
                                                aria-expanded="<?php echo e(request()->routeIs('core.employees.*','core.employee-exits.*','core.employee-rejoins.*','core.gratuities.*') ? 'true' : 'false'); ?>">
                                                    <i class="ti ti-users me-2"></i>Employees
                                                </a>

                                                <div class="collapse <?php echo e(request()->routeIs('core.employees.*','core.employee-exits.*','core.employee-rejoins.*','core.gratuities.*') ? 'show' : ''); ?>"
                                                    id="sidebarEmployees">
                                                    <ul class="nav flex-column">
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.employees.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.employees.index')); ?>"><span class="nav-dot"></span>Employees</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.employee-exits.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.employee-exits.index')); ?>"><span class="nav-dot"></span>Employee Exit</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.employee-rejoins.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.employee-rejoins.index')); ?>"><span class="nav-dot"></span>Employee Rejoins</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('core.gratuities.*') ? 'active' : ''); ?>" href="<?php echo e(route('core.gratuities.index')); ?>"><span class="nav-dot"></span>Gratuities</a></li>

                                                    </ul>
                                                </div>
                                            </li>
                                                                                    
                                        </ul>
                                    </div>
                                </li>

                                <!-- ================= ATTENDANCE ================= -->
                                <li class="nav-item">
                                    <a class="nav-link"
                                    href="#sidebarAttendance"
                                    data-bs-toggle="collapse"
                                    aria-expanded="<?php echo e(request()->routeIs('attendance.*') ? 'true' : 'false'); ?>">
                                        <i class="ti ti-calendar-stats me-2"></i>Attendance
                                    </a>

                                    <div class="collapse <?php echo e(request()->routeIs('attendance.*') ? 'show' : ''); ?>"
                                        id="sidebarAttendance">
                                        <ul class="nav flex-column">
                                            <li>
                                                <a class="nav-link <?php echo e(request()->routeIs('attendance.settings.*') ? 'active' : ''); ?>"
                                                href="<?php echo e(route('attendance.settings.index')); ?>">
                                                    <span class="nav-dot"></span>Settings
                                                </a>
                                            </li>

                                            <li>
                                                <a class="nav-link <?php echo e(request()->routeIs('attendance.import.*') ? 'active' : ''); ?>"
                                                href="<?php echo e(route('attendance.import.csv')); ?>">
                                                    <span class="nav-dot"></span>Import CSV
                                                </a>
                                            </li>

                                            <li>
                                                <a class="nav-link <?php echo e(request()->routeIs('attendance.process.*') ? 'active' : ''); ?>"
                                                href="<?php echo e(route('attendance.process.index')); ?>">
                                                    <span class="nav-dot"></span>Mark Attendance
                                                </a>
                                            </li>

                                            <li><a class="nav-link <?php echo e(request()->routeIs('attendance.employeewise.*') ? 'active' : ''); ?>" href="<?php echo e(route('attendance.employeewise.index')); ?>"><span class="nav-dot"></span>Employee Wise</a></li>
                                            <li><a class="nav-link <?php echo e(request()->routeIs('attendance.datewise.*') ? 'active' : ''); ?>" href="<?php echo e(route('attendance.datewise.index')); ?>"><span class="nav-dot"></span>Date Wise</a></li>
                                        </ul>
                                    </div>
                                </li>

                                <!-- ================= LEAVE ================= -->
                                <li class="nav-item">
                                    <a class="nav-link"
                                    href="#sidebarLeave"
                                    data-bs-toggle="collapse"
                                    aria-expanded="<?php echo e(request()->routeIs('leave.*') ? 'true' : 'false'); ?>">
                                        <i class="ti ti-calendar-off me-2"></i>Leave
                                    </a>

                                    <div class="collapse <?php echo e(request()->routeIs('leave.*') ? 'show' : ''); ?>"
                                        id="sidebarLeave">
                                        <ul class="nav flex-column">
                                            <li><a class="nav-link <?php echo e(request()->routeIs('leave.applications.*') ? 'active' : ''); ?>" href="<?php echo e(route('leave.applications.index')); ?>"><span class="nav-dot"></span>Applications</a></li>
                                        </ul>
                                    </div>
                                </li>

                                <!-- ================= PAYROLL ================= -->
                                <li class="nav-item">
                                    <a class="nav-link"
                                    href="#sidebarPayroll"
                                    data-bs-toggle="collapse"
                                    aria-expanded="<?php echo e(request()->routeIs('payroll.*') ? 'true' : 'false'); ?>">
                                        <i class="ti ti-cash me-2"></i>Payroll
                                    </a>

                                    <div class="collapse <?php echo e(request()->routeIs('payroll.*') ? 'show' : ''); ?>"
                                        id="sidebarPayroll">
                                        <ul class="nav flex-column">
                                            <li><a class="nav-link <?php echo e(request()->routeIs('payroll.payroll-groups.*') ? 'active' : ''); ?>" href="<?php echo e(route('payroll.payroll-groups.index')); ?>"><span class="nav-dot"></span>Payroll Groups</a></li>
                                            <li><a class="nav-link <?php echo e(request()->routeIs('payroll.additions.*') ? 'active' : ''); ?>" href="<?php echo e(route('payroll.additions.index')); ?>"><span class="nav-dot"></span>Additions</a></li>
                                            <li><a class="nav-link <?php echo e(request()->routeIs('payroll.deductions.*') ? 'active' : ''); ?>" href="<?php echo e(route('payroll.deductions.index')); ?>"><span class="nav-dot"></span>Deductions</a></li>
                                            <li><a class="nav-link <?php echo e(request()->routeIs('payroll.loans.*') ? 'active' : ''); ?>" href="<?php echo e(route('payroll.loans.index')); ?>"><span class="nav-dot"></span>Loan Types</a></li>
                                            <li><a class="nav-link <?php echo e(request()->routeIs('payroll.employee-loans.*') ? 'active' : ''); ?>" href="<?php echo e(route('payroll.employee-loans.index')); ?>"><span class="nav-dot"></span>Loan Applications</a></li>
                                            <li><a class="nav-link <?php echo e(request()->routeIs('payroll.payroll-adjustments.*') ? 'active' : ''); ?>" href="<?php echo e(route('payroll.payroll-adjustments.index')); ?>"><span class="nav-dot"></span>Payroll Adjustments</a></li>
                                            <li><a class="nav-link <?php echo e(request()->routeIs('payroll.payroll-processes.*') ? 'active' : ''); ?>" href="<?php echo e(route('payroll.payroll-processes.index')); ?>"><span class="nav-dot"></span>Payroll Process</a></li>
                                        </ul>
                                    </div>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link"
                                    href="#sidebarReports"
                                    data-bs-toggle="collapse"
                                    role="button"
                                    aria-expanded="<?php echo e(request()->routeIs('hr.reports.*') ? 'true' : 'false'); ?>">
                                        <i class="ti ti-report-analytics me-2"></i>Reports
                                    </a>

                                    <div class="collapse <?php echo e(request()->routeIs('hr.reports.*') ? 'show' : ''); ?>"
                                        id="sidebarReports">
                                        <ul class="nav flex-column">
                                            <!-- HR Masters -->
                                            <li class="nav-item">
                                                <a class="nav-link"
                                                href="#sidebarReportMasters"
                                                data-bs-toggle="collapse"
                                                aria-expanded="<?php echo e(request()->routeIs('hr.reports.employee-details.*','hr.reports.employee-photo.*','hr.reports.employee-birthday.*','hr.reports.basic-salary.*','hr.reports.payment-details.*','hr.reports.addition-deduction-details.*','hr.reports.employee-recruitment.*','hr.reports.employee-rejoin.*','hr.reports.employee-termination.*','hr.reports.employee-services.*','hr.reports.employee-appointment.*','hr.reports.male-female-ratio.*','hr.reports.head-count.*') ? 'true' : 'false'); ?>">
                                                    <i class="ti ti-file-text me-2"></i>Masters
                                                </a>

                                                <div class="collapse <?php echo e(request()->routeIs('hr.reports.employee-details.*','hr.reports.employee-photo.*','hr.reports.employee-birthday.*','hr.reports.basic-salary.*','hr.reports.payment-details.*','hr.reports.addition-deduction-details.*','hr.reports.employee-recruitment.*','hr.reports.employee-rejoin.*','hr.reports.employee-termination.*','hr.reports.employee-services.*','hr.reports.employee-appointment.*','hr.reports.male-female-ratio.*','hr.reports.head-count.*') ? 'show' : ''); ?>"
                                                    id="sidebarReportMasters">
                                                    <ul class="nav flex-column">
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.employee-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.employee-details')); ?>"><span class="nav-dot"></span>Employee Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.employee-photo') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.employee-photo')); ?>"><span class="nav-dot"></span>Employee Photo</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.employee-birthday') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.employee-birthday')); ?>"><span class="nav-dot"></span>Employee Birthday</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.basic-salary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.basic-salary')); ?>"><span class="nav-dot"></span>Basic Salary</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.payment-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.payment-details')); ?>"><span class="nav-dot"></span>Payment Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.addition-deduction-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.addition-deduction-details')); ?>"><span class="nav-dot"></span>Addition Deduction Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.employee-recruitment') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.employee-recruitment')); ?>"><span class="nav-dot"></span>Employee Recruitment</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.employee-rejoin') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.employee-rejoin')); ?>"><span class="nav-dot"></span>Employee Rejoin</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.employee-termination') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.employee-termination')); ?>"><span class="nav-dot"></span>Employee Termination</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.employee-services') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.employee-services')); ?>"><span class="nav-dot"></span>Employee Services</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.employee-appointment') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.employee-appointment')); ?>"><span class="nav-dot"></span>Employee Appointment</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.male-female-ratio') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.male-female-ratio')); ?>"><span class="nav-dot"></span>Male/Female Ratio</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.head-count') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.head-count')); ?>"><span class="nav-dot"></span>Head Count</a></li>
                                                    </ul>
                                                </div>
                                            </li>


                                            
                                            <!-- Shift Roster -->
                                            <li class="nav-item">
                                                <a class="nav-link"
                                                href="#sidebarReportAttendance"
                                                data-bs-toggle="collapse"
                                                aria-expanded="<?php echo e(request()->routeIs('hr.reports.missed-punches.*','hr.reports.absenteeism-details.*','hr.reports.subsequent-absenteeism-summary.*','hr.reports.late-coming-details.*','hr.reports.late-coming-summary.*','hr.reports.absenteeism-summary.*','hr.reports.presenteeism-details.*','hr.reports.presenteeism-summary.*','hr.reports.attendance-details.*','hr.reports.attendance-summary.*','hr.reports.cadre.*','hr.reports.overtime-details.*','hr.reports.overtime-summary.*','hr.reports.timesheet-summary.*','hr.reports.timesheet-details.*','hr.reports.leave-details.*','hr.reports.leave-summary.*') ? 'true' : 'false'); ?>">
                                                    <i class="ti ti-clock me-2"></i>Attendance
                                                </a>

                                                <div class="collapse <?php echo e(request()->routeIs('hr.reports.missed-punches.*','hr.reports.absenteeism-details.*','hr.reports.subsequent-absenteeism-summary.*','hr.reports.late-coming-details.*','hr.reports.late-coming-summary.*','hr.reports.absenteeism-summary.*','hr.reports.presenteeism-details.*','hr.reports.presenteeism-summary.*','hr.reports.attendance-details.*','hr.reports.attendance-summary.*','hr.reports.cadre.*','hr.reports.overtime-details.*','hr.reports.overtime-summary.*','hr.reports.timesheet-summary.*','hr.reports.timesheet-details.*','hr.reports.leave-details.*','hr.reports.leave-summary.*') ? 'show' : ''); ?>"
                                                    id="sidebarReportAttendance">
                                                    <ul class="nav flex-column">
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.missed-punches') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.missed-punches')); ?>"><span class="nav-dot"></span>Missed Punches</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.absenteeism-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.absenteeism-details')); ?>"><span class="nav-dot"></span>Absenteeism Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.subsequent-absenteeism-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.subsequent-absenteeism-summary')); ?>"><span class="nav-dot"></span>Subsequent Absenteeism Summery</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.late-coming-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.late-coming-details')); ?>"><span class="nav-dot"></span>Late Comming Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.late-coming-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.late-coming-summary')); ?>"><span class="nav-dot"></span>Late Comming Summery</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.absenteeism-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.absenteeism-summary')); ?>"><span class="nav-dot"></span>Absenteeism Summery</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.presenteeism-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.presenteeism-details')); ?>"><span class="nav-dot"></span>Precenteeism Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.presenteeism-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.presenteeism-summary')); ?>"><span class="nav-dot"></span>Precenteeism Summery</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.attendance-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.attendance-details')); ?>"><span class="nav-dot"></span>Attendance Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.attendance-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.attendance-summary')); ?>"><span class="nav-dot"></span>Attendance Summery</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.cadre') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.cadre')); ?>"><span class="nav-dot"></span>Cardre</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.overtime-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.overtime-details')); ?>"><span class="nav-dot"></span>Overtime Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.overtime-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.overtime-summary')); ?>"><span class="nav-dot"></span>Overtime Summery</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.timesheet-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.timesheet-summary')); ?>"><span class="nav-dot"></span>Timesheet Summery</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.timesheet-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.timesheet-details')); ?>"><span class="nav-dot"></span>Timesheet Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.leave-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.leave-details')); ?>"><span class="nav-dot"></span>Leave Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.leave-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.leave-summary')); ?>"><span class="nav-dot"></span>Leave Summery</a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link"
                                                href="#sidebarReportPayroll"
                                                data-bs-toggle="collapse"
                                                aria-expanded="<?php echo e(request()->routeIs('core.payroll-details-crosstab.*','core.loan-advance-details.*','core.loan-advance-summary.*','core.cash-denominations.*','core.payslip.*','core.payroll-total-summary.*','core.payroll-signature.*') ? 'true' : 'false'); ?>">
                                                    <i class="ti ti-coin me-2"></i>Payroll
                                                </a>

                                                <div class="collapse <?php echo e(request()->routeIs('core.payroll-details-crosstab.*','core.loan-advance-details.*','core.loan-advance-summary.*','core.cash-denominations.*','core.payslip.*','core.payroll-total-summary.*','core.payroll-signature.*') ? 'show' : ''); ?>"
                                                    id="sidebarReportPayroll">
                                                    <ul class="nav flex-column">
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.payroll-details-crosstab') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.payroll-details-crosstab')); ?>"><span class="nav-dot"></span>Payroll Details CrossTab</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.loan-advance-details') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.loan-advance-details')); ?>"><span class="nav-dot"></span>Loan Advance Details</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.loan-advance-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.loan-advance-summary')); ?>"><span class="nav-dot"></span>Loan Advance Summery</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.cash-denominations') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.cash-denominations')); ?>"><span class="nav-dot"></span>Cash Denominations</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.payslip') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.payslip')); ?>"><span class="nav-dot"></span>Payslip</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.payroll-total-summary') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.payroll-total-summary')); ?>"><span class="nav-dot"></span>Payroll Total Summery</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.payroll-signature') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.payroll-signature')); ?>"><span class="nav-dot"></span>Payroll Signature</a></li>

                                                    </ul>
                                                </div>
                                            </li>

                                            <li class="nav-item">
                                                <a class="nav-link"
                                                href="#sidebarReportBank"
                                                data-bs-toggle="collapse"
                                                aria-expanded="<?php echo e(request()->routeIs('core.salary-bank-file.*','core.epf-evemc-creator.*','core.epf-evemp-creator.*','core.etf-bank-file.*') ? 'true' : 'false'); ?>">
                                                    <i class="ti ti-building-bank me-2"></i>Bank Files
                                                </a>

                                                <div class="collapse <?php echo e(request()->routeIs('core.salary-bank-file.*','core.epf-evemc-creator.*','core.epf-evemp-creator.*','core.etf-bank-file.*') ? 'show' : ''); ?>"
                                                    id="sidebarReportBank">
                                                    <ul class="nav flex-column">
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.salary-bank-file') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.salary-bank-file')); ?>"><span class="nav-dot"></span>Salary Bank File</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.epf-evemc-creator') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.epf-evemc-creator')); ?>"><span class="nav-dot"></span>EPF EVEMC Creator</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.epf-evemp-creator') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.epf-evemp-creator')); ?>"><span class="nav-dot"></span>EPF EVEMP Creator</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.etf-bank-file') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.etf-bank-file')); ?>"><span class="nav-dot"></span>ETF Bank File</a></li>
                                                    </ul>
                                                </div>
                                            </li>


                                            <li class="nav-item">
                                                <a class="nav-link"
                                                href="#sidebarReportEpf"
                                                data-bs-toggle="collapse"
                                                aria-expanded="<?php echo e(request()->routeIs('core.epf-report.*','core.epf-report-crosstab.*','core.etf-report.*','core.etf-report-crosstab.*') ? 'true' : 'false'); ?>">
                                                    <i class="ti ti-receipt me-2"></i>EPF/ETF
                                                </a>

                                                <div class="collapse <?php echo e(request()->routeIs('core.epf-report.*','core.epf-report-crosstab.*','core.etf-report.*','core.etf-report-crosstab.*') ? 'show' : ''); ?>"
                                                    id="sidebarReportEpf">
                                                    <ul class="nav flex-column">
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.epf-report') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.epf-report')); ?>"><span class="nav-dot"></span>EPF Report</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.epf-report-crosstab') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.epf-report-crosstab')); ?>"><span class="nav-dot"></span>EPF Report Cross Tab</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.etf-report') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.etf-report')); ?>"><span class="nav-dot"></span>ETF Report</a></li>
                                                        <li><a class="nav-link <?php echo e(request()->routeIs('hr.reports.etf-report-crosstab') ? 'active' : ''); ?>" href="<?php echo e(route('hr.reports.etf-report-crosstab')); ?>"><span class="nav-dot"></span>ETF Report Cross Tab</a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                                                                    
                                        </ul>
                                    </div>
                                </li>

                            </ul>
                        </div>

                </div><!-- end Crypto -->

                 <div id="platform-menu" class="main-icon-menu-pane  tab-pane <?php echo e(request()->routeIs('settings.*') ? 'active show' : ''); ?>" role="tabpanel"
                    aria-labelledby="uikit-tab">
                    <div class="title-box">
                        <h6 class="menu-title">Platform Settings</h6>
                    </div>
                    <div class="collapse navbar-collapse" id="sidebarCollapse_2">
                        <!-- Navigation -->
                        <ul class="navbar-nav">
                             <!-- Access Control -->
                             <li class="nav-item">
                                <a class="nav-link"
                                href="#sidebarAccessControl"
                                data-bs-toggle="collapse"
                                role="button"
                                aria-expanded="<?php echo e(request()->routeIs('settings.roles.*', 'settings.users.*') ? 'true' : 'false'); ?>">
                                    <i class="ti ti-shield-lock me-2"></i>Access Control
                                </a>

                                <div class="collapse <?php echo e(request()->routeIs('settings.roles.*', 'settings.users.*') ? 'show' : ''); ?>"
                                    id="sidebarAccessControl">
                                    <ul class="nav flex-column">
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.roles.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.roles.index')); ?>"><span class="nav-dot"></span>Roles & Permissions</a></li>
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.users.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.users.index')); ?>"><span class="nav-dot"></span>User Management</a></li>
                                    </ul>
                                </div>
                            </li>

                             <!-- Location & Region -->
                            <li class="nav-item">
                                <a class="nav-link"
                                href="#sidebarPlatformSettings"
                                data-bs-toggle="collapse"
                                role="button"
                                aria-expanded="<?php echo e(request()->routeIs('settings.companies.*','settings.branches.*','settings.currencies.*','settings.time-zones.*') ? 'true' : 'false'); ?>">
                                    <i class="ti ti-settings me-2"></i>General Settings
                                </a>

                                <div class="collapse <?php echo e(request()->routeIs('settings.companies.*','settings.branches.*','settings.currencies.*','settings.time-zones.*') ? 'show' : ''); ?>"
                                    id="sidebarPlatformSettings">
                                    <ul class="nav flex-column">
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.companies.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.companies.index')); ?>"><span class="nav-dot"></span>Companies</a></li>
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.branches.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.branches.index')); ?>"><span class="nav-dot"></span>Branches</a></li>
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.currencies.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.currencies.index')); ?>"><span class="nav-dot"></span>Currencies</a></li>
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.time-zones.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.time-zones.index')); ?>"><span class="nav-dot"></span>Time Zones</a></li>
                                    </ul>
                                </div>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link"
                                href="#sidebarLocation"
                                data-bs-toggle="collapse"
                                aria-expanded="<?php echo e(request()->routeIs('settings.currencies.*','settings.countries.*','settings.states.*','settings.cities.*','settings.time-zones.*') ? 'true' : 'false'); ?>">
                                    <i class="ti ti-map-pin me-2"></i>Location & Region
                                </a>

                                <div class="collapse <?php echo e(request()->routeIs('settings.currencies.*','settings.countries.*','settings.states.*','settings.cities.*','settings.time-zones.*') ? 'show' : ''); ?>"
                                    id="sidebarLocation">
                                    <ul class="nav flex-column">
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.countries.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.countries.index')); ?>"><span class="nav-dot"></span>Countries</a></li>
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.states.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.states.index')); ?>"><span class="nav-dot"></span>States</a></li>
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.cities.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.cities.index')); ?>"><span class="nav-dot"></span>Cities</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link"
                                href="#sidebarPayments"
                                data-bs-toggle="collapse"
                                aria-expanded="<?php echo e(request()->routeIs('settings.payment-methods.*','settings.banks.*','settings.bank-branches.*') ? 'true' : 'false'); ?>">
                                    <i class="ti ti-credit-card me-2"></i>Payments
                                </a>

                                <div class="collapse <?php echo e(request()->routeIs('settings.payment-methods.*','settings.banks.*','settings.bank-branches.*') ? 'show' : ''); ?>"
                                    id="sidebarPayments">
                                    <ul class="nav flex-column">
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.payment-methods.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.payment-methods.index')); ?>"><span class="nav-dot"></span>Payment Types</a></li>
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.banks.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.banks.index')); ?>"><span class="nav-dot"></span>Banks</a></li>
                                        <li><a class="nav-link <?php echo e(request()->routeIs('settings.bank-branches.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.bank-branches.index')); ?>"><span class="nav-dot"></span>Bank Branches</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link"
                                href="#sidebarOther"
                                data-bs-toggle="collapse"
                                aria-expanded="<?php echo e(request()->routeIs('settings.document-types.*') ? 'true' : 'false'); ?>">
                                    <i class="ti ti-dots-circle-horizontal me-2"></i>Other
                                </a>

                                <div class="collapse <?php echo e(request()->routeIs('settings.document-types.*') ? 'show' : ''); ?>"
                                    id="sidebarOther">
                                    <ul class="nav flex-column">
                                       <li><a class="nav-link <?php echo e(request()->routeIs('settings.document-types.*') ? 'active' : ''); ?>" href="<?php echo e(route('settings.document-types.index')); ?>"><span class="nav-dot"></span>Document Types</a></li>
                                    </ul>
                                </div>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link"
                                href="#sidebarFinanceSettings"
                                data-bs-toggle="collapse"
                                aria-expanded="<?php echo e(request()->routeIs('finance.settings.*') ? 'true' : 'false'); ?>">
                                    <i class="ti ti-receipt me-2"></i>Finance Settings
                                </a>

                                <div class="collapse <?php echo e(request()->routeIs('finance.settings.*') ? 'show' : ''); ?>"
                                    id="sidebarFinanceSettings">
                                    <ul class="nav flex-column">
                                       <li><a class="nav-link <?php echo e(request()->routeIs('finance.taxes.*') ? 'active' : ''); ?>" href="<?php echo e(route('finance.taxes.index')); ?>"><span class="nav-dot"></span>Taxes & Rates</a></li>
                                    </ul>
                                </div>
                            </li>


                        </ul><!--end navbar-nav--->
                    </div><!--end sidebarCollapse_2-->
                </div><!-- end Others -->

               

               
                
            </div>
            <!--end menu-body-->
        </div><!-- end main-menu-inner-->
    </div>
    <!-- end leftbar-tab-menu-->

    <!-- Top Bar Start -->
    <!-- Top Bar Start -->
    <div class="topbar">            
        <!-- Navbar -->
        <nav class="navbar-custom" id="navbar-custom">    
            <ul class="list-unstyled topbar-nav float-end mb-0">
                

                <li class="dropdown">
                    <a class="nav-link dropdown-toggle nav-user" data-bs-toggle="dropdown" href="#" role="button"
                        aria-haspopup="false" aria-expanded="false">
                        <div class="d-flex align-items-center">
                            <?php if(auth()->guard()->check()): ?>
                            <img src="<?php echo e(auth()->user()->profile_picture
                                         ? asset('uploads/avatars/' . auth()->user()->profile_picture)
                                         : asset('assets/images/users/user-4.jpg')); ?>"
                                 alt="profile-user"
                                 class="rounded-circle me-2 thumb-sm"
                                 style="object-fit:cover; width:32px; height:32px;" />
                            <div>
                                <small class="d-none d-md-block font-11">
                                    <?php echo e(auth()->user()->getRoleNames()->first() ?? 'User'); ?>

                                </small>
                                <span class="d-none d-md-block fw-semibold font-12">
                                    <?php echo e(auth()->user()->name); ?>

                                    <i class="mdi mdi-chevron-down"></i>
                                </span>
                            </div>
                            <?php endif; ?>
                        </div>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end" style="min-width:200px;">

                        <?php if(auth()->guard()->check()): ?>
                        
                        <div class="px-3 py-2 border-bottom">
                            <div class="d-flex align-items-center gap-2">
                                <img src="<?php echo e(auth()->user()->profile_picture
                                             ? asset('uploads/avatars/' . auth()->user()->profile_picture)
                                             : asset('assets/images/users/user-4.jpg')); ?>"
                                     class="rounded-circle"
                                     style="width:42px;height:42px;object-fit:cover;">
                                <div style="overflow:hidden;">
                                    <div class="fw-semibold text-truncate" style="font-size:13px;max-width:130px;"><?php echo e(auth()->user()->name); ?></div>
                                    <div class="text-muted text-truncate" style="font-size:11px;max-width:130px;"><?php echo e(auth()->user()->email); ?></div>
                                </div>
                            </div>
                        </div>
                        <?php endif; ?>

                        <a class="dropdown-item" href="<?php echo e(route('profile.edit')); ?>">
                            <i class="ti ti-user-edit font-16 me-1 align-text-bottom"></i>
                            Edit Profile
                        </a>

                        <div class="dropdown-divider mb-0"></div>

                        
                        <a class="dropdown-item text-danger"
                        href="#"
                        onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            <i class="ti ti-power font-16 me-1 align-text-bottom"></i>
                            Logout
                        </a>

                        
                        <form id="logout-form"
                            action="<?php echo e(route('logout')); ?>"
                            method="POST"
                            class="d-none">
                            <?php echo csrf_field(); ?>
                        </form>

                    </div>

                </li><!--end topbar-profile-->
                
            </ul><!--end topbar-nav-->

            <ul class="list-unstyled topbar-nav mb-0">                        
                <li>
                    <button class="nav-link button-menu-mobile nav-icon" id="togglemenu">
                        <i class="ti ti-menu-2"></i>
                    </button>
                </li> 
                <li class="hide-phone app-search">
                    <?php if(auth()->guard()->check()): ?>
                    <div class="d-flex align-items-center gap-2">

                        <small class="text-muted w-100">
                            You are viewing data for
                        </small>
                        <select id="branchSelectTopbar"
                                class="form-select form-select-sm"
                                style="min-width: 180px">

                            
                            <?php if($isSuperAdmin): ?>
                                <option value=""
                                    <?php echo e(empty($currentBranch) ? 'selected' : ''); ?>>
                                    All Branches
                                </option>
                            <?php endif; ?>

                            
                            <?php $__currentLoopData = $availableBranches; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $branch): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($branch->id); ?>"
                                    <?php echo e(optional($currentBranch)->id === $branch->id ? 'selected' : ''); ?>>
                                    <?php echo e($branch->name); ?>

                                </option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>

                        <form id="branchSwitchForm"
                            method="POST"
                            action="<?php echo e(route('branch.switch')); ?>"
                            class="d-none">
                            <?php echo csrf_field(); ?>
                            <input type="hidden" name="branch_id" id="branchSwitchInput">
                        </form>
                    </div>
                    <?php endif; ?>

                </li>                       
            </ul>
        </nav>
        <!-- end navbar-->
    </div>
    <!-- Top Bar End -->
    <!-- Top Bar End -->

    <div class="page-wrapper">

        <!-- Page Content-->
        <div class="page-content-tab">

            <div class="container-fluid">
                <div class="row mt-4">
                    <div class="col-12">
                        <?php echo $__env->yieldContent('content'); ?>
                    </div>
                </div>
            </div><!-- container -->

            <!--Start Rightbar-->
            <!--Start Rightbar/offcanvas-->
            <div class="offcanvas offcanvas-end" tabindex="-1" id="Appearance" aria-labelledby="AppearanceLabel">
                <div class="offcanvas-header border-bottom">
                  <h5 class="m-0 font-14" id="AppearanceLabel">Appearance</h5>
                  <button type="button" class="btn-close text-reset p-0 m-0 align-self-center" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body">  
                    <h6>Account Settings</h6>
                    <div class="p-2 text-start mt-3">
                        <div class="form-check form-switch mb-2">
                            <input class="form-check-input" type="checkbox" id="settings-switch1">
                            <label class="form-check-label" for="settings-switch1">Auto updates</label>
                        </div><!--end form-switch-->
                        <div class="form-check form-switch mb-2">
                            <input class="form-check-input" type="checkbox" id="settings-switch2" checked>
                            <label class="form-check-label" for="settings-switch2">Location Permission</label>
                        </div><!--end form-switch-->
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="settings-switch3">
                            <label class="form-check-label" for="settings-switch3">Show offline Contacts</label>
                        </div><!--end form-switch-->
                    </div><!--end /div-->
                    <h6>General Settings</h6>
                    <div class="p-2 text-start mt-3">
                        <div class="form-check form-switch mb-2">
                            <input class="form-check-input" type="checkbox" id="settings-switch4">
                            <label class="form-check-label" for="settings-switch4">Show me Online</label>
                        </div><!--end form-switch-->
                        <div class="form-check form-switch mb-2">
                            <input class="form-check-input" type="checkbox" id="settings-switch5" checked>
                            <label class="form-check-label" for="settings-switch5">Status visible to all</label>
                        </div><!--end form-switch-->
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="settings-switch6">
                            <label class="form-check-label" for="settings-switch6">Notifications Popup</label>
                        </div><!--end form-switch-->
                    </div><!--end /div-->               
                </div><!--end offcanvas-body-->
            </div>
            <!--end Rightbar/offcanvas-->
            <!--end Rightbar-->
            
           <!--Start Footer-->
           <!-- Footer Start -->
           <footer class="footer text-center text-sm-start">
               &copy; <script>
                   document.write(new Date().getFullYear())
               </script> LaraOffice <span class="text-muted d-none d-sm-inline-block float-end">Developed <i
                       class="mdi mdi-heart text-danger"></i> by Codecyon</span>
           </footer>
           <!-- end Footer -->                
           <!--end footer-->
        </div>
        <!-- end page content -->
    </div>
    <!-- end page-wrapper -->




    <!-- Javascript  -->
    <!-- vendor js -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="<?php echo e(asset('assets/libs/bootstrap/js/bootstrap.bundle.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/libs/simplebar/simplebar.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/libs/feather-icons/feather.min.js')); ?>"></script>
    <script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js"></script>
    <script src="<?php echo e(asset('assets/libs/sweetalert2/sweetalert2.min.js')); ?>"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

    <!-- App js -->
    <script src="<?php echo e(asset('assets/js/app.js')); ?>"></script>
    <?php echo $__env->yieldContent('scripts'); ?>
    <div id="global-loader">
        <div class="loader-content">
            <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
                <span class="visually-hidden">Loading...</span>
            </div>
            <div class="mt-3 fw-bold">Please wait...</div>
        </div>
    </div>

    <script>
        $(document).on({
            ajaxStart: function() { $('#global-loader').css('display', 'flex'); },
            ajaxStop: function() { $('#global-loader').fadeOut(); }
        });

        document.addEventListener('DOMContentLoaded', function () {
            const select = document.getElementById('branchSelectTopbar');
            if (!select) return;

            select.addEventListener('change', function () {
                document.getElementById('branchSwitchInput').value = this.value;
                document.getElementById('branchSwitchForm').submit();
            });
        });

        /**
         * Initialize Employee Select2 Dropdown
         * @param {string} selector - jQuery selector for the select element
         * @param {object} options - Additional Select2 options
         */
        function initEmployeeSelect2(selector, options = {}) {
            $(selector).select2({
                theme: 'bootstrap-5',
                placeholder: '-- Select Employee --',
                allowClear: true,
                width: '100%',
                ...options
            });
        }
    </script>

</body>


</html><?php /**PATH /home/codeproh/hr.vadistilleries.lk/resources/views/layouts/app.blade.php ENDPATH**/ ?>