芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/kwesioben.com/paymoney/resources/views/admin/transactions/index.blade.php

@extends('admin.layouts.master')
@section('title', __('Transactions'))

@section('head_style')
    <link rel="stylesheet" type="text/css" href="{{ asset('public/dist/plugins/daterangepicker-3.1/daterangepicker.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{ asset('public/dist/plugins/DataTables/DataTables-1.10.18/css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('public/dist/plugins/DataTables/Responsive-2.2.2/css/responsive.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('public/dist/libraries/jquery-ui-1.12.1/jquery-ui.min.css')}}">
@endsection

@section('page_content')
    <div class="box">
        <div class="box-body pb-20">
            <form class="form-horizontal" action="{{ url(config('adminPrefix').'/transactions') }}" method="GET" id='transaction_form'>

<div class="row">
                    <div class="col-md-12">
                        <div class="d-flex flex-wrap justify-content-between align-items-center">
                            <div class="d-flex flex-wrap">
                                
                                <div class="pr-25">
                                    <label class="f-14 fw-bold mb-1" for="daterange-btn">{{ __('Date Range') }}</label><br>
                                    <button type="button" class="btn btn-default f-14" id="daterange-btn" >
                                        <span id="drp">
                                            <i class="fa fa-calendar"></i>
                                        </span>
                                        <i class="fa fa-caret-down"></i>
                                    </button>
                                </div>

