@extends('layouts.blank')

@push('stylesheets')

@endpush

@push('inline-scripts')
$('select#branches').multiselect({
    maxHeight: 200,
    includeSelectAllOption: true,
    enableCaseInsensitiveFiltering: true,
    enableFiltering: true,
});
$("#date_from").daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
});

$("#date_to").daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
});
@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-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Post Void Transaction Report</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content table-responsive">
                            {{Form::open(array('route'=>'postvoid.store','method'=>'POST'))}}
                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="company">Branch</label>
                                    <select name="branch[]" id="branches" class="form-control" multiple="multiple">
                                        @foreach($branches as $branch)
                                        <option value="{{$branch->branch_code}}">{{$branch->branch}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <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 class="col-md-12 col-xs-12">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary" name="submit" value="1">Process</button>
                                    <button type="submit" class="btn btn-primary" name="submit" value="2">Excel</button>
                                </div>
                            </div>
                            {{Form::close()}}
                            <table id="datatable" class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th>Company Name</th>
                                        <th>Branch Name</th>
                                        <th>Terminal #</th>
                                        <th>User</th>
                                        <th>Transaction #</th>
                                        <th>Date Time</th>
                                        <th>Posting Time</th>
                                        <th>Remarks</th>
                                        <th>Authentication 1</th>
                                        <th>Authentication 2</th>
                                        <th>Other Info</th>
                                    </tr>
                                </thead>


                                <tbody>
                                    @if($transactions->count() > 0)
                                    @foreach($transactions as $transaction)
                                    <tr>
                                        <td>{{ $transaction->company_name }}</td>
                                        <td>{{ $transaction->branch_name }}</td>
                                        <td>{{ $transaction->terminal_no }}</td>
                                        <td>{{ $transaction->user }}</td>
                                        <td>{{ $transaction->transaction_no }}</td>
                                        <td>{{ $transaction->local_time }}</td>
                                        <td>{{ $transaction->created_at }}</td>
                                        <td>{{ $transaction->remarks }}</td>
                                        <td>{{ $transaction->auth1 }}</td>
                                        <td>{{ $transaction->auth2 }}</td>
                                        <td>{{ $transaction->otherinfo }}</td>
                                    </tr>
                                    @endforeach
                                    @else
                                    <tr>
                                        <td colspan="7">No record found</td>
                                    </tr>
                                    @endif
                                    
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
          </div>
    </div>
    <!-- /page content -->
@endsection