<style media="screen">
    #kelola {
        background-color: #1C77D4;
        color: white;
        border-radius: 25px;
    }

    .horizontal-menu .navbar-light ul#main-menu-navigation>li>#kelola:hover {
        background-color: #1C77D4 !important;
        color: white;
    }
</style>
<!-- Horizontal navigation-->
<div class="header-navbar navbar-expand-sm navbar navbar-horizontal navbar-fixed navbar-light navbar-without-dd-arrow navbar-shadow menu-border" role="navigation" data-menu="menu-wrapper">
    <!-- Horizontal menu content-->
    <div class="navbar-container main-menu-content" data-menu="menu-container">

        <ul class="nav navbar-nav" id="main-menu-navigation" data-menu="menu-navigation">
            <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('dashboard', 'kepegawaian')) ? 'show' : '' ?>" data-menu="megamenu">
                <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown">
                    <i class="fa fa-dashboard"></i><span> <?= $this->lang->line('menu_dashboard') ?></span>
                </a>
                <ul class="mega-dropdown-menu dropdown-menu row">
                    <li class="col-md-12 p-0" data-mega-col="col-md-12">
                        <ul class="drilldown-menu">
                            <li class="menu-list">
                                <ul class="mega-menu-sub">
                                    <li class="nav-item <?= ($aktif == 'dashboard') ? 'active' : '' ?>">
                                        <a href="<?= route('dashboard.absensi') ?>" class="nav-link">
                                            <i class="ft-home"></i>
                                            <span><?= $this->lang->line('menu_absensi') ?></span>
                                        </a>
                                    </li>
                                    <li class="nav-item <?= ($aktif == 'kepegawaian') ? 'active' : '' ?>">
                                        <a href="<?= route('dashboard.kepegawaian') ?>" class="nav-link">
                                            <i class="ft-briefcase"></i>
                                            <?= $this->lang->line('menu_kepegawaian') ?> <span id="total_kepegawaian" class="badge badge-primary">0</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>

            <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('cabang', 'lokasi', 'departemen', 'jabatan', 'shift', 'karyawan', 'jenis_izin', 'saldo_cuti')) ? 'show' : '' ?>" data-menu="megamenu">
                <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown">
                    <i class="ft-box"></i><span><?= $this->lang->line('menu_master_data') ?></span>
                </a>
                <ul class="mega-dropdown-menu dropdown-menu row">
                    <li class="col-md-12 p-0" data-mega-col="col-md-12">
                        <ul class="drilldown-menu">
                            <li class="menu-list">
                                <ul class="mega-menu-sub">
                                    <li class="<?= ($aktif == 'cabang') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('master/cabang') ?>">
                                            <?= $this->lang->line('menu_cabang') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'departemen') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('master/departemen') ?>">
                                            <?= $this->lang->line('menu_departemen') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'jabatan') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('master/jabatan') ?>">
                                            <?= $this->lang->line('menu_jabatan') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'lokasi') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('master/lokasi') ?>">
                                            <?= $this->lang->line('menu_lokasi') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'jenis_izin') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= route('master.jenisizin.home') ?>">
                                            <?= $this->lang->line('menu_jenis_izin') ?>
                                            <?php
                                            if ($this->paket_arr['cuti'] === false) {
                                                echo '<i class="fa fa-lock text-danger"></i>';
                                            }
                                            ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'shift') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('master/shift') ?>">
                                            <?= $this->lang->line('menu_shift') ?>
                                            <?php
                                            if ($this->paket_arr['shift'] === false) {
                                                echo '<i class="fa fa-lock text-danger"></i>';
                                            }
                                            ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'karyawan') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('master/karyawan') ?>">
                                            <?= $this->lang->line('menu_karyawan') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'saldo_cuti') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= route('master.saldocuti.index') ?>">
                                            <?= $this->lang->line('menu_saldo_cuti') ?>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>

            <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('perusahaan', 'pengaturan_umum', 'jam_kerja', 'pengaturan_shift', 'kepala_cabang', 'kepala_departemen', 'p_admin', 'adm_reimbursement', 'atasan_khusus', 'p_approval', 'pengaturan_ijin', 'pengaturan_lembur', 'pengaturan_reimbursement', 'kalender', 'pengaturan_notif')) ? 'show submenu2' : '' ?>" data-menu="megamenu">
                <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown">
                    <i class="fa fa-cog"></i><span> <?= $this->lang->line('menu_pengaturan') ?></span>
                </a>
                <ul class="mega-dropdown-menu dropdown-menu row">
                    <li class="col-md-12 p-0" data-mega-col="col-md-12">
                        <ul class="drilldown-menu">
                            <li class="menu-list">
                                <ul class="mega-menu-sub">
                                    <?php
                                        if ($this->adm_absensi == false) {
                                    ?>
                                            <li class="<?= ($aktif == 'p_admin') ? 'active' : '' ?>">
                                                <a class="dropdown-item" href="<?= route('pengaturan.admin.home') ?>">
                                                    Admin
                                                </a>
                                            </li>
                                    <?php } ?>

                                    <!-- <li class="<?= ($aktif == 'perusahaan') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('pengaturan/perusahaan') ?>">
                                            <?= $this->lang->line('menu_profil_perusahaan') ?>
                                        </a>
                                    </li> -->
                                    <li class="<?= ($aktif == 'pengaturan_umum') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= route('pengaturan.umum.home') ?>">
                                            <?= $this->lang->line('menu_umum') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'jam_kerja') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= route('pengaturan.jamkerja.home') ?>">
                                            <?= $this->lang->line('menu_jam_kerja') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'kalender') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('pengaturan/hari-libur') ?>">
                                            <?= $this->lang->line('menu_hari_libur') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'kepala_cabang') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('pengaturan/kepala-cabang') ?>">
                                            <?= $this->lang->line('menu_kepala_cabang') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'kepala_departemen') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('pengaturan/kepala-departemen') ?>">
                                            <?= $this->lang->line('menu_kepala_departemen') ?>
                                        </a>
                                    </li>
                                    
                                    <li class="<?= ($aktif == 'p_approval') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= route('pengaturan.approval.home') ?>">
                                            Approval
                                        </a>
                                    </li>

                                    <li class="<?= ($aktif == 'pengaturan_shift') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('pengaturan/shift') ?>">
                                            <?= $this->lang->line('menu_pengaturan_shift') ?>
                                            <?php
                                            if ($this->paket_arr['shift'] === false) {
                                                echo '<i class="fa fa-lock text-danger"></i>';
                                            }
                                            ?>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>

            <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('lembur', 'izin', 'aktivitas', 'data_absensi', 'rekap_absensi')) ? 'show' : '' ?>" data-menu="megamenu">
                <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown">
                    <i class="fa fa-file-text-o"></i><span> <?= $this->lang->line('menu_kelola_absensi') ?></span>
                </a>
                <ul class="mega-dropdown-menu dropdown-menu row">
                    <li class="col-md-12 p-0" data-mega-col="col-md-12">
                        <ul class="drilldown-menu">
                            <li class="menu-list">
                                <ul class="mega-menu-sub">
                                    <li class="<?= ($aktif == 'data_absensi') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= route('laporan.absensi.home') ?>">
                                            <?= $this->lang->line('menu_laporan_absensi') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'rekap_absensi') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('rekap/absensi/data') ?>">
                                            <?= $this->lang->line('menu_rekap_absensi') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'lembur') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('pengajuan/lembur') ?>">
                                            <?= $this->lang->line('menu_pengajuan_lembur') ?>
                                            <?php
                                            if ($this->paket_arr['lembur'] === false) {
                                                echo '<i class="fa fa-lock text-danger"></i>';
                                            }
                                            ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'izin') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= route('pengajuan.izin.home') ?>">
                                            <?= $this->lang->line('menu_pengajuan_izin') ?>
                                            <?php
                                            if ($this->paket_arr['cuti'] === false) {
                                                echo '<i class="fa fa-lock text-danger"></i>';
                                            }
                                            ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'aktivitas') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('laporan/aktivitas') ?>">
                                            <?= $this->lang->line('menu_laporan_aktivitas') ?>
                                            <?php
                                            if ($this->paket_arr['aktivitas'] === false) {
                                                echo '<i class="fa fa-lock text-danger"></i>';
                                            }
                                            ?>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>

            <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('berita', 'pengumuman')) ? 'show' : '' ?>" data-menu="megamenu">
                <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown">
                    <i class="fa fa-bullhorn"></i><span> <?= $this->lang->line('menu_informasi') ?></span>
                </a>
                <ul class="mega-dropdown-menu dropdown-menu row">
                    <li class="col-md-12 p-0" data-mega-col="col-md-12">
                        <ul class="drilldown-menu">
                            <li class="menu-list">
                                <ul class="mega-menu-sub">
                                    <li class="<?= ($aktif == 'berita') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('informasi/berita') ?>">
                                            <?= $this->lang->line('menu_berita') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'pengumuman') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('informasi/pengumuman') ?>">
                                            <?= $this->lang->line('menu_pengumuman') ?>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            
            <?php
                if ($this->paket_arr['reimburse'] === true) {
                    if ($this->adm_reimbursement == true) {
            ?>
                        <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('jenis_plafon', 'akun_plafon', 'reimburse', 'laporan_reimburse')) ? 'show' : '' ?>" data-menu="megamenu">
                            <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown">
                                <i class="fa fa-file-text-o"></i><span> <?= $this->lang->line('menu_reimbursement') ?></span>
                            </a>
                            <ul class="mega-dropdown-menu dropdown-menu row">
                                <li class="col-md-12 p-0" data-mega-col="col-md-12">
                                    <ul class="drilldown-menu">
                                        <li class="menu-list">
                                            <ul class="mega-menu-sub">
                                                <li class="nav-item <?= ($aktif == 'jenis_plafon') ? 'active' : '' ?>">
                                                    <a href="<?= route('master.jenisplafon.home') ?>" class="nav-link">
                                                        <span><?= $this->lang->line('menu_plafon_reimburse') ?></span>
                                                    </a>
                                                </li>

                                                <li class="nav-item <?= ($aktif == 'akun_plafon') ? 'active' : '' ?>">
                                                    <a href="<?= route('master.akun.home') ?>" class="nav-link">
                                                        <span><?= $this->lang->line('menu_akun_reimburse') ?></span>
                                                    </a>
                                                </li>
                                                <?php
                                                if ($this->adm_reimbursement == true) {
                                                ?>
                                                    <li class="nav-item <?= ($aktif == 'reimburse') ? 'active' : '' ?>">
                                                        <a href="<?= route('reimburse.pengajuan.home') ?>" class="nav-link">
                                                            <span><?= $this->lang->line('menu_pengajuan_karyawan') ?></span>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item <?= ($aktif == 'laporan_reimburse') ? 'active' : '' ?>">
                                                        <a href="<?= route('reimburse.laporan.home') ?>" class="nav-link">
                                                            <span><?= $this->lang->line('menu_laporan_reimburse') ?></span>
                                                        </a>
                                                    </li>
                                                <?php
                                                }
                                                ?>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
            <?php
                    }
                } else {
            ?>
                    <li class="nav-item" data-menu="megamenu">
                        <a href="<?= route('contact.us') ?>" class="nav-link">
                            <i class="fa fa-file-text-o"></i>
                            <span> <?= $this->lang->line('menu_reimbursement') ?></span>
                            <i class="fa fa-lock text-danger"></i>
                        </a>
                    </li>
            <?php
                }
            ?>

            <?php
                if ($this->adm_payroll == true) {
                    if ($this->paket_arr['payroll'] === true) {
            ?>
                        <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('tunj_tetap', 'tunj_tdk_tetap', 'pot_tetap', 'pot_tdk_tetap', 'master_gapok', 'master_lembur', 'pengaturan_pot_absensi', 'hitung_gaji', 'bpjs', 'laporan_pph', 'master_komponen', 'data_komponen', 'data_komponen_tdk_tetap', 'data_komponen_kehadiran')) ? 'show' : '' ?>" data-menu="megamenu">
                            <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown">
                                <i class="fa fa-money"></i><span> Payroll</span>
                            </a>
                            <ul class="mega-dropdown-menu dropdown-menu row">
                                <li class="col-md-12 p-0" data-mega-col="col-md-12">
                                    <ul class="drilldown-menu">
                                        <li class="menu-list">
                                            <ul class="mega-menu-sub">
                                                <li class="<?= ($aktif == 'pengaturan_pot_absensi') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.pengaturan.potongan.absensi.home') ?>">
                                                        Pengaturan Umum
                                                    </a>
                                                </li>
                                                <li class="<?= ($aktif == 'master_gapok') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.master.gapok.home') ?>">
                                                        Master Gapok
                                                    </a>
                                                </li>
                                                <li class="<?= ($aktif == 'master_lembur') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.master.lembur.home') ?>">
                                                        Master Lembur
                                                    </a>
                                                </li>
                                                <li class="<?= ($aktif == 'master_komponen') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.master.komponen.pendapatan') ?>">
                                                        Master Komponen
                                                    </a>
                                                </li>
                                                <li class="<?= ($aktif == 'data_komponen') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.data.komponen.home') ?>">
                                                        Data Komponen Tetap
                                                    </a>
                                                </li>
                                                <li class="<?= ($aktif == 'data_komponen_tdk_tetap') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.data.komponen.tdk.tetap.home') ?>">
                                                        Data Komponen Tidak Tetap
                                                    </a>
                                                </li>
                                                <li class="<?= ($aktif == 'data_komponen_kehadiran') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.data.komponen.kehadiran.home') ?>">
                                                        Data Komponen Kehadiran
                                                    </a>
                                                </li>
                                                <li class="<?= ($aktif == 'bpjs') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.bpjs') ?>">
                                                        BPJS
                                                    </a>
                                                </li>
                                                <li class="<?= ($aktif == 'hitung_gaji') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.gaji.home') ?>">
                                                        Hitung Gaji
                                                    </a>
                                                </li>
                                                <li class="<?= ($aktif == 'laporan_pph') ? 'active' : '' ?>">
                                                    <a class="dropdown-item" href="<?= route('payroll.laporan.pph.home') ?>">
                                                        Laporan PPH21
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                <?php
                    } else {
                ?>
                        <li class="nav-item" data-menu="megamenu">
                            <a href="<?= route('contact.us') ?>" class="nav-link">
                                <i class="fa fa-money"></i>
                                <span> Payroll</span>
                                <i class="fa fa-lock text-danger"></i>
                            </a>
                        </li>
            <?php
                    }
                }
            ?>

            <?php if ($this->paket_arr['sales_activity'] === true) : ?>
                <li class="nav-item <?= ($aktif == 'sales_activity') ? 'active' : '' ?>">
                    <a href="<?= route('sales_activity.home') ?>" class="nav-link">
                        <i class="fa fa-pie-chart"></i>
                        <span><?= $this->lang->line('sales_monitoring') ?></span>
                    </a>
                </li>
            <?php else: ?>
                <li class="nav-item">
                    <a href="<?= route('contact.us') ?>" class="nav-link">
                        <i class="fa fa-pie-chart"></i>
                        <span><?= $this->lang->line('sales_monitoring') ?></span>
                        <i class="fa fa-lock text-danger"></i>
                    </a>
                </li>
            <?php endif; ?>

            <!-- KPI -->
            <?php if($this->paket_arr['kpi']) : ?>
            <li class="nav-item <?= ($aktif == 'kpi') ? 'active' : '' ?>">
                <a href="<?= route('kpi') ?>" class="nav-link">
                    <i class="fa fa-bars"></i>
                    <span><?= $this->lang->line('kpi') ?></span>
                </a>
            </li>
            <?php endif; ?>

            <!-- PATROLI -->
            <?php if ($this->paket_arr['patroli'] === true) : ?>
                <li class="nav-item <?= ($aktif == 'patroli') ? 'active' : '' ?>">
                    <a href="<?= route('patroli.home') ?>" class="nav-link">
                        <i class="fa fa-binoculars"></i>
                        <span><?= $this->lang->line('patroli') ?></span>
                    </a>
                </li>
            <?php endif; ?>

            <!-- SOS -->
            <?php if ($this->paket_arr['sos_button'] == true) : ?>
                <li class="nav-item <?= ($aktif == 'laporan_sos') ? 'active' : '' ?>">
                    <a href="<?= route('sos.laporan.home') ?>" class="nav-link">
                        <i class="fa fa-volume-control-phone"></i>
                        <span>SOS</span>
                    </a>
                </li>
            <?php endif; ?>
            <!-- PKWT -->
            <?php if($this->paket_arr['pkwt']) : ?>
            <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('master_ttd_direksi','pkwt_baru','pkwt_perpanjangan', 'pkwt_template')) ? 'show' : '' ?>" data-menu="megamenu">
                <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown">
                    <i class="fa fa-road"></i><span> PKWT</span>
                </a>
                <ul class="mega-dropdown-menu dropdown-menu row">
                    <li class="col-md-12 p-0" data-mega-col="col-md-12">
                        <ul class="drilldown-menu">
                            <li class="menu-list">
                                <ul class="mega-menu-sub">
                                    <li class="<?= ($aktif=='pkwt_template')?'active':''?>">
                                        <a class="dropdown-item" href="<?= route('pkwt.master.template') ?>">
                                            Template PKWT
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif=='master_ttd_direksi')?'active':''?>">
                                        <a class="dropdown-item" href="<?= route('pkwt.master.ttd.direktur.home') ?>">
                                            TTD Direksi
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif=='pkwt_baru')?'active':''?>">
                                        <a class="dropdown-item" href="<?= route('pkwt.baru.home') ?>">
                                            PKWT Baru
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif=='pkwt_perpanjangan')?'active':''?>">
                                        <a class="dropdown-item" href="<?= route('pkwt.home') ?>">
                                            PKWT Perpanjangan
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <?php endif; ?>

            <li class="d-none nav-item" style="position:relative;<?= ($aktif == 'kelola_mudah') ? 'background-color: #1C77D4; border-radius: 25px;' : '' ?>">
                <a id="kelola" onclick="showhide()" href="<?= ('quick-setup.cabang') ?>" class="nav-link tst1" style="<?= ($aktif == 'kelola_mudah') ? 'background-color: #1C77D4;' : '' ?>">
                    <i class="fa fa-sliders" style="color: white;"></i>
                    <span><b><?= $this->lang->line('menu_kelola_mudah') ?></b></span>
                </a>

                <div id="alert_kelola_mudah" class="alert alert_kelola_mudah" role="alert" style="display: none;">
                    <h4 class="alert-heading">
                        <?= $this->lang->line('menu_tooltip_header_kelola_mudah') ?>
                        <button type="button" class="ml-2 mb-1 close" aria-label="Close" onclick="showhide()">
                            <span>×</span>
                        </button>
                    </h4>
                    <p><?= $this->lang->line('menu_tooltip_content_kelola_mudah') ?></p>
                </div>
            </li>
        </ul>
    </div>
    <!-- /horizontal menu content-->
</div>
<!-- Horizontal navigation-->

<!-- script untuk menanggulangi submenu 2 baris -->
<!-- mohon apabila ada submenu yg 2 baris tambahkan class submenu2 agar fungsi ini terpanggil Thx -->
<script type="text/javascript">
    $(document).ready(function() {
        if ($('li').hasClass("submenu2")) {
            $(".app-content").addClass("margin-submenu");
        }
    });

    $(document).on('mouseenter mouseleave', '#kelola', function(e) {
        if (e.type == "mouseenter") {
            // check if it is mouseenter, do something
            $('#alert_kelola_mudah').css('display', 'inline-block');
        } else {
            // if not, mouseleave, do something
            $('#alert_kelola_mudah').css('display', 'none');
        }
    });
</script>
<!-- script untuk menanggulangi submenu 2 baris -->

<script>
    function showhide() {
        var div = document.getElementById("alert_kelola_mudah");
        if (div.style.display !== "none") {
            div.style.display = "none";
        } else {
            div.style.display = "inline-block";
        }
    }
</script>
