\!/ KyuuKazami \!/

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-midnightblue">
                <div class="panel-heading">
                    <h4>Search By</h4>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-2">
                                        <input type="text" placeholder="#Order ID,#Item Code" class="form-control" name="order_id" value="<?php echo $order_id ?>">
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
                                        <button id="order_range_picker" class="btn btn-default btn-block" name="order_date_range">
                                            <i class="fa fa-calendar"></i> 
                                            <span><?php echo $start_date?> - <?php echo $end_date ?></span> <b class="caret"></b>
                                        </button>
                                        <input value="<?php echo $start_date?> - <?php echo $end_date ?>" type="hidden" id="hid_order_range_picker" class="form-control" for="order_range_picker" name="order_range_picker">
                                        <!--div class="input-group">
                                            <span class="input-group-addon" ><i class="fa fa-calendar"></i></span>
                                            <input type="text" id="order_range_picker" class="form-control" for="order_range_picker">                                            
                                        </div-->
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                        <?php echo $this->common_lib->render_dropdown($order_status_list,"status_code","status_detail","order_status",$order_status); ?>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                            <?php echo $this->common_lib->render_dropdown($payment_gateways_list,"gateway_code","gateway_detail","payment_gateways",$payment_gateways); ?>
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
                                            <?php echo $this->common_lib->render_dropdown($payment_status_list,"payment_status_code","payment_status_detail","payment_status",$payment_status); ?>
                                    </div>
                                </div>
                                <div class="form-group col-xs-12">
                                    
                                    <input class="btn btn-primary" type="submit" value="Search" name="cmdSearchOrder" />
                                    <input class="btn btn-danger" type="button" value="Clear Filter" name="cmdClearFilter" />
                                </div>
                            </form>
                            <script type="text/javascript">
                                $(function(){
                                    $("input[name=cmdClearFilter]").click(function(){
                                        window.location.href = "<?php echo site_url("admin/reports") ?>";
                                    });                                    
                                    
                                    $('#order_range_picker').daterangepicker(
                                        {
                                            ranges: {
                                               'Today': [moment(), moment()],
                                               'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
                                               'Last 7 Days': [moment().subtract('days', 6), moment()],
                                               'Last 30 Days': [moment().subtract('days', 29), moment()],
                                               'This Month': [moment().startOf('month'), moment().endOf('month')],
                                               'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')],
                                               'This Year': [moment().startOf('year'), moment().endOf('month')],
                                               'Last Year': [moment().subtract('year', 1).startOf('year'), moment().subtract('year', 1).endOf('year')]
                                            },
                                          opens: 'left',
                                          startDate: moment().subtract('days', 29),
                                          endDate: moment()
                                        },
                                        function(start, end) {
                                            $('#order_range_picker span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
                                            $('#hid_order_range_picker').val(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
                                        }   
                                    );
                                });
                            </script>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-midnightblue">
                <div class="panel-heading">
                    <h4>Order Reports</h4>
                </div>
                <div class="panel-body">
                    <?php
                    $this->load->view("admin/messages");
                    ?>
                    <div class="row">
                        <div class="col-md-12">
                            <form class="form-horizontal">
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th><input type="checkbox" /></th>
                                                <th>Item Code</th> 
                                                <th>Item Name</th>                                           
                                                <th>Order Date</th>
                                                <th>Customer</th>
                                                <th>Price</th>
                                                <th>Item Ordered</th>
                                                <th>Item on Hand</th>
                                                <th>Request Vendor</th>
                                                <th>Requested Date</th>

                                            </tr>
                                        </thead>                                        
                                        <tbody>
                                            <?php
                                            foreach($all_orders as $order_row){                                           
                                                $this->load->view("admin/reports/_order_row",array("order_row" => $order_row,$partial_data));
                                            }
                                            ?>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="form-group col-xs-12">                                    
                                    <input class="btn btn-primary" type="submit" value="Update Orders" name="cmdSaveOrder" />                                    
                                </div>
                            </form>
                        </div>
                    </div>                    
                </div>
            </div>
        </div>
    </div>
</div>