@extends('layouts.blank')

@push('stylesheets')

@endpush
@push('scripts')
    <script src="{{ asset("js/coupon.js") }}"></script>
@endpush
@section('main_container')

    <!-- page content -->
    <div class="right_col" role="main">
         <div class="">
            <div class="page-title">
              <!-- <div class="title_left">
                <h3>Incoming Items Report</h3>
              </div> -->

              <!-- <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
                      <button class="btn btn-default" type="button">Go!</button>
                    </span>
                  </div>
                </div>
              </div> -->
            </div>

            <div class="clearfix"></div>
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <div class="x_panel">
                        {!! Form::open(array('route'=>'coupons.store','method'=>'POST')) !!}                                                          
                        <div class="row">
                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="date_from">Date From</label>
                                    {!! Form::text('date_from',$date_from,array('class' => 'form-control', 'id' => 'date_from')) !!}
                                </div>                                    
                            </div>
                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="date_to">Date To</label>
                                     {!! Form::text('date_to',$date_to,array('class' => 'form-control', 'id' => 'date_to')) !!}
                                </div>                                
                            </div>             
                        </div>                       
                        <div class="row">
                            <div class="col-md-3 col-xs-12">
                                <div class="btn-group">
                                    <button type="submit" class="btn btn-success" name="submit" value="1">Process</button>
                                </div> 
                                <div class="btn-group">
                                    <button type="submit" class="btn btn-primary" name="submit" value="2">Print</button>
                                </div>  
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>  
            <div class="row">
                <div class="col-md-10 col-sm-10 col-xs-10">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Branch Ranking Based on Redeemed Coupons</h2>                            
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content table-responsive">
                            <table class="table table-striped table-bordered" id="datatable">
                                <thead>
                                    <tr>
                                        <th>Branch Name</th>
                                        <th>Total Qty</th>                                        
                                    </tr>
                                </thead>
                                <tbody>                                    
                                    @foreach($items2 as $item2)
                                    <tr>                                       
                                        <td>{{ $item2->branch }}</td> 
                                        <td>{{ $item2->total_qty }}</td>                                       
                                    </tr>
                                    @endforeach                                                                        
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Coupon Report</h2>
                            <div class="pull-right">
                                <h3>Total Qty: {!! $total_qty !!}</h3>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content table-responsive">
                            <table id="datatable" class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Branch Name</th>
                                        <th>Series</th>
                                        <th>Amount</th>
                                    </tr>
                                </thead>


                                <tbody>                                    
                                    @foreach($items as $item)
                                    <tr>
                                        <td>{{ $item->local_time }}</td>
                                        <td>{{ $item->branch_name }}</td>
                                        <td>{{ $item->gift_name }}</td>
                                        <td>{{ $item->amount }}</td>
                                    </tr>
                                    @endforeach                                                             
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
          </div>
    </div>
    <!-- /page content -->
@endsection