@extends("layouts.app")

@section("title", "Edit Manual Transaction")

@section("page_style")
    <link href="{{ url('css/select2.min.css') }}" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
            background-color: #00FFFF;
        }

        .select2-container--default, .select2-container .select2-selection--single {
            height: calc(1.5em + 1.3rem + 2px);
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 20px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 40px;
        }
    </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="row justify-content-center">
    <div class="col-md-12" style="padding-top: 60px;">
        <div class="page page-md comman-page-height-main user-listing">
            <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
                <div class="d-flex flex-column-fluid">
                    <!--begin::Container-->
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12">
                                <!--begin::Card-->
                                <div class="card card-custom gutter-b example-compact">
                                    <div class="card-header">
                                        <h3 class="card-title">
                                            {{ __('message_lang.LBL_EDIT_MANUAL_TXNS') }}
                                        </h3>
                                        @if($txnDetails->assigned_to == NULL)
                                            <div style="float: right; padding:10px;">
                                                <a href="javascript:void(0)" class="btn btn-primary btn-lg btn-block" onclick="assign_to_me(this);" data-txnid="{{ $txnDetails->id }}">{{ __('message_lang.LBL_ASSIGN_TO_ME') }}</a>
                                            </div>
                                        @endif
                                    </div>

                                    <!--begin::Form-->
                                    <form method="post" name="form_csr" id="form_csr" action="{{ route('csr-update', $txnDetails->id) }}" enctype="multipart/form-data">
                                        @csrf
                                        <div class="card-body">

                                            <input type="hidden" value="{{ $txnDetails->id }}" name="id">

                                            <div class="form-group">
                                                <label class="" for="bnf_name">{{ __('message_lang.LBL_BENEFICIARY_NAME') }}</label>
                                                <input class="form-control custom-field" id="bnf_name" value="{{ $bnfName }}" type="text" placeholder="{{ __('message_lang.LBL_BENEFICIARY_NAME') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="sending_company">{{ __('message_lang.LBL_SENDING_COMPANY') }}</label>
                                                <input class="form-control custom-field" id="sending_company" value="{{ $sendingCompanyName }}" type="text" placeholder="{{ __('message_lang.LBL_SENDING_COMPANY') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="pickup_code">{{ __('message_lang.LBL_PICKUP_CODE') }}</label>
                                                <input class="form-control custom-field" id="pickup_code" value="{{ $txnDetails->pickup_code }}" type="text" placeholder="{{ __('message_lang.LBL_PICKUP_CODE') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="amount">{{ __('message_lang.LBL_AMOUNT') }}</label>
                                                <input class="form-control custom-field" id="amount" value="{{ $txnDetails->amount }}" type="text" placeholder="{{ __('message_lang.LBL_AMOUNT') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="currency">{{ __('message_lang.LBL_CURRENCY') }}</label>
                                                <input class="form-control custom-field" id="currency" value="{{ $currencyName }}" type="text" placeholder="{{ __('message_lang.LBL_CURRENCY') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="payout_amount">{{ __('message_lang.LBL_PAYOUT_AMOUNT') }}</label>
                                                <input class="form-control custom-field" id="payout_amount" value="{{ $txnDetails->payout_amount }}" type="text" placeholder="{{ __('message_lang.LBL_PAYOUT_AMOUNT') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="payout_currency">{{ __('message_lang.LBL_PAYOUT_CURRENCY') }}</label>
                                                <input class="form-control custom-field" id="payout_currency" value="{{ $txnDetails->payout_currency }}" type="text" placeholder="{{ __('message_lang.LBL_PAYOUT_CURRENCY') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="deposit_company">{{ __('message_lang.LBL_RECEIVING_COMPANY') }}</label>
                                                <input class="form-control custom-field" id="deposit_company" value="{{ ($depositCompanyCode != '') ? $depositCompanyName.' - '.$depositCompanyCode : $depositCompanyName }}" type="text" placeholder="{{ __('message_lang.LBL_DEPOSIT_COMPANY') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="account_number">{{ __('message_lang.PLACEHOLDER_ACCOUNT_NUMBER') }}</label>
                                                <input class="form-control custom-field" id="account_number" value="{{ $accountNumber }}" type="text" placeholder="{{ __('message_lang.PLACEHOLDER_ACCOUNT_NUMBER') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="government_id_type">{{ __('message_lang.LBL_GOVERNMENT_ID_TYPE') }}</label>
                                                <input class="form-control custom-field" id="government_id" value="{{ isset($userGovermentIds) ? $userGovermentIds->govermentidToType->id_type_description : '' }}" type="text" placeholder="{{ __('message_lang.LBL_GOVERNMENT_ID_TYPE') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="government_id_number">{{ __('message_lang.LBL_GOVERNMENT_ID_NUMBER') }}</label>
                                                <input class="form-control custom-field" id="government_id_number" value="{{ isset($userGovermentIds) ? $userGovermentIds->government_id_number : '' }}" type="text" placeholder="{{ __('message_lang.LBL_GOVERNMENT_ID_NUMBER') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="assigned_to">{{ __('message_lang.LBL_ASSIGNED_TO') }}</label>
                                                <input class="form-control custom-field" id="assigned_to" value="{{ $assigneeName }}" type="text" placeholder="{{ __('message_lang.LBL_ASSIGNED_TO') }}" readonly>
                                            </div>

                                            <div class="form-group">
                                                <label class="" for="status">{{ __('message_lang.LBL_STATUS') }}</label><span style="color:red;">{{" *"}}</span>
                                                @if($txnDetails->status == $txnStatus['Payment_completed'] || $txnDetails->status == $txnStatus['Invalid'])
                                                    <input class="form-control custom-field" id="status" value="{{ $txnDetails->status == $txnStatus['Payment_completed'] ? config('constants.manual_txn_status.PAYMENT_COMPLETED') : config('constants.manual_txn_status.INVALID') }}" type="text" placeholder="{{ __('message_lang.LBL_ASSIGNED_TO') }}" readonly>
                                                @else
                                                    <select class="form-control @error('status') is-invalid @enderror custom-field" name="status" id="status" autocomplete="status">
                                                        <option value="" @if(old('status') == "") selected @endif>{{ __('message_lang.LBL_SELECT_STATUS') }}</option>
                                                        <option value="{{ $txnStatus['New'] }}" {{ $txnDetails->status == $txnStatus['New'] ? 'selected' : '' }} {{ $txnDetails->assigned_to ? 'disabled' : '' }}>{{ config('constants.manual_txn_status.NEW') }}</option>
                                                        @if($txnDetails->status != $txnStatus['Invalid'])
                                                                @if($txnDetails->status == $txnStatus['Inprogress'])
                                                                <option value="{{ $txnStatus['Inprogress'] }}" {{ $txnDetails->status == $txnStatus['Inprogress'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.INPROGRESS') }}</option>
                                                                @endif
                                                                @if($txnDetails->status == $txnStatus['Inprogress'] || $txnDetails->status == $txnStatus['Remittance_verified'])
                                                                <option value="{{ $txnStatus['Remittance_verified'] }}" {{ $txnDetails->status == $txnStatus['Remittance_verified'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.REMITTANCE_VERIFIED') }}</option>
                                                                @endif
                                                                @if($txnDetails->status == $txnStatus['Payment_completed'] || $txnDetails->status == $txnStatus['Remittance_verified'] || $txnDetails->status == $txnStatus['MP_DONE'])
                                                                <option value="{{ $txnStatus['Payment_completed'] }}" {{ $txnDetails->status == $txnStatus['Payment_completed'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.PAYMENT_COMPLETED') }}</option>
                                                                @endif
                                                                @if($txnDetails->status == $txnStatus['MP_DONE'] )
                                                                <option value="{{ $txnStatus['MP_DONE'] }}" {{ $txnDetails->status == $txnStatus['MP_DONE'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.MP_DONE') }}</option>
                                                                @endif
                                                                @if($txnDetails->status == $txnStatus['MP_PENDING'] )
                                                                <option value="{{ $txnStatus['MP_PENDING'] }}" {{ $txnDetails->status == $txnStatus['MP_PENDING'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.MP_PENDING') }}</option>
                                                                @endif
                                                                @if($txnDetails->assigned_to != null)
                                                                <option value="{{ $txnStatus['Invalid'] }}" {{ $txnDetails->status == $txnStatus['Invalid'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.INVALID') }}</option>
                                                                @endif
                                                        @else
                                                            @if($txnDetails->assigned_to != null)
                                                                <option value="{{ $txnStatus['Invalid'] }}" {{ $txnDetails->status == $txnStatus['Invalid'] ? 'selected' : '' }}>{{ config('constants.manual_txn_status.INVALID') }}</option>
                                                            @endif
                                                        @endif
                                                    </select>
                                                @endif

                                                @error('status')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>

                                            <div class="form-group">
                                                <label for="admin_notes">{{ __('message_lang.LBL_COMMENTS') }}</label><span style="color:red; display: none;" id="admin_star">{{" *"}}</span>
                                                <textarea class="form-control @error('admin_notes') is-invalid @enderror" id="admin_notes" name="admin_notes" placeholder="{{ __('message_lang.LBL_COMMENTS') }}" rows="4">{{ old('admin_notes', @$txnDetails->admin_notes) }}</textarea>
                                                @error('admin_notes')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>

                                        </div>
                                        <div class="card-footer">
                                            @if($txnDetails->assigned_to == Auth::user()->id)
                                                @if($txnDetails->status == $txnStatus['Payment_completed'] || $txnDetails->status == $txnStatus['Invalid'])

                                                @else
                                                    <button type="submit" class="btn btn-primary mr-2">{{ __('message_lang.BTN_SUBMIT') }}</button>
                                                @endif
                                            @endif
                                            <a href="{{ route('csr-index') }}" class="btn btn-secondary">{{ __('message_lang.BUTTON_CANCEL') }}</a>
                                        </div>
                                    </form>
                                    <!--end::Form-->
                                </div>
                                <!--end::Card-->

                                @if(in_array($txnDetails->status, [$txnStatus['Remittance_verified'],$txnStatus['MP_DONE'],$txnStatus['MP_PENDING']]) && !$availableForManualTxn )
                                <!-- Checking if availableForManualTxn is true &&  status in (Remittance_verified,MP_DONE,MP_PENDING) -->
                                    <!--begin::Card-->
                                    <div class="card card-custom gutter-b example-compact">
                                        <div class="card-header">
                                            <h3 class="card-title">
                                                {{ __('message_lang.LBL_PROCESS_PAYMENT_MANUAL_TXNS') }}
                                            </h3>
                                        </div>
                                        @if($txnDetails->status == $txnStatus['Remittance_verified'])
                                        <!--begin::Form-->
                                            <form method="post" name="form_csr_manual_send" id="form_csr_manual_send" action="{{ route('csr-manual-send', $txnDetails->id) }}" enctype="multipart/form-data">
                                                @csrf
                                                <div class="card-body">
                                                    <input type="hidden" value="{{ $txnDetails->id }}" name="id">
                                                    <input type="hidden" value="false" name="allow" id="allow">

                                                    <div class="form-group col-6">
                                                        <label class="" for="first_name">{{ __('message_lang.LBL_SENDER_FNAME') }} <span style="color:red;">*</span></label>
                                                        <input  class="form-control custom-field" id="first_name" name="first_name"   type="text" placeholder="{{ __('message_lang.LBL_SENDER_FNAME') }}"  >
                                                    </div>

                                                    <div class="form-group col-6">
                                                        <label class="" for="last_name">{{ __('message_lang.LBL_SENDER_LNAME') }} <span style="color:red;">*</span></label>
                                                        <input  class="form-control custom-field" id="last_name" name="last_name"   type="text" placeholder="{{ __('message_lang.LBL_SENDER_LNAME') }}"  >
                                                    </div>

                                                    <div class="form-group col-6">
                                                        <label class="" for="sending_countrycode">{{ __('message_lang.LBL_SENDING_COUNTRY') }} <span style="color:red;">*</span></label>
                                                        <select class="form-control @error('sending_countrycode') is-invalid @enderror custom-field" name="sending_countrycode" id="sending_countrycode" autocomplete="sending_countrycode">
                                                            <option value="" @if(old('sending_countrycode') == "") selected @endif>Select Country</option>
                                                            @forelse ($countries as $item)
                                                                <option value="{{$item['country_code']}}">{{$item['country_name']}}</option>
                                                            @empty
                                                            @endforelse
                                                        </select>
                                                    </div>

                                                    <div class="form-group col-6">
                                                        <label class="" for="sending_fees">{{ __('message_lang.LBL_SENDING_FEES') }}</label>
                                                        <input  class="form-control custom-field" id="sending_fees" name="sending_fees"   type="number" placeholder="{{ __('message_lang.LBL_SENDING_FEES') }}"  >
                                                    </div>

                                                    <div class="form-group col-6">
                                                        <label class="" for="amount_to_send">{{ __('message_lang.LBL_RECEIVER_AMOUNT') }} <span style="color:red;">*</span></label>
                                                        <input  class="form-control custom-field" id="amount_to_send" name="amount_to_send"   type="number" placeholder="{{ __('message_lang.LBL_RECEIVER_AMOUNT') }}"  >
                                                    </div>

                                                    <div class="form-group col-6">
                                                        <label class="" for="amount_to_send2">{{ __('message_lang.LBL_AMOUNT_AGAIN') }} <span style="color:red;">*</span></label>
                                                        <input  class="form-control custom-field" id="amount_to_send2" name="amount_to_send2"   type="number" placeholder="{{ __('message_lang.LBL_AMOUNT_AGAIN') }}"  >
                                                    </div>
                                                </div>
                                                <div class="card-footer">
                                                    @if($txnDetails->assigned_to == Auth::user()->id)
                                                            @if($txnDetails->status == $txnStatus['Remittance_verified'])
                                                                <button type="submit" class="btn btn-primary mr-2 submitManualTxn">{{ __('message_lang.BTN_MANUAL_SEND') }}</button>
                                                            @endif
                                                    @endif
                                                    <a href="{{ route('csr-index') }}" class="btn btn-secondary">{{ __('message_lang.BUTTON_CANCEL') }}</a>
                                                </div>
                                            </form>

                                        @elseif(in_array($txnDetails->status, [$txnStatus['MP_DONE'],$txnStatus['MP_PENDING']]))
                                            <div class="card-body">
                                                <button type="submit" id="form_csr_manual_chck_status" class="btn btn-primary mr-2" onclick="chckStatus(this);" data-txnid="{{ $txnDetails->transaction_reference }}">{{ __('message_lang.BTN_MANUAL_CHECK_STATUS') }}</button>
                                            </div>
                                            <div class="card-footer">
                                            </div>
                                        @endif
                                        <!--end::Form-->
                                    </div>
                                <!--end::Card-->
                                @endif
                            </div>
                        </div>
                    </div>
                    <!--end::Container-->
                </div>
                <!--end::Entry-->
            </div>
        </div>
    </div>
</div>
@endsection

@section("page_vendors")
<script src="{{ asset('ex_plugins/jquery-validation-1.19.1/dist/jquery.validate.js') }}"></script>
@endsection

@section("page_script")
<script type="text/javascript">

    $(document).ready(function ()
    {
        $("#sending_countrycode").select2({
            allowClear: true,
            placeholder: "{{ __('message_lang.LBL_ALL') }}",
        });

        $('#status').on('change', function() {
            if (this.value == {{ $invalidStatus }})
            {
                $("#admin_star").show();
            }
            else
            {
                $("#admin_star").hide();
            }
        });

        $(document).on("click", ".submitManualTxn", function() {
            $("#loading").show();
        })

        $("#form_csr").validate({
            errorElement: "span", // contain the error msg in a span tag
            errorClass: 'help-block',
            errorPlacement: function (error, element)
            {
                // render error placement for each input type
                error.insertAfter(element);
                // for other inputs, just perform default behavior
            },
            ignore: "",
            rules:
            {
                status:
                {
                    required: true
                },
                admin_notes:
                {
                    required: function() {
                        if ($('#status').val() == {{ $invalidStatus }}) {
                            return true;
                        } else {
                            return false;
                        }
                    }
                },
            },
            messages:
            {
                status:
                {
                    required: '{{ __('message_lang.PLEASE_SELECT_STATUS') }}'
                },
                admin_notes:
                {
                    required: '{{ __('message_lang.PLEASE_ENTER_ADMIN_NOTES') }}',
                },
            },
            invalidHandler: function (event, validator)
            {
                //display error alert on form submit
                // debugger;
                //successHandler1.hide();
                //errorHandler1.show();
            },
            highlight: function (element)
            {
                $(element).closest('.help-block').removeClass('valid');
                // display OK icon
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error').find('.symbol').removeClass('ok').addClass('required');
                $("#loading").hide();
                // add the Bootstrap error class to the control group
            },
            unhighlight: function (element)
            {
                // revert the change done by hightlight
                $(element).closest('.form-group').removeClass('has-error');
                // set error class to the control group
            },
            success: function (label, element)
            {
                label.addClass('help-block valid');
                // mark the current input as valid and display OK icon
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success').find('.symbol').removeClass('required').addClass('ok');
            },
            submitHandler: function (frmadd)
            {
                successHandler1.show();
                errorHandler1.hide();
                $("#loading").hide();
            }
        });

        $('#form_csr_manual_send').submit(function(e){
            if($("#first_name").val() != "" && $("#last_name").val() != "" && $("#sending_countrycode").val() != "" && $("#amount_to_send").val() != "" && $("#amount_to_send2").val() != "") {
                $("#loading").show();
            } else {
                $("#loading").hide();
            }
        });

        $("#form_csr_manual_send").validate({
            errorElement: "span", // contain the error msg in a span tag
            errorClass: 'help-block',
            errorPlacement: function (error, element) {
                error.insertAfter(element);
            },
            ignore: "",
            rules: {
                first_name: {
                    required: true
                },
                last_name: {
                    required: true,
                },
                sending_countrycode: {
                    required: true
                },
                amount_to_send: {
                    required: true
                },
                amount_to_send2: {
                    required: true,
                    equalTo: '#amount_to_send'
                },
            },
            messages: {
                first_name: {
                    required: '{{ __('message_lang.PLEASE_ENTER_FIRST_NAME') }}'
                },
                last_name: {
                    required: '{{ __('message_lang.PLEASE_ENTER_LAST_NAME') }}',
                },
                sending_countrycode: {
                    required: '{{ __('message_lang.PLEASE_SELECT_COUNTRY') }}'
                },
                amount_to_send: {
                    required: '{{ __('message_lang.PLEASE_ENTER_AMOUNT') }}'
                },
                amount_to_send2: {
                    required: '{{ __('message_lang.PLEASE_CONFIRM_AMOUNT') }}',
                    equalTo: '{{ __('message_lang.LBL_AMOUNT_SHOULD_MATCH') }}'
                },
            },
            invalidHandler: function (event, validator) {
            },
            highlight: function (element) {
                $(element).closest('.help-block').removeClass('valid');
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error').find('.symbol').removeClass('ok').addClass('required');
                $("#loading").hide();
            },
            unhighlight: function (element) {
                $(element).closest('.form-group').removeClass('has-error');
            },
            success: function (label, element) {
                label.addClass('help-block valid');
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success').find('.symbol').removeClass('required').addClass('ok');
            },
            submitHandler: function (frmadd) {
                console.log(frmadd);
                errorHandler1.hide();
                $("#loading").hide();
            }
        });
    });

    function assign_to_me(a_object)
    {
        var txnId = $(a_object).data("txnid");

        $.ajax(
        {
            "url": "{!! route('csr-assign-to-me') !!}",
            "dataType": "json",
            "type": "POST",
            "data":
            {
                txnId: txnId,
                _token: "{{csrf_token()}}"
            },
            success: function (response)
            {

                if (response.status == "success")
                {
                    location.reload();
                    toastr.success('{{ __("message_lang.CSR_TXN_ASSIGNED_TO_U_SUCCESSFULLY") }}', 'Success');
                }
                else
                {
                    toastr.error('{{ __("message_lang.CSR_TXN_FAILED_TO_ASSIGNED") }}', 'Error');
                }
            }
        });
    }
    function chckStatus(a_object)
    {
        let txnId = $(a_object).data("txnid");
        var url = '{{ route("csr-manual-check", ":txnId") }}';
        url = url.replace(':txnId', txnId);
        $.ajax(
        {
            "url": url,
            "dataType": "json",
            "type": "POST",
            "data":
            {
                reference_no: txnId,
                id: "{{$txnDetails->id}}",
                _token: "{{csrf_token()}}"
            },
            success: function (response)
            {

                // console.log(response)
                if (response.status == "1")
                {
                    toastr.success('{{ __("message_lang.MP_CHECK_STATUS_DONE") }}', 'Success');
                    location.reload();
                }
                else if (response.status == "2")
                {
                    toastr.success('{{ __("message_lang.MP_TRANSACTION_PENDING") }}', 'Success');
                    // location.reload();
                }
                else
                {
                    toastr.error('{{ __("message_lang.MP_CHECK_FAILED") }}', 'Error');
                    console.log('{{ __("message_lang.MP_CHECK_FAILED") }} :: Reason->',response.message);
                    location.reload();
                }
            }
        });
    }

</script>
@endsection