at server


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Naughty</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="http://store.rpgroup.co.id/assets/template/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <link rel="stylesheet" href="http://store.rpgroup.co.id/assets/template/dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="http://store.rpgroup.co.id/assets/template/dist/css/skins/skin-blue.min.css">
  <link rel="stylesheet" href="http://store.rpgroup.co.id/assets/template/plugins/datepicker/datepicker3.css">
  <link rel="stylesheet" href="http://store.rpgroup.co.id/assets/template/plugins/datatables/dataTables.bootstrap.css">
  <link rel="stylesheet" href="http://store.rpgroup.co.id/assets/template/plugins/daterangepicker/daterangepicker-bs3.css">
  <script src="http://store.rpgroup.co.id/assets/template/plugins/jQuery/jquery-2.2.0.min.js"></script>
  <script src="http://store.rpgroup.co.id/assets/template/bootstrap/js/bootstrap.min.js"></script>
  <script src="http://store.rpgroup.co.id/assets/template/plugins/daterangepicker/daterangepicker.js"></script>


</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <header class="main-header">
    <a href="http://store.rpgroup.co.id/" class="logo">
      Home
    </a>
    <nav class="navbar navbar-static-top" role="navigation">
    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <li class="dropdown messages-menu">
           <a href="http://store.rpgroup.co.id/logout"><i class="fa fa-gears"></i> Log Out</a>
            </a>
        </ul>
      </div>    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->

  <aside class="main-sidebar">

    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

      <!-- Sidebar user panel (optional) -->
      <div class="user-panel">
         <center><h2 style="color: #FFFFFF"></h2></center>
      </div>

      <!-- search form (Optional) -->
      <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="Search...">
              <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
        </div>
      </form>
      <!-- /.search form -->

      <!-- Sidebar Menu -->
      <ul class="sidebar-menu">
        <ul class=' sidebar-menu'><li class='  treeview'><a href='http://store.rpgroup.co.id/#'><span>Omset Outlet</span><i class='fa fa-angle-left pull-right'></i></a><ul class='treeview-menu'><li class = '' ><a href='http://store.rpgroup.co.id/report/index'>Report Omset</a></li></ul></li><li class='  treeview'><a href='http://store.rpgroup.co.id/#'><span>Web Configuration</span><i class='fa fa-angle-left pull-right'></i></a><ul class='treeview-menu'><li class = '' ><a href='http://store.rpgroup.co.id/menu'>Konfigurasi Menu<i class='fa fa-angle-left pull-right'></i></a><ul class='treeview-menu'><li class = '' ><a href='http://store.rpgroup.co.id/menu/lists'>List Menu</a></li><li class = '' ><a href='http://store.rpgroup.co.id/menu/add'>Tambah Menu</a></li></ul></li><li class = '' ><a href='http://store.rpgroup.co.id/user'>Konfigurasi User<i class='fa fa-angle-left pull-right'></i></a><ul class='treeview-menu'><li class = '' ><a href='http://store.rpgroup.co.id/user/lists'>List User</a></li><li class = '' ><a href='http://store.rpgroup.co.id/user/add'>Tambah User</a></li></ul></li><li class = '' ><a href='http://store.rpgroup.co.id/user_controll'>User Akses<i class='fa fa-angle-left pull-right'></i></a><ul class='treeview-menu'><li class = '' ><a href='http://store.rpgroup.co.id/user_controll/add'>tambah user akses</a></li></ul></li></ul></li><li class='  treeview'><a href='http://store.rpgroup.co.id/#'><span>Grafik</span><i class='fa fa-angle-left pull-right'></i></a><ul class='treeview-menu'><li class = '' ><a href='http://store.rpgroup.co.id/graph/index'>Grafik per Outlet</a></li></ul></li><li class='  treeview'><a href='http://store.rpgroup.co.id/#'><span>Sales</span><i class='fa fa-angle-left pull-right'></i></a><ul class='treeview-menu'><li class = '' ><a href='http://store.rpgroup.co.id/salespos/index'>Import Sales</a></li><li class = '' ><a href='http://store.rpgroup.co.id/salespos/lists'>Report Sales</a></li></ul></li></ul>      </ul>


      <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
  </aside>   <style>
    .cstm{
        padding-top:25px;
        background-color:white;
    }
 </style>

<script src="http://store.rpgroup.co.id/assets/template/plugins/chartjs/Chart.min.js"></script>
<script src="http://store.rpgroup.co.id/assets/other/jquery.redirect.js"></script>

<script>
$(document).ready(function() {
    $("#reservation").change(function() {
        var date = $("#reservation").val();
        $.redirect('http://store.rpgroup.co.id/home', {date_search : date});
        });
});
</script>
 <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>

        <small>Grafik Pendapatan Outlet Anda</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="box-body">
        <div class="cstm">

        <div class="box-header">
        <form method="post" action="http://store.rpgroup.co.id/home/">
        <button type="submit" class="btn" name="daily">Daily</button>
        <button type="submit" class="btn" name="monthly"> Monthly</button>
        <div class="form-group">

                             <div class='pull-right input-group col-sm-7' >
                                    <input name="date" type='text' id='reservation' class="form-control" />
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                    </div>
         </form>
        </div>
            <div class="box-body table-responsive">
            <script type="text/javascript">$(function () {
    $('#container').highcharts({
        title: {
            text: 'Daily',
            x: -20 //center
        },
        subtitle: {
            text: 'Omset boby',
            x: -20
        },
        xAxis: {
            categories: []
        },
        yAxis: {
            title: {
                text: 'Rupiah (Rp.)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: ' Rupiah'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Outlet boby',
            data: []

        }]
    });
});</script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto;"></div>
        </div>
    </section>
  </div>
  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      Anything you want
    </div>
    <strong>Copyright &copy; 2016 <a href="#">RPG</a>.</strong> All rights reserved.
  </footer>
    <div class="control-sidebar-bg"></div>
</div>


</body>

<script src="http://store.rpgroup.co.id/assets/template/dist/js/app.min.js"></script>
 <script src="http://store.rpgroup.co.id/assets/template/plugins/datepicker/bootstrap-datepicker.js"></script>
<script type="text/javascript">
  $(function () {
    $('#datetimepicker9').datepicker({
      viewMode: 'years'
    });
  });
 </script>

<script src="http://store.rpgroup.co.id/assets/template/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="http://store.rpgroup.co.id/assets/template/plugins/datatables/dataTables.bootstrap.min.js"></script>
<!---- Daterangge -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="http://store.rpgroup.co.id/assets/template/plugins/daterangepicker/daterangepicker.js"></script>
 <script type="text/javascript">
            $(document).ready(function(){
                $('#tbl').DataTable();

            });
            $('#reservation').daterangepicker();
function addCommas(nStr)
{
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + '.' + '$2');
    }
    return x1 + x2;
}
        </script>
</html>