<div id="idletimeout">
	You will be logged off in <span><!-- countdown place holder --></span>&nbsp;seconds due to inactivity.
    <a id="idletimeout-resume" href="#">Click menu to continue using this web page</a>.
</div>

<section id="container" >
    <!-- **********************************************************************************************************************************************************
    TOP BAR CONTENT & NOTIFICATIONS
    *********************************************************************************************************************************************************** -->
    <!--header start-->
    <header class="header black-bg">
        <div class="sidebar-toggle-box">
            <div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
        </div>
        <!--logo start-->
        <a href="index.html" class="logo"><b>MY CMS SYSTEM PANEL</b></a>
        <!--logo end-->
       
        <div class="top-menu">
            <ul class="nav pull-right top-menu">
                <li><a class="logout" href="<?= base_url()?>admin/myaccount">My Account</a></li>
                <li><a class="logout" href="<?= base_url()?>admin/loginpage/keluar">Logout</a></li>
            </ul>
        </div>
    </header>
    <!--header end-->

    <!-- **********************************************************************************************************************************************************
    MAIN SIDEBAR MENU
    *********************************************************************************************************************************************************** -->
    <!--sidebar start-->
    <aside>
        <div id="sidebar"  class="nav-collapse ">
            <!-- sidebar menu start-->
            <ul class="sidebar-menu" id="nav-accordion">


                <li class="mt">
                    <a href="<?= base_url()?>admin/dashboard">
                        <i class="fa fa-dashboard"></i>
                        <span>Dashboard</span>
                    </a>
                </li>
                <li class="mt">
                    <a href="<?= base_url()?>admin/websetting">
                        <i class="fa fa-cogs"></i>
                        <span>Web Setting</span>
                    </a>
                </li>
                

                <li class="sub-menu">
                    <a href="javascript:;" >
                        <i class="fa fa-desktop"></i>
                        <span>Management Menu</span>
                    </a>
                    <ul class="sub">
                        <li><a  href="<?= base_url()?>admin/menu">Menu Utama</a></li>
                        <li><a  href="<?= base_url()?>admin/sub_menu">Sub Menu</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;" >
                        <i class="fa fa-book"></i>
                        <span>Management Content</span>
                    </a>
                    <ul class="sub">
                        <li><a  href="<?= base_url()?>admin/home_content">Home Content</a></li>
                        <li><a  href="<?= base_url()?>admin/halaman">Page</a></li>
                        <li><a  href="<?= base_url()?>admin/slider">Slider</a></li>
                        <li><a  href="<?= base_url()?>admin/slider_toko">Slider Shop</a></li>
                        <li><a  href="<?= base_url()?>admin/article">Articles</a></li>
                        <li><a  href="<?= base_url()?>admin/video">Video</a></li>
                    </ul>
                </li>
                <li class="" style="display: none">
                    <a href="<?= base_url()?>admin/gallery">
                        <i class="fa fa-camera-retro"></i>
                        <span>Gallery</span>
                    </a>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;" >
                        <i class="fa fa-behance"></i>
                        <span>Management Product</span>
                    </a>
                    <ul class="sub">
                        <li><a  href="<?= base_url()?>admin/product_category">Product Category</a></li>
                        <li><a  href="<?= base_url()?>admin/product">Product</a></li>
                        <li><a  href="<?= base_url()?>admin/product_image">Product Image</a></li>
                        <li><a  href="<?= base_url()?>admin/product/new_product">New Product</a></li>
                        <li><a  href="<?= base_url()?>admin/product/bestseller">Best Seller</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;" >
                        <i class="fa fa-shopping-cart"></i>
                        <span>Shop Management</span>
                    </a>
                    <ul class="sub">
                        <li><a  href="<?= base_url()?>admin/products/data_customer">Customer</a></li>
                        <li><a  href="<?= base_url()?>admin/products/add_stock">Order Page</a></li>
                        <li><a  href="<?= base_url()?>admin/product_category">Order History</a></li>
                        
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;" >
                        <i class="fa fa-tasks"></i>
                        <span>Testimony</span>
                    </a>
                    <ul class="sub">
                        <li><a  href="<?= base_url()?>admin/reseller_guest">Reseller Form</a></li>
                        <li><a  href="<?= base_url()?>admin/testimony">Testimony Data</a></li>
                    </ul>
                </li>
                <li class="sub-menu" style="display: none">
                    <a href="javascript:;" >
                        <i class="fa fa-th"></i>
                        <span>Order Report</span>
                    </a>
                    <ul class="sub">
                        <li><a href="<?= base_url()?>admin/data_order">Data Order</a></li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;" >
                        <i class=" fa fa-users"></i>
                        <span>Management User</span>
                    </a>
                    <ul class="sub">
                        <li><a  href="<?= base_url()?>admin/users">User</a></li>
                    </ul>
                </li>

            </ul>
            <!-- sidebar menu end-->
        </div>
    </aside>
    <!--sidebar end-->

    