<div class="pr-25">
                                    <label class="f-14 fw-bold mb-1" for="currency">{{ __('Currency') }}</label><br>
                                    <select class="form-control select2 f-14" name="currency" id="currency">
                                        <option value="all" {{ ($currency =='all') ? 'selected' : '' }} >{{ __('All') }}</option>
                                        @if(!empty($currencies))
                                            @foreach($currencies as $value)
                                                <option value="{{ $value->id }}" {{ ($value->id == $currency) ? 'selected' : '' }}>
                                                    {{ $value->code }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

<div class="pr-25">
                                    <label class="f-14 fw-bold mb-1" for="status">{{ __('Status') }}</label><br>
                                    <select class="form-control select2" name="status" id="status">
                                        <option value="all" {{ ($status =='all') ? 'selected' : '' }} >{{ __('All') }}</option>
                                        @if(!empty($statuses))
                                            @foreach($statuses as $value)
                                                <option value="{{ $value }}" {{ ($value == $status) ? 'selected' : '' }}>
                                                    {{
                                                        (($value == 'Blocked') ? "Cancelled" : (($value == 'Refund') ? "Refunded" : $value ))
                                                    }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

<div class="pr-25">
                                    <label class="f-14 fw-bold mb-1" for="type">{{ __('Type') }}</label><br>
                                    <select class="form-control select2" name="type" id="type">
                                        <option value="all" {{ ($type =='all') ? 'selected' : '' }} >{{ __('All') }}</option>
                                        @if(!empty($transactionTypes))
                                            @foreach($transactionTypes as $value)
                                                <option value="{{ $value->id }}" {{ ($value->id == $type) ? 'selected' : '' }}>
                                                    {{ ($value->name == "Withdrawal") ? "Payout" : str_replace('_', ' ', $value->name) }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

<div class="pr-25">
                                    <label class="f-14 fw-bold mb-1" for="user_input">{{ __('User') }}</label><br>
                                    <input id="user_input" type="text" name="user" placeholder="{{ __('Enter Name') }}" class="form-control f-14" value="{{ !empty($getName) ? getColumnValue($getName) : null }}">
                                    <span class="f-12" id="error-user"></span>
                                </div>
                            </div>
                            <div>
                                <div class="input-group mt-3">
                                    <button type="submit" name="btn" class="btn btn-theme f-14" id="btn">{{ __('Filter') }}</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

<div class="row">
        <div class="col-md-8">
            <h3 class="panel-title text-bold ml-5 f-14">{{ __('All Transactions') }}</h3>
        </div>
        <div class="col-md-4">
            <div class="btn-group pull-right">
                <a href="" class="btn btn-sm btn-default btn-flat f-14" id="csv">{{ __('CSV') }}</a>
                <a href="" class="btn btn-sm btn-default btn-flat f-14" id="pdf">{{ __('PDF') }}</a>
            </div>
        </div>
    </div>

<div class="box mt-20">
        <div class="box-body">
            <div class="row">
                <div class="col-md-12 f-14">
                    <div class="panel panel-info">
                        <div class="panel-body">
                            <div class="table-responsive">
                            {!! $dataTable->table(['class' => 'table table-striped table-hover dt-responsive transactions', 'width' => '100%', 'cellspacing' => '0']) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('extra_body_scripts')

<script src="{{ asset('public/dist/plugins/daterangepicker-3.1/daterangepicker.min.js') }}" type="text/javascript"></script>

<script src="{{ asset('public/dist/plugins/DataTables/DataTables-1.10.18/js/jquery.dataTables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('public/dist/plugins/DataTables/Responsive-2.2.2/js/dataTables.responsive.min.js') }}" type="text/javascript"></script>

<script src="{{ asset('public/dist/libraries/jquery-ui-1.12.1/jquery-ui.min.js') }}" type="text/javascript"></script>

{!! $dataTable->scripts() !!}

$(".select2").select2({});

var sDate;
    var eDate;

//Date range as a button
    $('#daterange-btn').daterangepicker(
        {
            ranges   : {
              'Today'       : [moment(), moment()],
              'Yesterday'   : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
              'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
              'Last 30 Days': [moment().subtract(29, 'days'), moment()],
              'This Month'  : [moment().startOf('month'), moment().endOf('month')],
              'Last Month'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
             },
          startDate: moment().subtract(29, 'days'),
          endDate  : moment()
        },
        function (start, end)
        {
            var sessionDate      = '{{Session::get('date_format_type')}}';
            var sessionDateFinal = sessionDate.toUpperCase();

sDate = moment(start, 'MMMM D, YYYY').format(sessionDateFinal);
            $('#startfrom').val(sDate);

eDate = moment(end, 'MMMM D, YYYY').format(sessionDateFinal);
            $('#endto').val(eDate);

$('#daterange-btn span').html(' ' + sDate + ' - ' + eDate + '         ');
        }
    )

$(document).ready(function()
    {
        $("#daterange-btn").mouseover(function() {
            $(this).css('background-color', 'white');
            $(this).css('border-color', 'grey !important');
        });

var startDate = "{!! $from !!}";
        var endDate   = "{!! $to !!}";
        // alert(startDate);

if (startDate == '') {
            $('#daterange-btn span').html('<i class="fa fa-calendar"></i>    Pick a date range             ');
        } else {
            $('#daterange-btn span').html(startDate + ' - ' +endDate + '         ');
        }

$("#user_input").on('keyup keypress', function(e)
        {
            if (e.type=="keyup" || e.type=="keypress")
            {
                var user_input = $('form').find("input[type='text']").val();
                if(user_input.length === 0)
                {
                    $('#user_id').val('');
                    $('#error-user').html('');
                    $('form').find("button[type='submit']").prop('disabled',false);
                }
            }
        });

$('#user_input').autocomplete(
        {
            source:function(req,res)
            {
                if (req.term.length > 0)
                {
                    $.ajax({
                        url:'{{url(config('adminPrefix').'/transactions_user_search')}}',
                        dataType:'json',
                        type:'get',
                        data:{
                            search:req.term
                        },
                        success:function (response)
                        {
                            // console.log(response);
                            // console.log(req.term.length);

$('form').find("button[type='submit']").prop('disabled',true);

if(response.status == 'success')
                            {
                                res($.map(response.data, function (item)
                                {
                                    return {
                                            id : item.user_id, //user_id is defined
                                            first_name : item.first_name, //first_name is defined
                                            last_name : item.last_name, //last_name is defined
                                            value: item.first_name + ' ' + item.last_name //don't change value
                                        }
                                    }
                                    ));
                            }
                            else if(response.status == 'fail')
                            {
                                $('#error-user').addClass('text-danger').html('User Does Not Exist!');
                            }
                        }
                    })
                }
                else
                {
                    console.log(req.term.length);
                    $('#user_id').val('');
                }
            },
            select: function (event, ui)
            {
                var e = ui.item;

$('#error-user').html('');

$('#user_id').val(e.id);

$('form').find("button[type='submit']").prop('disabled',false);
            },
            minLength: 0,
            autoFocus: true
        });
    });

// csv
    $(document).ready(function()
    {
        $('#csv').on('click', function(event)
        {
          event.preventDefault();

var startfrom = $('#startfrom').val();
          var endto = $('#endto').val();

var status = $('#status').val();
          var currency = $('#currency').val();
          var type = $('#type').val();
          var user_id = $('#user_id').val();

window.location = SITE_URL+"/"+ADMIN_PREFIX+"/transactions/csv?startfrom="+startfrom
          +"&endto="+endto
          +"&status="+status
          +"¤cy="+currency
          +"&type="+type
          +"&user_id="+user_id;
        });
    });

// pdf
    $(document).ready(function()
    {
        $('#pdf').on('click', function(event)
        {

event.preventDefault();

var startfrom = $('#startfrom').val();
          var endto = $('#endto').val();

var status = $('#status').val();
          var currency = $('#currency').val();
          var type = $('#type').val();
          var user_id = $('#user_id').val();

window.location = SITE_URL+"/"+ADMIN_PREFIX+"/transactions/pdf?startfrom="+startfrom
          +"&endto="+endto
          +"&status="+status
          +"¤cy="+currency
          +"&type="+type
          +"&user_id="+user_id;

});
    });

$(document).ready(function()
    {
        $("#dataTableBuilder_wrapper").on('keyup keypress', function(e)
        {
            if (e.type=="keyup" || e.type=="keypress")
            {
                var searchInput = $(this).find("input").val();
                console.log(searchInput);
            }
        });
    });
</script>

@endpush