<style>
    .wrapper .page-wrap .app-sidebar {
        width: 260px;
    }
</style>
<div class="page-wrap">
    <div class="app-sidebar colored">
        <div class="sidebar-header">
            <a class="header-brand" href="<?php base_url() ?>">
                <div class="logo-img">
                    <img src="<?= base_url('public/theme/src/img/brand-white.svg') ?>" class="header-brand-img"
                        alt="lavalite">
                </div>
                <span class="text">Engine</span>
            </a>
            <button type="button" class="nav-toggle"><i data-toggle="expanded"
                    class="ik ik-toggle-right toggle-icon"></i></button>
            <button id="sidebarClose" class="nav-close"><i class="ik ik-x"></i></button>
        </div>

        <div class="sidebar-content">
            <div class="nav-container">
                <nav id="main-menu-navigation" class="navigation-main">
                    <div class="nav-lavel">Pengawasan</div>
                    <div class="nav-item has-sub">
                        <a href="javascript:void(0)"><i class="ik ik-bar-chart-2"></i><span>Dashboard</span></a>
                        <div class="submenu-content">
                            <?php if (session('tpkantor') == 'KPDJP') { ?>
                                <a href="<?php echo base_url('Home') ?>" class="menu-item">Nasional</a>
                            <?php } ?>
                            <a href="<?php echo base_url('Kanwil') ?>" class="menu-item">Kanwil/KPP</a>
                            <a href="<?php echo base_url('Seksiar') ?>" class="menu-item">Seksi/AR</a>
                        </div>
                    </div>

                    <div class="nav-item has-sub">
                        <a href="javascript:void(0)"><i class="ik ik-layers"></i><span>Pengawasan Pembayaran</span> </a>
                        <div class="submenu-content">
                            <a href="<?= base_url() ?>home/gmapkjs" class="menu-item">MAP KJS</a>
                            <a href="<?= base_url() ?>home/ppm" class="menu-item">Pembayaran Masa</a>
                        </div>
                    </div>
                    <!--   <div class="nav-lavel">UI Element</div>
                    <div class="nav-item has-sub">
                        <a href="#"><i class="ik ik-box"></i><span>Basic</span></a>
                        <div class="submenu-content">
                            <a href="pages/ui/alerts.html" class="menu-item">Alerts</a>
                            <a href="pages/ui/badges.html" class="menu-item">Badges</a>
                            <a href="pages/ui/buttons.html" class="menu-item">Buttons</a>
                            <a href="pages/ui/navigation.html" class="menu-item">Navigation</a>
                        </div>
                    </div> -->
                    <div class="nav-item has-sub">
                        <a href="#"><i class="ik ik-crosshair"></i><span>Raport</span> <span
                                class="badge badge-danger">New</span></a>
                        <div class="submenu-content">
                            <a href="<?= base_url() ?>rapor/wpbayar" class="menu-item">WP Bayar</a>

                        </div>
                        <div class="submenu-content">
                            <a href="<?= base_url() ?>rapor/wplapor" class="menu-item">WP Lapor</a>

                        </div>
                        <div class="submenu-content">
                            <a href="<?= base_url() ?>rapor/wpdaftar" class="menu-item">WP Daftar</a>

                        </div>
                    </div>

                    <div class="nav-item has-sub">
                        <a href="#"><i class="ik ik-layers"></i><span>Mapping</span></a>
                        <div class="submenu-content">
                            <a href="<?= base_url() ?>auth/underconst" class="menu-item">Data</a>
                        </div>
                    </div>
                     <div class="nav-item has-sub">
                        <a href="#"><i class="ik ik-layers"></i><span>Kewilayahan</span></a>
                        <div class="submenu-content">
                            <a href="<?= base_url() ?>kewilayahan/kytp" class="menu-item">Dashboard Matoa</a>
                        </div>
                    </div>
                    <!--
                    <div class="nav-item">
                        <a href="pages/ui/icons.html"><i class="ik ik-command"></i><span>Icons</span></a>
                    </div>
                    <div class="nav-lavel">Forms</div>
                    <div class="nav-item has-sub">
                        <a href="#"><i class="ik ik-edit"></i><span>Forms</span></a>
                        <div class="submenu-content">
                            <a href="pages/form-components.html" class="menu-item">Components</a>
                            <a href="pages/form-addon.html" class="menu-item">Add-On</a>
                            <a href="pages/form-advance.html" class="menu-item">Advance</a>
                        </div>
                    </div>
                    <div class="nav-item">
                        <a href="pages/form-picker.html"><i class="ik ik-terminal"></i><span>Form Picker</span> <span class="badge badge-success">New</span></a>
                    </div>

                    <div class="nav-lavel">Tables</div>
                    <div class="nav-item">
                        <a href="pages/table-bootstrap.html"><i class="ik ik-credit-card"></i><span>Bootstrap Table</span></a>
                    </div>
                    <div class="nav-item">
                        <a href="pages/table-datatable.html"><i class="ik ik-inbox"></i><span>Data Table</span></a>
                    </div>

                    <div class="nav-lavel">Charts</div>
                    <div class="nav-item has-sub">
                        <a href="#"><i class="ik ik-pie-chart"></i><span>Charts</span> <span class="badge badge-success">New</span></a>
                        <div class="submenu-content">
                            <a href="pages/charts-chartist.html" class="menu-item active">Chartist</a>
                            <a href="pages/charts-flot.html" class="menu-item">Flot</a>
                            <a href="pages/charts-knob.html" class="menu-item">Knob</a>
                            <a href="pages/charts-amcharts.html" class="menu-item">Amcharts</a>
                        </div>
                    </div>

                    <div class="nav-lavel">Apps</div>
                    <div class="nav-item">
                        <a href="pages/calendar.html"><i class="ik ik-calendar"></i><span>Calendar</span></a>
                    </div>
                    <div class="nav-item">
                        <a href="pages/taskboard.html"><i class="ik ik-server"></i><span>Taskboard</span></a>
                    </div>

                    <div class="nav-lavel">Pages</div>

                    <div class="nav-item has-sub">
                        <a href="#"><i class="ik ik-lock"></i><span>Authentication</span></a>
                        <div class="submenu-content">
                            <a href="pages/login.html" class="menu-item">Login</a>
                            <a href="pages/register.html" class="menu-item">Register</a>
                            <a href="pages/forgot-password.html" class="menu-item">Forgot Password</a>
                        </div>
                    </div>
                    <div class="nav-item has-sub">
                        <a href="#"><i class="ik ik-file-text"></i><span>Other</span></a>
                        <div class="submenu-content">
                            <a href="pages/profile.html" class="menu-item">Profile</a>
                            <a href="pages/invoice.html" class="menu-item">Invoice</a>
                        </div>
                    </div>
                    <div class="nav-item">
                        <a href="pages/layouts.html"><i class="ik ik-layout"></i><span>Layouts</span><span class="badge badge-success">New</span></a>
                    </div>
                    <div class="nav-lavel">Other</div>
                    <div class="nav-item has-sub">
                        <a href="javascript:void(0)"><i class="ik ik-list"></i><span>Menu Levels</span></a>
                        <div class="submenu-content">
                            <a href="javascript:void(0)" class="menu-item">Menu Level 2.1</a>
                            <div class="nav-item has-sub">
                                <a href="javascript:void(0)" class="menu-item">Menu Level 2.2</a>
                                <div class="submenu-content">
                                    <a href="javascript:void(0)" class="menu-item">Menu Level 3.1</a>
                                </div>
                            </div>
                            <a href="javascript:void(0)" class="menu-item">Menu Level 2.3</a>
                        </div>
                    </div>
                    <div class="nav-item">
                        <a href="javascript:void(0)" class="disabled"><i class="ik ik-slash"></i><span>Disabled Menu</span></a>
                    </div>
                    <div class="nav-item">
                        <a href="javascript:void(0)"><i class="ik ik-award"></i><span>Sample Page</span></a>
                    </div>
                    <div class="nav-lavel">Support</div>
                    <div class="nav-item">
                        <a href="javascript:void(0)"><i class="ik ik-monitor"></i><span>Documentation</span></a>
                    </div>
                    <div class="nav-item">
                        <a href="javascript:void(0)"><i class="ik ik-help-circle"></i><span>Submit Issue</span></a>
                    </div> -->
                </nav>
            </div>
        </div>
    </div>