@extends("agentportal.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;">
                                <form method="POST" action="{{ url('agentportal/bnbwallet/accounting-request') }}" name="form" id="filterForm">
                                    @csrf
                                    <input type="hidden" name="batch_id" id="batch_id" value={{ $batch->id }}>
                                    <div class="form-group row justify-content-end">
                                            <button type="submit" name="export" class="btn btn-primary font-weight-bolder float-right">{!! trans("message_lang.LBL_EXPORT_TO_CSV") !!}</button>
                                    </div>
                                </form>
                                <a href="{{ route('agentportal.bnbwallet.cashapp-bulk-adjustment') }}"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>

                                <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"> {{ format_date_tz($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 == 1)
                                                <span class="badge badge-secondary">
                                                    {{ "IMPORTED" }}
                                                </span>
                                            @elseif($batch->status == 2)
                                                <span class="badge badge-warning">
                                                    {{ "PARTIAL" }}
                                                </span>
                                            @elseif($batch->status == 3)
                                                <span class="badge badge-success">
                                                    {{ "COMPLETED" }}
                                                </span>
                                            @elseif($batch->status == 4)
                                                <span class="badge badge-danger">
                                                    {{ "REJECTED" }}
                                                </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 == 0 ? $batch->total_lines : $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>

                                <hr style="padding-top: 20px;">
                                
                                <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="status">{{ __('message_lang.LBL_STATUS') }}</label>
                                                <select class="form-control mx-sm-0" name="status[]" id="status" multiple="multiple">
                                                    <option value="">{!! trans("message_lang.PLACEHOLDER_SELECT") !!}</option>
                                                    <option value="0">{{ ucfirst("Pending") }}</option>
                                                    <option value="1">{{ ucfirst("Approved") }}</option>
                                                    <option value="2">{{ ucfirst("Rejected") }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="text-right mb-4">
                                            @if($batch->status == 1 && $batch->created_by != auth()->guard('agentportal')->user()->id && auth()->guard('agentportal')->user()->allow_approve_cashapp_accounting_requests == 1)
                                                <button type="button" id="bntStartProcessing" style="display: none;"  class="btn btn-sm btn-primary mr-2" data-id="{{ $batch->id }}">Approve</button>
                                                <button type="button" id="bntCancelBulk"  class="btn btn-sm btn-danger mr-2" data-id="{{ $batch->id }}">{!! trans("message_lang.BUTTON_REJECT") !!}</button>
                                            @endif
                                        </div>
                                    </form>
                                    
                                </div>
                                <table id="example" class="table table-bordered grid-table nowrap">
                                    <thead>
                                        <tr>
                                            <th>{!! trans("message_lang.LBL_DATE") !!}</th>
                                            <th>{!! trans("message_lang.LBL_COUNTRY") !!}</th>
                                            <th>{!! trans("message_lang.LBL_USER") !!}</th>
                                            <th>{!! trans("message_lang.LBL_AMOUNT") !!}</th>
                                            <th>{!! trans("message_lang.LBL_REFERENCE") !!}</th>
                                            <th>{!! trans("message_lang.LBL_STATUS") !!}</th>
                                            <th>{!! trans("message_lang.LBL_INITIATED_BY") !!}</th>
                                            <th>{!! trans("message_lang.LBL_PROCESSED_BY") !!}</th>
                                            <th>{!! trans("message_lang.LBL_NOTES") !!}</th>
                                            <th>{!! trans("message_lang.LBL_REMARKS") !!}</th>
                                        </tr>
                                    </thead>
                                </table>
                            </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();
        

        $('#bntStartProcessing').on('click', function (e) {
            e.preventDefault();
            console.log('on start processing')
            var totalItems = list_table_one.data().count();
            console.log("Total items: " + totalItems);
            if (totalItems === 0) {
                toastr.error('{{ __('message_lang.NO_ITEM_TO_PROCESS') }}', 'Alert');
                return;
            }

            var batchId = $(this).data("id");
            var html = "<div style='text-align:center;'>{{trans("message_lang.CONF_APPROVE_ADJUSTMENT")}}</div>";
            Swal.fire({
            title: "{{trans("message_lang.BTN_BULK_ADJUSTMENT")}}",
            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('agentportal.bnbwallet.startCashappBulkProcess')}}";
                    $.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(() => {
                                    location.reload(true);
                                }, 1000);
                            } else {
                                toastr.error(response.message, 'Error');
                                setTimeout(() => {
                                    location.reload(true);
                                }, 1000);
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            $("#loading").hide();
                            console.log(textStatus, errorThrown);
                            toastr.error('{{ __('message_lang.SOMETHING_WENT_WRONG') }}', 'Error');
                        }
                    });
                }
            });
        });

        
        $('#bntCancelBulk').on('click', function (e) {
            e.preventDefault();
            console.log('on start processing');
            var totalItems = list_table_one.data().count();
            console.log("Total items: " + totalItems);
            if (totalItems === 0) {
                toastr.error('{{ __('message_lang.NO_ITEM_TO_PROCESS') }}', 'Alert');
                return;
            }

            var batchId = $(this).data("id");
            var html = `
                <div style="text-align:left;">
                    <p>{{ trans("message_lang.CONF_REJECT_ADJUSTMENT") }}</p>
                    <textarea id="remarks" class="swal2-textarea" placeholder="{{ trans("message_lang.LBL_REMARKS") }}"></textarea>
                    <small style="color:red;display:none;" id="remarksError">{{ trans("message_lang.REMARKS_IS_REQUIRED") }}</small>
                </div>
            `;

            Swal.fire({
                title: "{{ trans('message_lang.BTN_BULK_ADJUSTMENT') }}",
                confirmButtonText: "{{ trans('message_lang.YES_I_CONFIRM') }}",
                showCancelButton: true,
                html: html,
                preConfirm: () => {
                    const remarks = document.getElementById("remarks").value.trim();
                    const letterCount = (remarks.match(/[a-zA-Z]/g) || []).length;
                    if (letterCount < 4) {
                        document.getElementById("remarksError").style.display = "block";
                        return false;
                    }
                    return remarks;
                }
            }).then((result) => {
                if (result.isConfirmed && result.value) {
                    $('#bntCancelBulk').attr("disabled", true);
                    console.log('on Cancel Batch Items');
                    $("#loading").show();
                    var url = "{{ route('agentportal.bnbwallet.cancelCashappBulkProcess') }}";
                    $.ajax({
                        url: url,
                        type: "POST",
                        data: {
                            "batch_id": batchId,
                            "remarks": result.value,
                            "_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('agentportal.bnbwallet.cashapp-bulk-adjustment-ajaxDatatable') !!}",
                    "type": "POST",
                    "dataType": "json",
                    headers: {
                        'X-CSRF-TOKEN': "{{csrf_token()}}"
                    },
                    "data": function(data) {
                        data.batch_id = "{{ $batch->id }}";
                        data.status = $("#status").val();
                    },
                },
                "columnDefs": [
                    {
                        "targets": [0], //first column / numbering column
                        "orderable": false, //set not orderable
                    }
                ],
                columns: [
                    { data: 'date', name: 'date' },
                    { data: 'country', name: 'country' },
                    { data: 'user', name: 'user' },
                    { data: 'operation', name: 'operation' },
                    { data: 'reference', name: 'reference' },
                    { data: 'status', name: 'status' },
                    { data: 'initiatedBy', name: 'initiatedBy' },
                    { data: 'processedBy', name: 'processedBy' },
                    { data: 'notes', name: 'notes' },
                    { 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