<!-- SETTINGS SIDEBAR START -->
<div class="mobile-close-overlay w-100 h-100" id="close-settings-overlay"></div>
<div class="settings-sidebar bg-white py-3" id="mob-settings-sidebar">
    <a class="d-block d-lg-none close-it" id="close-settings"><i class="fa fa-times"></i></a>

    <!-- SETTINGS SEARCH START -->
    <form class="border-bottom-grey px-4 pb-3 d-flex">
        <div class="input-group rounded py-1 border-grey">
            <div class="input-group-prepend">
                <span class="input-group-text border-0 bg-white">
                    <i class="fa fa-search f-12 text-lightest"></i>
                </span>
            </div>
            <input type="text" id="search-setting-menu" class="form-control border-0 f-14 pl-0"
                placeholder="@lang('app.search')">
        </div>
    </form>
    <!-- SETTINGS SEARCH END -->

    <!-- SETTINGS MENU START -->
    <ul class="settings-menu" id="settingsMenu">

        @if (user()->permission('manage_company_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="company_settings" :href="route('company-settings.index')"
                :text="__('app.menu.accountSettings')" />

            <x-setting-menu-item :active="$activeMenu" menu="business_address" :href="route('business-address.index')"
                :text="__('app.menu.businessAddresses')" />
        @endif

        @if (user()->permission('manage_app_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="app_settings" :href="route('app-settings.index')"
                :text="__('app.menu.appSettings')" />
        @endif

        <x-setting-menu-item :active="$activeMenu" menu="profile_settings" :href="route('profile-settings.index')"
            :text="__('app.menu.profileSettings')" />

        @if (user()->permission('manage_notification_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="notification_settings" :href="route('notifications.index')"
                :text="__('app.menu.notificationSettings')" />
        @endif

        @if (user()->permission('manage_currency_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="currency_settings" :href="route('currency-settings.index')"
                :text="__('app.menu.currencySettings')" />
        @endif

        @if (user()->permission('manage_payment_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="payment_gateway_settings"
                :href="route('payment-gateway-settings.index')" :text="__('app.menu.paymentGatewayCredential')" />
        @endif

        @if (user()->permission('manage_finance_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="invoice_settings" :href="route('invoice-settings.index')"
                :text="__('app.menu.financeSettings')" />
        @endif

        @if (user()->permission('manage_tax') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="tax_settings" :href="route('taxes.index')"
                :text="__('app.menu.taxSettings')" />
        @endif

        @if (user()->permission('manage_ticket_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="ticket_settings" :href="route('ticket-settings.index')"
                :text="__('app.menu.ticketSettings')" />
        @endif

        @if (user()->permission('manage_project_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="project_settings" :href="route('project-settings.index')"
                :text="__('app.menu.projectSettings')" />
        @endif

        @if (user()->permission('manage_attendance_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="attendance_settings"
                :href="route('attendance-settings.index')" :text="__('app.menu.attendanceSettings')" />
        @endif

        @if (user()->permission('manage_leave_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="leave_settings" :href="route('leaves-settings.index')"
                :text="__('app.menu.leaveSettings')" />
        @endif

        @if (user()->permission('manage_custom_field_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="custom_fields" :href="route('custom-fields.index')"
                :text="__('app.menu.customFields')" />
        @endif

        @if (user()->permission('manage_role_permission_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="role_permissions" :href="route('role-permissions.index')"
                :text="__('app.menu.rolesPermission')" />
        @endif

        @if (user()->permission('manage_message_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="message_settings" :href="route('message-settings.index')"
                :text="__('app.menu.messageSettings')" />
        @endif

        @if (user()->permission('manage_storage_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="storage_settings" :href="route('storage-settings.index')"
                :text="__('app.menu.storageSettings')" />
        @endif

        @if (user()->permission('manage_language_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="language_settings" :href="route('language-settings.index')"
                :text="__('app.menu.languageSettings')" />
        @endif

        @if (user()->permission('manage_lead_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="lead_settings" :href="route('lead-settings.index')"
                :text="__('app.menu.leadSettings')" />
        @endif

        @if (user()->permission('manage_time_log_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="timelog_settings" :href="route('timelog-settings.index')"
                :text="__('app.menu.timeLogSettings')" />
        @endif

        @if (user()->permission('manage_task_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="task_settings" :href="route('task-settings.index')"
                :text="__('app.menu.taskSettings')" />
        @endif

        @if (user()->permission('manage_social_login_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="social_auth_settings"
                :href="route('social-auth-settings.index')" :text="__('app.menu.socialLogin')" />
        @endif

        <x-setting-menu-item :active="$activeMenu" menu="security_settings" :href="route('security-settings.index')"
            :text="__('app.menu.securitySettings')" />

        @if (user()->permission('manage_google_calendar_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="google_calendar_settings"
                :href="route('google-calendar-settings.index')" :text="__('app.menu.googleCalendarSetting')" />
        @endif

        @if (user()->permission('manage_gdpr_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="gdpr_settings" :href="route('gdpr-settings.index')"
                :text="__('app.menu.gdprSettings')" />
        @endif

        @if (user()->permission('manage_theme_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="theme_settings" :href="route('theme-settings.index')"
                :text="__('app.menu.themeSettings')" />
        @endif

        @if (user()->permission('manage_module_setting') == 'all')
            <x-setting-menu-item :active="$activeMenu" menu="module_settings" :href="route('module-settings.index')"
                :text="__('app.menu.moduleSettings')" />
        @endif

        @foreach (worksuite_plugins() as $item)
            @if (View::exists(strtolower($item) . '::sections.setting-sidebar'))
                @include(strtolower($item).'::sections.setting-sidebar')
            @endif
        @endforeach

        @if (in_array('admin', user_roles()))
            <x-setting-menu-item :active="$activeMenu" menu="database_backup_settings"
                :href="route('database-backup-settings.index')" :text="__('app.menu.databaseBackupSetting')" />
        @endif

       

    </ul>
    <!-- SETTINGS MENU END -->

</div>
<!-- SETTINGS SIDEBAR END -->

<script>
    $("body").on("click", ".ajax-tab", function(event) {
        event.preventDefault();

        $('.project-menu .p-sub-menu').removeClass('active');
        $(this).addClass('active');

        const requestUrl = this.href;

        $.easyAjax({
            url: requestUrl,
            blockUI: true,
            container: ".content-wrapper",
            historyPush: true,
            success: function(response) {
                if (response.status === "success") {
                    $('.content-wrapper').html(response.html);
                    init('.content-wrapper');
                }
            }
        });
    });

    $("#search-setting-menu").on("keyup", function() {
        var value = this.value.toLowerCase().trim();
        $("#settingsMenu li").show().filter(function() {
            return $(this).text().toLowerCase().trim().indexOf(value) == -1;
        }).hide();
    });
</script>
