@extends("sendingpartner.layouts.layout")

@section("title", "View Imported File")

@section("page_style")
    <link rel="stylesheet" type="text/css" href="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.css') }}">
    <link href="{{ url('css/select2.min.css') }}" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        .show-table.table.table-sm.table-borderless td { text-align: left; }
        .show-table.table td:first-child { width:35%; }
        .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
                background-color: #00FFFF;
        }
    </style>
@endsection

<div id="loading"  style="display:none;">
    <div id="image-loader">
        <img  src="{{ url('img/loading.gif')}}" alt="Loading..." />
    </div>
</div>

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card card-custom gutter-b">
                        <div class="card-header">
                            <div class="card-title">
                                <h3 class="card-label">
                                    {{ __('message_lang.LBL_BATCH_DETAILS') }}
                                </h3>
                            </div>
                            <div style="float: right; padding:10px;">
                                <a href="{{ route('sendingpartner.batches.index') }}"class="btn btn-light btn-lg btn-block">{{ __('message_lang.BTN_BACK') }}</a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="" style="font-size: medium">

                                <div class="row">
                                    <div class="col-md-6 row detail-row">
                                        <span class="col-md-6"> {{ __('message_lang.LBL_NUMBER') }}: </span>
                                        <span class="col-md-6 value-filed"> {{ $batch->number }} </span>
                                    </div>
                                    <div class="col-md-6 row detail-row">
                                        <span class="col-md-6"> {{ __('message_lang.LBL_OBJECT') }}: </span>
                                        <span class="col-md-6 value-filed"> {{ $batch->object }} </span>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6 row detail-row">
                                        <span class="col-md-6"> {{ __('message_lang.LBL_IMPORT_DATE') }}: </span>
                                        <span class="col-md-6 value-filed"> {{ $batch->created_at }} </span>
                                    </div>
                                    <div class="col-md-6 row detail-row">
                                        <span class="col-md-6"> {{ __('message_lang.LBL_STATUS') }}: </span>
                                        <span class="col-md-6 value-filed">
                                            @if($batch->status == config('constants.BATCH_TRANSFER_STATUS_NUMERIC.IMPORTED'))
                                                <span class="badge badge-secondary">
                                                    {{ config('constants.BATCH_TRANSFER_STATUS_TEXT.IMPORTED') }}
                                                </span>
                                            @elseif($batch->status == config('constants.BATCH_TRANSFER_STATUS_NUMERIC.PROCESSING'))
                                                <span class="badge badge-warning">
                                                    {{ config('constants.BATCH_TRANSFER_STATUS_TEXT.PROCESSING') }}
                                                </span>
                                            @elseif($batch->status == config('constants.BATCH_TRANSFER_STATUS_NUMERIC.COMPLETED'))
                                                <span class="badge badge-success">
                                                    {{ config('constants.BATCH_TRANSFER_STATUS_TEXT.COMPLETED') }}
                                                </span>
                                            @elseif($batch->status == config('constants.BATCH_TRANSFER_STATUS_NUMERIC.CANCELLED'))
                                                <span class="badge badge-danger">
                                                    {{ config('constants.BATCH_TRANSFER_STATUS_TEXT.CANCELLED') }}
                                                </span>
                                            @elseif($batch->status == config('constants.BATCH_TRANSFER_STATUS_NUMERIC.SUSPENDED'))
                                                <span class="badge badge-info">
                                                    {{ config('constants.BATCH_TRANSFER_STATUS_TEXT.SUSPENDED') }}
                                                </span>
                                            @endif
                                        </span>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6 row detail-row">
                                        <span class="col-md-6"> {{ __('message_lang.LBL_TOTAL_LINES') }}: </span>
                                        <span class="col-md-6 value-filed"> {{ $nbLines }} </span>
                                    </div>
                                    <div class="col-md-6 row detail-row">
                                        <span class="col-md-6"> {{ __('message_lang.LBL_PROCESSED_LINES') }}: </span>
                                        <span class="col-md-6 value-filed">
                                             {{ $batch->processed_lines }}
                                        </span>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6 row detail-row">
                                        <span class="col-md-6"> {{ __('message_lang.LBL_INCORRECT_LINES') }}: </span>
                                        <span class="col-md-6 value-filed"> {{ $batch->wrong_lines }} </span>
                                    </div>
                                </div>

                                <hr style="padding-top: 20px;">

                                <div class="card card-custom" style="margin-bottom: 15px;">
                                    <div class="card-header">
                                        <div class="card-title">
                                            <h3 class="card-label">
                                                {{ __('message_lang.LBL_RECIPIENTS_LIST') }}
                                            </h3>
                                        </div>

                                        <div class="card-toolbar">
                                            @if($batch->status == config('constants.BATCH_TRANSFER_STATUS_NUMERIC.IMPORTED'))
                                                <a href="{{ url('sendingpartner/batches/list-items/add/'.base64_encode(@$batch->id) ) }}"class="btn btn-sm btn-primary">{{ __('message_lang.BTN_ADD_RECIPIENT') }}</a> &nbsp;
                                                @if(@$user->role != config('constants.SENDING_PARTNER_ROLE_NUMERIC.INITIATOR'))
                                                    <button type="button" id="btnApprove" class="btn btn-sm btn-success mr-2" data-id="{{ $batch->id }}">{!! trans("message_lang.BTN_APPROVE") !!}</button> &nbsp;
                                                @endif
                                                @if(@$user->role == config('constants.SENDING_PARTNER_ROLE_NUMERIC.SUPERVISOR'))
                                                    <button type="button" id="bntStartProcessing" style="display: none;"  class="btn btn-sm btn-primary mr-2" data-id="{{ $batch->id }}">{!! trans("message_lang.BTN_START_PROCESSING") !!}</button>
                                                @endif
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div>
                                    <br>
                                    <h5 for="status"><strong>Apply Filters</strong></h5>
                                    <form class="" action="#" method="post">
                                        <div class="row">

