<!-- 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', 'jenis_plafon')) ? '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 == '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 == 'jenis_izin') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('master/jenis-izin') ?>">
                                            <?= $this->lang->line('menu_jenis_izin') ?>
                                        </a>
                                    </li>
                                    <li class="<?= ($aktif == 'karyawan') ? 'active' : '' ?>">
                                        <a class="dropdown-item" href="<?= site_url('master/karyawan') ?>">
                                            <?= $this->lang->line('menu_karyawan') ?>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>

            <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('perusahaan', 'jam_kerja', 'pengaturan_shift', 'kepala_cabang', 'kepala_departemen', 'atasan_khusus', '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">
                                    <!-- <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 == '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') ?>
                                        </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['info_gaji'] === true) {
            ?>
                <li class="nav-item <?= ($aktif == 'gaji') ? 'active' : '' ?>">
                    <a href="<?= site_url('informasi/gaji') ?>" class="nav-link">
                        <i class="fa fa-list-alt"></i>
                        <span><?= $this->lang->line('menu_informasi_gaji') ?></span>
                    </a>
                </li>
            <?php
            }
            ?>

            <?php
                if ($this->paket_arr['reimburse'] === true) {
            ?>
                    <li class="dropdown mega-dropdown nav-item <?= in_array($aktif, array('reimburse', 'laporan_reimburse', 'reimburse_saya')) ? '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 == 'reimburse_saya') ? 'active' : '' ?>" onclick="sessionStorage.setItem('sel_tab',1)">
                                                <a href="<?= route('reimburse.pengajuan.saya', ['pengajuan' => 'saya']) ?>" class="nav-link">
                                                    <span><?= $this->lang->line('menu_pengajuan_saya') ?></span>
                                                </a>
                                            </li>
                                            <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>
                                        </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->paket_arr['sales_activity'] === true) : ?>
                <?php if ($this->is_sales === true || $this->is_sales_atasan === true || $this->is_sales_admin === 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 endif; ?>
            <?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; ?>

            <!-- 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; ?>

            <?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
                    }
                }
            ?>
        </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");
    });
</script>
<!-- script untuk menanggulangi submenu 2 baris -->
