@extends('layouts.blank')

@push('stylesheets')

@endpush


@push('scripts')
    <!--    <script src="{{ asset("js/incoming.js") }}"></script> -->

    <script type="text/javascript">
        $(document).ready(function () {
            $('div#datatable_length, div#datatable_filter, div#datatable_info, div#datatable_paginate').css('display', 'none');

            $("#date_from, #date_to").mask("99/99/9999", {placeholder: "__/__/____"});
            $("#date_from").daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
            });

            $("#date_to").daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
            });

            $('select#branch').multiselect({
                maxHeight: 200,
                includeSelectAllOption: true,
                enableCaseInsensitiveFiltering: true,
                enableFiltering: true

            });
            $('select#gift').multiselect({
                maxHeight: 200,
                includeSelectAllOption: true,
                enableCaseInsensitiveFiltering: true,
                enableFiltering: true

            });
        });

    </script>
@endpush

@section('main_container')

    <div class="right_col" role="main">
        <div class="">
            <div class="clearfix"></div>

            {!! Form::open(array( 'route' => array('other.payment'), 'class' => 'form-horizontal form-label-left', 'method' => 'GET')) !!}

            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <div class="x_panel">
                        <div class="row">


                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="company">Branch</label>
                                    {!! Form::select('branch[]',$branches, $sel_branch, array('id' => 'branch', 'class' => 'form-control' ,'multiple' => 'multiple' ,'data-placeholder' => 'SELECT A BRANCH...')) !!}
                                </div>
                            </div>

                            <div class="col-md-3 col-xs-12">
                                <div class="form-group">
                                    <label for="company">Gift</label>
                                    {!! Form::select('gifts[]',$gifts, $sel_gift, array('id' => 'gift', 'class' => 'form-control' ,'multiple' => 'multiple' ,'data-placeholder' => 'SELECT A GIFT...')) !!}
                                </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>

                        <div class="row">
                            <div class="col-md-3 col-xs-12">
                                <div class="btn-group">
                                    <button type="submit" class="btn btn-sm btn-success" value="search" name="submit">
                                        <span class="glyphicon glyphicon-search"></span>&nbsp;Search
                                    </button>
                                </div>

                            </div>
                        </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>Other Payment <strong>{{ $formattedDateFrom == $formattedDateTo ? $formattedDateFrom : $formattedDateFrom . ' - ' . $formattedDateTo }}</strong>
                            </h2>
                            <ul class="nav navbar-right panel_toolbox">
                                <li>
                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                       aria-expanded="false"><i class="glyphicon glyphicon-export"></i></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li>
                                            <span class="label label-default" style="display: block; border-radius: 0px;">
                                                <small>Export <span class="glyphicon glyphicon-save"></span>&nbsp;
                                                    <strong>{{ $formattedDateFrom == $formattedDateTo ? $formattedDateFrom : $formattedDateFrom . ' - ' . $formattedDateTo }}</strong>
                                                </small>
                                            </span>
                                        </li>
                                        <li>
                                            <button style="text-decoration: none;" type="submit" class="btn btn-link" value="excel" name="submit">
                                                <small><span class="fa fa-clipboard"></span>&nbsp;&nbsp;Other Payment </small>
                                            </button>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="close-link">
                                        <i class="fa fa-close">
                                        </i>
                                    </a>
                                </li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content table-responsive">
                            <table id="datatable" class="table table-responsive table-striped jambo_table table-hover table-bordered">
                                <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Branch</th>
                                    <th>Transaction #</th>
                                    <th>Customer</th>
                                    <th>Serial No</th>
                                    <th>Gift Name</th>
                                    <th>Account Name</th>
                                    <th>Amount</th>
                                    <th>Approved #</th>

                                </tr>
                                </thead>
                                @foreach($items as $item)
                                    <tr>
                                        <td>{{ $item->local_time }}</td>
                                        <td>{{ $item->branch_name }}</td>
                                        <td>{{ $item->transaction_no }}</td>
                                        <td>{{ $item->member }}</td>
                                        <td>{{ $item->serial_no }}</td>
                                        <td>{{ $item->gift_name }}</td>
                                        <td>{{ $item->account_name }}</td>
                                        <td>{{ $item->amount }}</td>
                                        <td>{{ $item->approved_no }}</td>
                                    </tr>
                                @endforeach
                                <tbody>
                                </tbody>
                            </table>
                            {!! Paginate::show($items) !!}
{{--                            {!! $items->render() !!}--}}
{{--                            {{ $items->appends(request()->except('page'))->links() }}--}}
                            {!! $items->links() !!}
                        </div>
                    </div>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
@endsection