<!-- Page Content -->
            <div class="page-content">
        
                <!-- Page Header -->
                <div class="page-header position-relative">
                     <div class="header-title">
                        <h1>
                           Product Sales 
                        </h1>
                    </div>
                    <!--Header Buttons-->
                    <div class="header-buttons">
                        <a class="sidebar-toggler" href="#">
                            <i class="fa fa-arrows-h"></i>
                        </a>
                        <a class="refresh" id="refresh-toggler" href="">
                            <i class="glyphicon glyphicon-refresh"></i>
                        </a>
                        <a class="fullscreen" id="fullscreen-toggler" href="#">
                            <i class="glyphicon glyphicon-fullscreen"></i>
                        </a>
                    </div>
                    <!--Header Buttons End-->
                </div>
                <!-- /Page Header -->
                <!-- Page Body -->
                <div class="page-body">
                    <div class="row">
                        <div class="col-xs-12 col-md-12">
                            <div class="widget">
   
                              
                                <div class="widget-body">
                                    <div class="table-toolbar">
                                        <div class="row form-group">
                                            <form method="post" id="salereport">
                                            <div class="col-md-3">Date:<br>
                                                  <input name="datefrom" id="datefrom" type="text" value="<?php echo  date('Y-m-d') ; ?>" data-date-format="yyyy-mm-dd" class="form-control date-picker"/>
                                            </div>
                                            <div class="col-md-3">Date To:<br>
                                                <input name="dateto"  id="dateto" type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd"/>
                                            </div>
                                              <div class="col-md-3">
                                               <br>
                                              <select name="category" id="category" class="form-control">
                                                 <option value="1">By Category</option>
                                                 <option value="2">By User</option>
                                                 <option value="3">By Tariff</option>
                                                 <option value="6">By Group</option>
                                              </select>
                </div>
                  <div class="col-md-3">     
                  <br>      
                     <button  type="submit" class="btn btn-warning" name="submit" class="submit">Show</button>
                  </div>
            </form>
        </div>
                                   
                 <div class="table-responsive">  <div id="salereporthtml"></div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                   
                </div>

                
                <!-- /Page Body -->
            </div>
            <!-- /Page Content -->
        </div>
        <!-- /Page Container -->
        <!-- Main Container -->

    </div>

