<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Vector Khazana Admin</title>
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
    <link rel="icon" href="<?php echo base_url();?>newadminassets/img/favicon.ico">
    <link rel="stylesheet" href="<?php echo base_url();?>newadminassets/plugins/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>newadminassets/plugins/css/font-awesome.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>newadminassets/plugins/css/animate.css">
    <link rel="stylesheet" href="<?php echo base_url();?>newadminassets/plugins/css/ripples.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>newadminassets/plugins/css/jquery-jvectormap-2.0.2.css">
    <link rel="stylesheet" href="<?php echo base_url();?>newadminassets/css/outlay.css">
    
    <link rel="stylesheet" href="<?php echo base_url();?>newadminassets/css/colors/blue.css">
   <script src="<?php echo base_url();?>newadminassets/plugins/js/jquery-3.1.1.min.js"></script>
    <script src="<?php echo base_url();?>newadminassets/plugins/js/bootstrap.js"></script>
    <style type="text/css">
	.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  background-color: #ededed;
}

.loader {
  max-width: 15rem;
  width: 100%;
  height: auto;
  stroke-linecap: round;
}

circle {
  fill: none;
  stroke-width: 3.5;
  -webkit-animation-name: preloader;
          animation-name: preloader;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-transform-origin: 170px 170px;
          transform-origin: 170px 170px;
  will-change: transform;
}
circle:nth-of-type(1) {
  stroke-dasharray: 550;
}
circle:nth-of-type(2) {
  stroke-dasharray: 500;
}
circle:nth-of-type(3) {
  stroke-dasharray: 450;
}
circle:nth-of-type(4) {
  stroke-dasharray: 300;
}
circle:nth-of-type(1) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}
circle:nth-of-type(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
circle:nth-of-type(3) {
  -webkit-animation-delay: -0.45s;
  -moz-animation-delay:  -0.45s;
          animation-delay: -0.45s;
}
circle:nth-of-type(4) {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

@-webkit-keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

    .skins {
        position: fixed;
        top: 190px;
        left: -120px;
        transition: .3s ease-in-out;
        z-index: 1000;
    }
    
    .skins:hover {
        left: 0;
    }
    
    .skin-colors {
        list-style: none;
        padding: 20px;
        margin: 0;
        background-color: #fff;
        width: 120px;
        border: 1px solid #e7e7e7;
    }
    
    .skin-colors li {
        position: relative;
        display: inline-block;
        width: 32px;
        height: 32px;
        cursor: pointer;
        margin: -3px;
        line-height: 0;
        transition: .3s ease-in-out;
    }
    
    .skin-colors li:hover {
        opacity: .7;
    }
    
    .skin-colors li.active::before {
        content: "\f00c";
        font-family: FontAwesome;
        font-size: 20px;
        width: 32px;
        line-height: 32px;
        text-align: center;
        position: absolute;
        color: #fff;
    }
    
    .skin-toggler {
        position: absolute;
        display: inline-block;
        width: 50px;
        height: 50px;
        right: -49px;
        top: 0;
        background-color: #fff;
        font-size: 30px;
        text-align: center;
        line-height: 50px;
        color: #888;
        border: 1px solid #e7e7e7;
        border-left: 0;
    }
    

    </style>
</head>
<script>
$(document).ready(function(){
	$(".wrapper").show();
	$(".loaderdiv").hide();
});
</script>
<body class="hold-transition sidebar-mini">
    <!-- Preloader -->
    <div class="container loaderdiv">
	
	<svg class="loader" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 340">
		 <circle cx="170" cy="170" r="160" stroke="#E2007C"/>
		 <circle cx="170" cy="170" r="135" stroke="#404041"/>
		 <circle cx="170" cy="170" r="110" stroke="#E2007C"/>
		 <circle cx="170" cy="170" r="85" stroke="#404041"/>
	</svg>
	
</div>
    <div class="wrapper" style="display:none;">
        <!-- Main Header -->
        <header class="main-header">
            <!-- Logo -->
            <a href="<?php echo base_url();?>admin" class="logo">
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <span class="logo-mini"><b>Vector Khazana Admin</b></span>
                <!-- logo for regular state and mobile devices -->
                <span class="logo-lg"><b>Vector Khazana Admin</b></span>
            </a>
            <!-- Header Navbar -->
            <nav class="navbar navbar-fixed-top">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle waves-effect" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                </a>
                <!-- Navbar Right Menu -->
                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav" data-dropdown-in="flipInY" data-dropdown-out="fadeOut">
                        <!-- Control Sidebar Toggle Button -->
                       
                        <li>
                            <a class="nav-link" href="<?php echo base_url();?>admin/logout">
                                <i class="fa fa-sign-out"></i>
                            </a>
                        </li>
                        <!-- Notifications Menu -->
                        
                        <!-- User Account Menu -->
                        <li class="dropdown user user-menu">
                            <!-- Menu Toggle Button -->
                            <a href="#" class="dropdown-toggle waves-effect" data-toggle="dropdown">
                                <!-- hidden-xs hides the username on small devices so only the image appears. -->
                                <span class="hidden-xs">
								<?php echo "Admin";?></span>
                                <!-- The user image in the navbar-->
                                <img src="<?php echo base_url();?>newadminassets/img/avatars/avatar7.png" class="user-image" alt="User Image">
                            </a>
                            <ul class="dropdown-menu">
                              
                                <li>
                                    <a href="<?php echo base_url();?>admin/logout"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="collapse navbar-search-overlap" id="site_navbar_search">
                    <form role="search">
                        <div class="form-group">
                            <div class="input-search">
                                <div class="input-group">
                                    <input type="text" id="overlay_search" name="overlay-search" class="form-control" placeholder="Search">
                                    <span class="input-group-addon">
                                    <a  href="javascript:void(0)" class="close-input-overlay waves-effect" data-target="#site_navbar_search" data-toggle="collapse" aria-label="Close" aria-expanded="true"><i class="fa fa-times"></i></a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </nav>
        </header>
        <!-- Left side column. contains the logo and sidebar -->
        <aside class="main-sidebar sidebar-light">
            <!-- sidebar -->
            <div class="sidebar">
                <!-- Sidebar user panel (optional) -->
                <div class="user-panel">
                    <div class="image waves-effect">
           <img src="<?php echo base_url();?>newadminassets/img/avatars/avatar7.png" class="img-circle img-responsive " alt="User Image">
                    </div>
                    <div class="text-center info">
                        <strong>Admin</strong>
                       
                    </div>
                </div>
                <!-- Sidebar Menu -->
                <ul class="sidebar-menu">
                    <li class="header">Navigation</li>
                     <?php   if($this->session->userdata("type")=="admin"){?>
            <li class="active">
                <a href="<?php echo base_url();?>admin" class="waves-effect"><i class="fa fa-bar-chart"></i> <span>Dashboard</span></a>
            </li><?php }?>
          <!--  <li class="">
                <a href="<?php echo base_url();?>admin/expenses" class="waves-effect"><i class="fa fa-suitcase"></i> <span>Product</span></a>
            </li>-->
            <li class="treeview">
                        <a href="#"><i class="fa fa-stack-exchange"></i> <span>Manage Categories</span> <i class="fa fa-angle-right pull-right"></i></a>
                        <ul class="treeview-menu menu-open" style="display:block;">
                     
                            <li><a href='<?php echo base_url();?>admin/category'>Categories</a></li>
                          
                            <li><a href='<?php echo base_url();?>admin/subcategory'>SubCategories</a></li>
                          <!--  <li><a href='<?php echo base_url();?>admin/manage_vehicles'>Vehicles</a></li>-->
                        </ul>
                    </li>
                     <li class="treeview">
                        <a href="#"><i class="fa fa-picture-o"></i> <span>Stock Images</span> <i class="fa fa-angle-right pull-right"></i></a>
                        <ul class="treeview-menu menu-open" style="display:block;">
                     
                            <li><a href='<?php echo base_url();?>admin/products'>All Products</a></li>
                          
                            <li><a href='<?php echo base_url();?>admin/add_product'>Add New Product</a></li>
                          <!--  <li><a href='<?php echo base_url();?>admin/manage_vehicles'>Vehicles</a></li>-->
                        </ul>
                    </li>
                    <?php   if($this->session->userdata("type")=="admin"){?>
                    <li class="treeview">
                        <a href="#"><i class="fa fa-shopping-cart"></i> <span>Orders & Users</span> <i class="fa fa-angle-right pull-right"></i></a>
                        <ul class="treeview-menu menu-open" style="display:block;">
                     
                            <li><a href='<?php echo base_url();?>admin/users'>Users</a></li>
                          
                            <li><a href='<?php echo base_url();?>admin/orders'>Orders</a></li>
                          <!--  <li><a href='<?php echo base_url();?>admin/manage_vehicles'>Vehicles</a></li>-->
                        </ul>
                    </li>
                    
                   <li>
     <a href="<?php echo base_url();?>admin/ContactEnquiries" class="waves-effect"><i class="fa fa-question"></i> <span>Contact Enq</span></a>
            </li>
            <li>
     <a href="<?php echo base_url();?>admin/NewsLetter" class="waves-effect"><i class="fa fa-envelope"></i> <span>NewsLetter</span></a>
            </li>
            <li>
     <a href="<?php echo base_url();?>admin/PageSeo" class="waves-effect"><i class="fa fa-edit"></i> <span>Pages Seo</span></a>
            </li>
              <li>
     <a href="<?php echo base_url();?>admin/Agents" class="waves-effect"><i class="fa fa-user"></i> <span>Agents</span></a>
            </li>
  <li>
     <a href="<?php echo base_url();?>admin/Chat" class="waves-effect"><i class="fa fa-comments"></i> <span>Chat</span></a>
            </li>
                   <?php }?>
                </ul>
                <!-- /.sidebar-menu -->
            </div>
            <!-- /.sidebar -->
        </aside>