<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA | Empty Page</title>

    <link href="<?php echo css_url('bootstrap.min');?>" rel="stylesheet">
    <link href="<?php echo css_url('font-awesome/css/font-awesome');?>" rel="stylesheet">
    <link href="<?php echo css_url('plugins/iCheck/custom');?>" rel="stylesheet">

    <link href="<?php echo css_url('animate');?>" rel="stylesheet">
    <link href="<?php echo css_url('style');?>" rel="stylesheet">
    <link href="//cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet">
    <link href="<?php echo css_url('plugins/datapicker/datepicker3');?>" rel="stylesheet">

    <script src="<?php echo js_url('jquery-2.1.1');?>"></script>
    <script src="<?php echo js_url('bootstrap.min');?>"></script>

</head>

<body class="">
    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">
                    <li class="nav-header">
                        <div class="dropdown profile-element"> <span>
                                <img alt="image" class="img-circle" src="img/profile_small.jpg" />
                                 </span>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
                                 </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li><a href="profile.html">Profile</a></li>
                                <li><a href="contacts.html">Contacts</a></li>
                                <li><a href="mailbox.html">Mailbox</a></li>
                                <li class="divider"></li>
                                <li><a href="<?php echo site_url('logout');?>">Logout</a></li>
                            </ul>
                        </div>
                        <div class="logo-element">
                            IN+
                        </div>
                    </li>
                    
                    <li>
                        <a href="<?php echo site_url('user');?>"><i class="fa fa-diamond"></i> <span class="nav-label">Contact</span></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Sales</span></a>
                        <ul class="nav nav-second-level collapse">
                            <li><a href="<?php echo site_url('invoice');?>"><i class="fa fa-diamond"></i> <span class="nav-label">Invoices</span></a></li>
                            <li><a href="<?php echo site_url('receive_payment');?>"><i class="fa fa-diamond"></i> <span class="nav-label">Payments Received</span></a></li>
                            <li><a href="#"><i class="fa fa-diamond"></i> <span class="nav-label">Credit Notes</span></a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Purchases</span></a>
                        <ul class="nav nav-second-level collapse">
                            <li><a href="<?php echo site_url('purchase');?>"><i class="fa fa-diamond"></i> <span class="nav-label">Bills</span></a></li>
                            <li><a href="<?php echo site_url('bill_payment');?>"><i class="fa fa-diamond"></i> <span class="nav-label">Payments Made</span></a></li>
                            <li><a href="#"><i class="fa fa-diamond"></i> <span class="nav-label">Vendor Credits</span></a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="<?php echo site_url('setings');?>"><i class="fa fa-diamond"></i> <span class="nav-label">Settings</span></a>
                    </li>
                    <!-- <li>
                        <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">User Contact</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <li><a href="graph_flot.html"></a></li>
                            <li><a href="graph_morris.html"></a></li>
                        </ul>
                    </li> -->
                </ul>

            </div>
        </nav>