@extends('layouts.admin')
@section('content')
<link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('css/bootstrap-datetimepicker.min.css') }}" media="all" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/moment-with-locales.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/bootstrap-datetimepicker.min.js') }}"></script>

<div class="pageheader">
    <div class="media">
        <div class="media-body">
            <h4>@lang('messages.Wallet Transaction History')</h4>
            <ul class="breadcrumb">
                <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                <li>@lang('messages.Wallet Transaction History')</li>
            </ul>
        </div>
    </div>
</div>

<div class="clearfix form-blk">
    <div class="form-inline pull-left">
        {!!Form::open(array( 'method' =>'post','class'=>'tab-form attribute_form','id'=>'wallet_transaction_search_form'))!!}
            <div class="form-group filter-line">
                <label class="control-label pad-rt-15" style="display:block;">@lang('messages.Type')</label>
                <div class="input-group pad-rt-15">
                    <select class="select2 form-control" name="transaction_type" id="transaction_type">
                        <option value="">@lang('messages.All')</option>
                        <option value="1">@lang('messages.Credited')</option>
                        <option value="2">@lang('messages.Debited')</option>
                    </select>
                </div>
            </div>
            <div class="form-group filter-line">
                <label class="control-label pad-rt-15" style="display:block;">@lang('messages.From Date')</label>
                <div class="input-group pad-rt-15">
                    <input type="text" name="start_date" id="start_date" class="form-control" placeholder="From Date" placeholder="" value="">
                </div>
            </div>
            <div class="form-group filter-line">
                <label class="control-label pad-rt-15" style="display:block;">@lang('messages.To Date')</label>
                <div class="input-group pad-rt-15">
                    <input type="text" name="end_date" id="end_date" class="form-control" placeholder="From Date" placeholder="" value="">
                </div>
            </div>
            <div class="form-group filter-line" style="margin-top:20px;">
                <button class="btn btn-primary mr5" type="submit" name="submit" title="@lang('messages.Filter')">@lang('messages.Filter')</button>
                <button type="reset" title="@lang('messages.Reset')" class="btn btn-default" onclick="window.location='{{ url('admin/wallet-transaction-history') }}'">@lang('messages.Reset')</button>
            </div>
            <div class="form-group filter-line" style="margin-top:20px;">
                <button class="btn btn-primary mr5" type="submit" name="export" id="export" title="@lang('messages.Filter')">@lang('messages.Export')</button>
            </div>
        {!!Form::close()!!}
    </div>
</div>
<div class="clearfix"></div>

<div class="col-md-12">
    <div class="card order-page">
        @if(IzoCommonHelper::hasPermission('wallet_transaction_history_list'))
        <div role="tabpanel" class="tab-pane" id="transaction_history">
            <div class="design-process-content">
                <div class="table-responsive">
                    <table id="transactionHistoryList" class="table table-striped table-bordered responsive">
                        <thead>
                            <tr class="headings">
                                <th>@lang('messages.Id')</th>
                                <th>@lang('messages.Customer Name')</th>
                                <th>@lang('messages.Customer Email')</th>
                                <th>@lang('messages.Customer Mobile No')</th>
                                <th>@lang('messages.Transaction Type')</th>
                                <th>@lang('messages.Creditted Amount')</th>
                                <th>@lang('messages.Debitted Amount')</th>
                                <th>@lang('messages.Description')</th>
                                <th>@lang('messages.Created Date')</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                                    <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
        @endif
    </div>
</div>

<script>
    $(function () {
        $("#transaction_type").select2();
        //Datepicker
        var nowDate = new Date();
        var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
        $('#start_date').datetimepicker({
            // minDate: today,
            format: 'YYYY-MM-DD',
        });
        $('#end_date').datetimepicker({
            //  minDate: today,
            format: 'YYYY-MM-DD',
        });
        $(".datepicker-trigger").on("click", function () {
            $("#start_date").datetimepicker("show");
            $("#end_date").datetimepicker("show");
        });

        token = $('meta[name="csrf-token"]').attr('content');
        var oTable = $('#transactionHistoryList').DataTable({
            dom: 'lfrtip',
            search: {
                'caseInsensitive': true
            },
            "lengthMenu": [
                [25, 50, 100],
                [25, 50, 100]
            ],
            processing: true,
            serverSide: true,
            responsive: true,
            autoWidth: false,
            destroy: true,
            ajax: {
                url: '{{ URL::to('admin/wallet-transaction-history/ajax-list') }}',
                headers: {
                    'X-CSRF-TOKEN': token
                },
                type: 'POST',
                data: function (d) {
                    d.transaction_type = $('#transaction_type').val();
                    d.start_date   = $('#start_date').val();
                    d.end_date     = $('#end_date').val();
                }
            },
            "order": [
                [0, "desc"]
            ],
            columns: [
                {data: 'id',name: 'id',searchable: false,orderable: true},
                {data: 'customer_name',name: 'customer_name',searchable: true,orderable: true},
                {data: 'customer_email',name: 'customer_email',searchable: true,orderable: true},
                {data: 'customer_phone',name: 'customer_phone',searchable: true,orderable: true},
                {data: 'transaction_type',name: 'transaction_type',searchable: false,orderable: false},
                {data: 'credited_amount',name: 'credited_amount',searchable: true,orderable: true},
                {data: 'debited_amount',name: 'debited_amount',searchable: true,orderable: true},
                {data: 'transaction_description',name: 'transaction_description',searchable: true,orderable: true},
                {data: 'created_at',name: 'created_at',searchable: false,orderable: true},
            ]
        });
        $('#wallet_transaction_search_form').submit(function (e) {
            oTable.draw();
            e.preventDefault();
        });
    });

    $('#export').click(function(e) {
        e.preventDefault();
        var transaction_type = $('#transaction_type').find('option:selected').val();
        var start_date = $('#start_date').val();
        var end_date = $('#end_date').val();
        wallet_transaction_type = transaction_type == '' ? 'empty' : transaction_type;
        start = start_date == '' ? 'empty' : start_date;
        end = end_date == '' ? 'empty' : end_date;
        var e = "wallet-transaction-history/export/" + wallet_transaction_type + "/" + start + "/" + end;
        $(location).attr('href', e);
    });
</script>
@endsection