@extends('layouts.main')

@section('title','Virtual Account Report')
@section('header','Virtual Account Report')

@section('breadcrumb')
<li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item active">Virtual Account Report</li>
@endsection

@section('content')

@if($read)
@include('layouts.index.filters', ['date_range' => 1, 'filter' => 0, 'filter_default' => 'All', 'exports' => 0, 'create' => 0])

<div class="card card-primary">
    <div class="card-body">
        <div class="table-responsive">
            <table id="tb_vacc_report" class="table table-bordered" style="width:100%">
                <thead>
                    <tr class="bg-info">
                        <th>NoPendaftaran</th>
                        <th>Name</th>
                        <th>Pendaftaran</th>
                        <th>CustCode</th>
                        <th>Amount</th>
                        <th>statusBayar</th>
                        <th>Keterangan</th>
                        <th>ExpiredDate</th>
                        <th>lastUpdate</th>
                        <th>createdDate</th>
                        <th>InstitutionCode</th>
                        <th>trxDate</th>
                        <th>trxRefId</th>
                        <th>trxInstitutionCode</th>
                        <th>trxChannelId</th>
                        <th>trxTerminalId</th>
                        <th>trxUserId</th>
                        <th>&nbsp;</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>

@endsection
@push('custom-scripts')
<script>
    
    var param = {
        date_from: "{{$today}}",
        date_to: "{{$today}}",
    }
    $(document).ready(function(e){
        $('input[name=date_from]').val(param.date_from);
        $('input[name=date_to]').val(param.date_to);
        loadThis(param)
    });
    $(document).on('click', '.btn-refresh', function(e){
        e.preventDefault();
        param = {};
        $('input[name=date_to]').val('');
        $('input[name=date_from]').val('');
        loadThis(param);
    });
    $(document).on('change', 'input[name=date_to]', function(e){
        e.preventDefault();
        param.date_to = $(this).val();
        if(param.date_from) loadThis(param);
    });
    $(document).on('change', 'input[name=date_from]', function(e){
        e.preventDefault();
        param.date_from = $(this).val();
        if(param.date_to) loadThis(param);
    });
    
    function loadThis(params){
        var e_modal_wait = $("#modalWait");
        showLoading(e_modal_wait);
        
        $.ajax({
            url: '/nagari/vacc_report/'+params.date_from+'/'+params.date_to,
            type: "get",
            data: {}
        }).done(function (result) {
            var message = result.responseDescription || "Get Data failed";
            hideLoading(e_modal_wait);
            if (result.responseCode === "00") {
                $('#tb_vacc_report').DataTable( {
                    "destroy": true,
                    "data": result.data,
                    "scrollX": true,
                    "fixedColumns": {
                        left: 2,
                        right: 0
                    },
                    "columns": [
                        { "data": "no_pendaftaran"},
                        { "data": "nama", "className":"nowrap"},
                        { "data": "text_pendaftaran", "className":"nowrap"},
                        { "data": "custCode"},
                        { "data": "amount"},
                        { "data": "statusBayar"},
                        { "data": "keterangan"},
                        { "data": "expiredDate"},
                        { "data": "lastUpdate"},
                        { "data": "createdDate"},
                        { "data": "institutionCode"},
                        { "data": "trxDate"},
                        { "data": "trxRefId"},
                        { "data": "trxInstitutionCode"},
                        { "data": "trxChannelId"},
                        { "data": "trxTerminalId"},
                        { "data": "trxUserId"},
                        { "data": "trxUserId"},
                        ],
                    "columnDefs": [
                        {
                            "targets": 17,
                            "render": function(data, type, row){
                                var btn = '';
                                if(row.removable){
                                    btn = '<div class="btn-group">' +
                                            '<button type="button" class="btn btn-sm btn-info dropdown-toggle dropdown-icon" data-toggle="dropdown" aria-expanded="false">Action</button>' +
                                            '<div class="dropdown-menu" role="menu">' +
                                                '<a href="#" class="dropdown-item btn-delete-va" data-custcode="'+row.custCode+'"><i class="fa fa-trash text-danger mr-3 ml-1"></i> DELETE</a>' +
                                            '</div>' +
                                          '</div>';
                                }
                                return btn;
                            }
                        }
                        ]
                });
            } else {
                failedAlert(message);
            }
        }).fail(ajax_fail);
        
    }
    
    $(document).on('click', '.btn-delete-va', function(e){
        e.preventDefault();
        
        var ini = $(this), custcode = ini.data('custcode');
        
        if(confirm('delete')){
            $.ajax({
                url: '/nagari/delete_vacc/'+custcode,
                type: "get",
                data: {}
            }).done(function(result){
                if(result['responseCode'] === "00"){
                    successAlert(result['responseDescription']);
                    loadThis(param);
                }else{
                    failedAlert(result['responseDescription']);
                }
            }).fail(ajax_fail);
        }
    })
</script>
@endpush

@endif