{{--
                                            <div class="form-group col-md-3">
                                                <label class="" for="validation">{{ __('message_lang.LBL_VALIDATION_STATUS') }} <span style="color:red;">*</span></label>
                                                <select class="form-control mx-sm-0 custom-field" name="validation" id="validation" autocomplete="validation">
                                                    <option value="" selected>All</option>
                                                    <option value="{{ $info_statuses_numeric['VALIDATED'] }}">{{ $info_statuses['VALIDATED'] }}</option>
                                                    <option value="{{ $info_statuses_numeric['INCORRECT'] }}">{{ $info_statuses['INCORRECT'] }}</option>
                                                </select>
                                            </div> --}}

                                            <div class="form-group col-md-3">
                                                <label class="" for="status">{{ __('message_lang.LBL_STATUS') }}</label>
                                                <select class="form-control mx-sm-0" name="status[]" id="status" multiple="multiple">
                                                    <option value="">All</option>
                                                    <option value="{{ config('constants.BATCH_ITEM_STATUS_NUMERIC.NEW')}}">{{ config('constants.BATCH_ITEM_STATUS_TEXT.NEW')}}</option>
                                                    {{-- <option value="{{ config('constants.BATCH_ITEM_STATUS_NUMERIC.VALID')}}">{{ config('constants.BATCH_ITEM_STATUS_TEXT.VALID')}}</option> --}}
                                                    {{-- <option value="{{ config('constants.BATCH_ITEM_STATUS_NUMERIC.WRONG')}}">{{ config('constants.BATCH_ITEM_STATUS_TEXT.WRONG')}}</option> --}}
                                                    <option value="{{ config('constants.BATCH_ITEM_STATUS_NUMERIC.APPROVED')}}">{{ config('constants.BATCH_ITEM_STATUS_TEXT.APPROVED')}}</option>
                                                    <option value="{{ config('constants.BATCH_ITEM_STATUS_NUMERIC.SENT')}}">{{ config('constants.BATCH_ITEM_STATUS_TEXT.SENT')}}</option>
                                                    <option value="{{ config('constants.BATCH_ITEM_STATUS_NUMERIC.DECLINED')}}">{{ config('constants.BATCH_ITEM_STATUS_TEXT.DECLINED')}}</option>
                                                </select>
                                            </div>

                                            <div class="form-group col-md-3">
                                                <label for="txn_status">{{ __('message_lang.LBL_TXN_STATUS') }}</label>
                                                <select class="form-control mx-sm-0" name="txn_status[]" id="txn_status" multiple="multiple">
                                                    <option value="">{{ __('message_lang.LBL_ALL') }}</option>
                                                    <option value="{{ $txnStatus['PENDING'] }}">{{ config('constants.USSD_SEND_TXN_STATUS.1') }}</option>
                                                    <option value="{{ $txnStatus['INPROGRESS'] }}">{{ config('constants.USSD_SEND_TXN_STATUS.2') }}</option>
                                                    <option value="{{ $txnStatus['PAID'] }}">{{ config('constants.USSD_SEND_TXN_STATUS.3') }}</option>
                                                    <option value="{{ $txnStatus['REJECTED'] }}">{{ config('constants.USSD_SEND_TXN_STATUS.4') }}</option>
                                                    <option value="{{ $txnStatus['CANCELLED'] }}">{{ config('constants.USSD_SEND_TXN_STATUS.5') }}</option>
                                                    <option value="{{ $txnStatus['TRANSMITTED'] }}">{{ config('constants.USSD_SEND_TXN_STATUS.6') }}</option>
                                                    <option value="{{ $txnStatus['FAILED'] }}">{{ config('constants.USSD_SEND_TXN_STATUS.7') }}</option>
                                                </select>
                                            </div>

                                        </div>
                                    </form>
                                </div>

                                {{-- <div class="row"> --}}
                                    <!--begin: Datatable-->
                                    <table id="example" class="table table-bordered grid-table nowrap">
                                        <thead>
                                            <tr>
                                                <th><input type="checkbox" class="checkall" id="chkall" value="chkall" name="chkall"></th>
                                                <th>#</th>
                                                <th>{{ __('message_lang.LBL_RECEIVER_NAME') }}</th>
                                                <th>{{ __('message_lang.LBL_RECEIVING_OPTION') }}</th>
                                                <th>{{ __('message_lang.LBL_AMOUNT') }}</th>
                                                <th>{{ __('message_lang.LBL_WALLET_ACCOUNT_NUMBER') }}</th>
                                                {{-- <th>{{ __('message_lang.LBL_INFO_STATUS') }}</th> --}}
                                                <th>{{ __('message_lang.LBL_STATUS') }}</th>
                                                <th>{{ __('message_lang.LBL_TXN_STATUS') }}</th>
                                                <th>{{ __('message_lang.LBL_ACTIONS') }}</th>
                                            </tr>
                                        </thead>
                                    </table>
                                    <!--end: Datatable-->
                                {{-- </div> --}}

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
@endsection

@section("page_vendors")
<script src="{{ asset('ex_plugins/jquery-validation-1.19.1/dist/jquery.validate.js') }}"></script>
<script src="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
<script src="{{ url('js/select2.min.js') }}"></script>
<script src="{{ url('js/sweetalert2.min.js') }}"></script>
@endsection

@section("page_script")

<script type="text/javascript">

    $(document).ready(function() {

        $('.checkall').click(function() {
            console.log("check click")
            if ($(this).is(':checked')) {
                $('input:checkbox').prop('checked',true);
            } else $('input:checkbox').prop('checked', false);
        });

        updateCounter();
        $('#btnApprove').on('click', function (e) {
            e.preventDefault();
            console.log('on start approving')

            var rowcollection = list_table_one.$(".call-checkbox:checked", {"page": "all"});
            var array = [];
            rowcollection.each(function(index,elem){
                var checkbox_value = $(elem).val();
                array.push(checkbox_value);
            });

            if(array.length == 0) {
                toastr.error('{{ __('message_lang.NO_ITEM_SELECTED') }}', 'Alert');
                return;
            }

            var html = "<div style='text-align:center;'>Are you sure you want to approve the selected ones?</div>";
            Swal.fire({
                title: "Sending Partner - Approval",
                confirmButtonText: "{{trans("message_lang.YES_I_CONFIRM")}}",
                showCancelButton: true,
                html: html,
            }).then((result) => {
                if (result.isConfirmed) {
                    var rowcollection = list_table_one.$(".call-checkbox:checked", {"page": "all"});
                    var array = [];
                    rowcollection.each(function(index,elem){
                        var checkbox_value = $(elem).val();
                        array.push(checkbox_value);
                    });
                    console.log(array)
                    // $('#form').submit();
                    $('#btnApprove').attr("disabled", true);
                    console.log('on approve submit')
                    $("#loading").show();
                    var url = "{{route('sendingpartner.batches.approval')}}";
                    $.ajax({
                        url: url,
                        type: "POST",
                        data: { "ids" : array, "_token": "{{csrf_token()}}" },
                        success: function (response) {
                            $("#loading").hide();
                            $('#btnApprove').attr("disabled", false);
                            if (response.success == true) {
                                toastr.success(response.message, 'Success');
                                setTimeout(() => {
                                    window.location.reload();
                                }, 1000);
                            } else {
                                toastr.error(response.message, 'Error');
                                setTimeout(() => {
                                    window.location.reload();
                                }, 1000);
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            $("#loading").hide();
                            $('#btnApprove').attr("disabled", false);
                            console.log(textStatus, errorThrown);
                            toastr.error('{{ __('message_lang.SOMETHING_WENT_WRONG') }}', 'Error');
                        }
                    });
                }
            });

        });

        $('#bntStartProcessing').on('click', function (e) {
            e.preventDefault();
            console.log('on start processing')
            var rowcollectionApproved = list_table_one.$(".cl-approved", {"page": "all"});
            var rowcollectionDeclined = list_table_one.$(".cl-declined", {"page": "all"});
            console.log(rowcollectionApproved.length + rowcollectionDeclined.length);
            if((rowcollectionApproved.length + rowcollectionDeclined.length) == 0) {
                toastr.error('{{ __('message_lang.NO_ITEM_TO_PROCESS') }}', 'Alert');
                return;
            }

            var batchId = $(this).data("id");
            var html = "<div style='text-align:center;'>Are you sure you want to start processing?</div>";
            Swal.fire({
            title: "Sending Partner - Start Processing",
            confirmButtonText: "{{trans("message_lang.YES_I_CONFIRM")}}",
            showCancelButton: true,
            html: html,
            }).then((result) => {
                if (result.isConfirmed) {
                    // $('#form').submit();
                    $('#bntStartProcessing').attr("disabled", true);
                    console.log('on start processing submit')
                    $("#loading").show();
                    var url = "{{route('sendingpartner.batches.startProcess')}}";
                    $.ajax({
                        url: url,
                        type: "POST",
                        data: { "batch_id" : batchId, "_token": "{{csrf_token()}}" },
                        success: function (response) {
                            $("#loading").hide();
                            if (response.success == true) {
                                toastr.success(response.message, 'Success');
                                setTimeout(() => {
                                    window.location.reload();
                                }, 1000);
                            } else {
                                toastr.error(response.message, 'Error');
                                setTimeout(() => {
                                    window.location.reload();
                                }, 1000);
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            $("#loading").hide();
                            console.log(textStatus, errorThrown);
                            toastr.error('{{ __('message_lang.SOMETHING_WENT_WRONG') }}', 'Error');
                        }
                    });
                }
            });
        });

        $('#txn_status').change(function() {
            list_table_one.draw();
        });

        $('#validation').change(function() {
            list_table_one.draw();
        });

        $('#status').change(function() {
            list_table_one.draw();
        });

        if ($('#example').length > 0)
        {
            list_table_one = $('#example').DataTable(
            {
                processing: true,
                serverSide: true,
                "responsive": true,
                "ajax":
                {
                    "url": "{!! route('sendingpartner.batches.list-items') !!}",
                    "type": "POST",
                    "dataType": "json",
                    headers: {
                        'X-CSRF-TOKEN': "{{csrf_token()}}"
                    },
                    "data": function(data) {
                        data.batch_id = "{{ $batch->id }}";
                        data.txn_status = $("#txn_status").val();
                        data.validation = $("#validation").val();
                        data.status = $("#status").val();
                    },
                },
                "columnDefs": [
                    {
                        "targets": [0], //first column / numbering column
                        "orderable": false, //set not orderable
                    }
                ],
                columns: [
                    {
                        data: 'approval',
                        name: 'approval'
                    },
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex'
                    },
                    {
                        data: 'receiver_name',
                        name: 'receiver_name'
                    },
                    {
                        data: 'receiving_option',
                        name: 'receiving_option'
                    },
                    {
                        data: 'amount',
                        name: 'amount'
                    },
                    {
                        data: 'account_number',
                        name: 'account_number'
                    },
                    {
                        data: 'status',
                        name: 'status'
                    },
                    {
                        data: 'txn_status',
                        name: 'txn_status'
                    },
                    {
                        data: 'actions',
                        name: 'actions'
                    }
                ]
            });
        }
    });

    function updateCounter() {
        var totalLines = "{{ $batch->total_lines }}";
        var nbProcessedLines = "{{ $batch->processed_lines }}";
        console.log(nbProcessedLines);
        if(totalLines !== nbProcessedLines) {
            $('#bntStartProcessing').show();
            if(nbProcessedLines != 0) {
                $('#bntStartProcessing').html('Process Again');
            }
        }
    }

    $("#txn_status").select2({
      placeholder: "{{ __('message_lang.LBL_ALL') }}",
    });

    $("#status").select2({
      placeholder: "{{ __('message_lang.LBL_ALL') }}",
    });

</script>

@endsection