@extends("admin.layouts.layout")

@if(isset($destId))
    @section("title", "Update Sending Partner Destination")
@else
    @section("title", "Add Sending Partner Destination")
@endif

@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;
}
</style>
@endsection

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Subheader-->
    <!--end::Subheader-->
    <!--begin::Entry-->
    <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">
                                @if(isset($destId))
                                    {{ __('message_lang.LBL_SENDING_PARTNER_DESTINATION_UPDATE') }}
                                @else
                                    {{ __('message_lang.LBL_SENDING_PARTNER_DESTINATION_ADD') }}
                                @endif
                            </h3>
                        </div>
                        <!--begin::Form-->
                        <form method="post" name="frm_crud_country" id="frm_crud_country" action="{{ route('admin-om-gin-ussd-store-dest') }}" enctype="multipart/form-data">

                            @csrf

                            <div class="card-body">
                                @if(isset($destId))
                                <input type="hidden" name="hdn_max_limit_send_amount_single_txn" id="hdn_max_limit_send_amount_single_txn" value="{{ $config->max_limit_send_amount_single_txn }}">
                                <input type="hidden" name="hdn_max_limit_total_send_amount_1_day" id="hdn_max_limit_total_send_amount_1_day" value="{{ $config->max_limit_total_send_amount_1_day }}">
                                <input type="hidden" name="hdn_max_limit_total_send_amount_7_days" id="hdn_max_limit_total_send_amount_7_days" value="{{ $config->max_limit_total_send_amount_7_days }}">
                                <input type="hidden" name="hdn_max_limit_total_send_amount_30_days" id="hdn_max_limit_total_send_amount_30_days" value="{{ $config->max_limit_total_send_amount_30_days }}">
                                <input type="hidden" name="hdn_min_limit_send_amount" id="hdn_min_limit_send_amount" value="{{ $config->min_limit_send_amount }}">
                                @endif

                                <div class="form-group">
                                    <label for="sending_partner_id">{{ __('message_lang.LBL_BNB_PARTNER_NAME') }} <span style="color:red;">*</span></label>
                                    <select class="form-control @error('sending_partner_id') is-invalid @enderror custom-field" name="sending_partner_id" id="sending_partner_id" autocomplete="sending_partner_id" @if(isset($destId)) disabled @endif>
                                        @if(isset($destId))
                                            <option value=""  selected>{{ (isset($dest) && isset($dest->sending_partner_name) ? $dest->sending_partner_name : '-') }}</option>
                                        @else
                                            <option disabled value="" @if(old('sending_partner_id') == "") selected @endif>{{ __('message_lang.LBL_SELECT_API_PARTNER') }}</option>
                                            @foreach ($sendingPartners as $value)
                                                <option value="{{ $value->id }}" data-currency="{{ $value->getActiveCurrencies }}" data-config="{{ $value->sendingPartnerConfiguration }}">{{ $value->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @error('sending_partner_id')
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="dest_country_code">{{ __('message_lang.LBL_COUNTRY') }} <span style="color:red;">*</span></label>
                                    <select class="form-control @error('dest_country_code') is-invalid @enderror custom-field" name="dest_country_code" id="dest_country_code" autocomplete="dest_country_code" @if(isset($destId)) disabled @endif>
                                        @if(isset($destId))
                                            <option value="" selected>{{ (isset($dest) && isset($dest->country_code) ? $dest->country_name : '-') }}</option>
                                        @else
                                            <option disabled value="" @if(old('dest_country_code') == "") selected @endif>{{ __('message_lang.LBL_SELECT_COUNTRY') }}</option>
                                            @foreach ($countries as $value)
                                                <option value="{{ $value->country_code }}" data-currency="{{ $value->getActiveCurrencies}}" data-name="{{ $value->country_name}}">{{ $value->country_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @error('dest_country_code')
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="custom_country_name">{{ __('message_lang.LBL_CUSTOM_COUNTRY_NAME') }}</label>
                                    <input class="form-control @error('custom_country_name') is-invalid @enderror custom-field" id="custom_country_name" name="custom_country_name" value="{{ old('custom_country_name', @(isset($dest) && $dest->custom_country_name ? $dest->custom_country_name : '' )) }}" type="text" placeholder="{{ __('message_lang.LBL_CUSTOM_COUNTRY_NAME') }}" @if(isset($dest) && $dest->custom_country_name == '0') disabled @endif >
                                    @error('custom_country_name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="currency">{{ __('message_lang.LBL_CURRENCY') }} <span style="color:red;">*</span></label>
                                    <select class="form-control @error('currency') is-invalid @enderror custom-field" name="currency" id="currency" autocomplete="currency" @if(isset($destId)) disabled @endif>
                                        @if(isset($destId))
                                            <option value="{{$dest->currency}}" selected disabled>{{$dest->currency}}</option>
                                        @else
                                            <option value="" selected disabled> --- Select Currency --- </option>
                                        @endif
                                    </select>
                                    @error('currency')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                {{-- <div class="form-group">
                                    <label class="" for="currency">{{ __('message_lang.LBL_CURRENCY') }} <span style="color:red;">*</span></label>
                                    <input class="form-control @error('currency') is-invalid @enderror custom-field" id="currency" type="text" value="{{ old('currency', @(isset($dest) && isset($dest->currency)) ? $dest->currency : '') }}" name="currency" @if(isset($destId)) disabled @endif>

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

                                <div class="form-group">
                                    <label for="status">{{ __('message_lang.LBL_STATUS') }} <span style="color:red;">*</span></label>
                                    <select class="form-control @error('status') is-invalid @enderror custom-field" name="status" id="status" autocomplete="status">
                                        <option value="1" {{ old('status', @(isset($dest) && $dest->status == 1) ? 'selected' : '') }}>Active</option>
                                        <option value="0" {{ old('status', @(isset($dest) && $dest->status == 0) ? 'selected' : '') }}>Inactive</option>
                                    </select>
                                    @error('status')
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="">{{ trans('message_lang.LBL_USE_CUSTOM_LIMITATION') }}<span style="color:red;"></span></label>
                                    <div class="clearfix">
                                        <label class="switch">
                                            <input type="checkbox" name="use_custom_limitation" value="1" id="use_custom_limitation" @if (old('use_custom_limitation', @(isset($dest) && $dest->use_custom_limitation)) == '1') checked @endif>
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="" for="max_limit_send_amount_single_txn">{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_SINGLE_TXN') }}</label>
                                    <input min="0.01" step="0.01" onkeyup="if(this.value<0){this.value= this.value * -1}" class="form-control @error('max_limit_send_amount_single_txn') is-invalid @enderror custom-field" id="max_limit_send_amount_single_txn" name="max_limit_send_amount_single_txn" value="{{ old('max_limit_send_amount_single_txn', @(isset($dest) && $dest->max_limit_send_amount_single_txn ? $dest->max_limit_send_amount_single_txn : '' )) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_SINGLE_TXN') }}" @if(isset($dest) && $dest->use_custom_limitation == '0') disabled @endif >
                                    @error('max_limit_send_amount_single_txn')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="max_limit_total_send_amount_1_day">{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_1_DAY') }}</label>
                                    <input min="0.01" step="0.01" onkeyup="if(this.value<0){this.value= this.value * -1}" class="form-control @error('max_limit_total_send_amount_1_day') is-invalid @enderror custom-field" id="max_limit_total_send_amount_1_day" name="max_limit_total_send_amount_1_day" value="{{ old('max_limit_total_send_amount_1_day', @(isset($dest) && $dest->max_limit_total_send_amount_1_day ? $dest->max_limit_total_send_amount_1_day : '' )) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_1_DAY') }}" @if(isset($dest) && $dest->use_custom_limitation == '0') disabled @endif >
                                    @error('max_limit_total_send_amount_1_day')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="max_limit_total_send_amount_7_days">{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_7_DAYS') }}</label>
                                    <input min="0.01" step="0.01" onkeyup="if(this.value<0){this.value= this.value * -1}" class="form-control @error('max_limit_total_send_amount_7_days') is-invalid @enderror custom-field" id="max_limit_total_send_amount_7_days" name="max_limit_total_send_amount_7_days" value="{{ old('max_limit_total_send_amount_7_days', @(isset($dest) && $dest->max_limit_total_send_amount_7_days ? $dest->max_limit_total_send_amount_7_days : '' )) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_7_DAYS') }}" @if(isset($dest) && $dest->use_custom_limitation == '0') disabled @endif>
                                    @error('max_limit_total_send_amount_7_days')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="max_limit_total_send_amount_30_days">{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_30_DAYS') }}</label>
                                    <input min="0.01" step="0.01" onkeyup="if(this.value<0){this.value= this.value * -1}" class="form-control @error('max_limit_total_send_amount_30_days') is-invalid @enderror custom-field" id="max_limit_total_send_amount_30_days" name="max_limit_total_send_amount_30_days" value="{{ old('max_limit_total_send_amount_30_days', @(isset($dest) &&$dest->max_limit_total_send_amount_30_days ? $dest->max_limit_total_send_amount_30_days : '' )) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_30_DAYS') }}" @if(isset($dest) && $dest->use_custom_limitation == '0') disabled @endif>
                                    @error('max_limit_total_send_amount_30_days')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="min_limit_send_amount">{{ __('message_lang.LBL_SEND_MONEY_MIN_AMOUNT_LIMIT') }}</label>
                                    <input min="0.01" step="0.01" onkeyup="if(this.value<0){this.value= this.value * -1}" class="form-control @error('min_limit_send_amount') is-invalid @enderror custom-field" id="min_limit_send_amount" name="min_limit_send_amount" value="{{ old('min_limit_send_amount', @(isset($dest) && $dest->min_limit_send_amount ? $dest->min_limit_send_amount : '' )) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MIN_AMOUNT_LIMIT') }}" @if(isset($dest) && $dest->use_custom_limitation == '0') disabled @endif>
                                    @error('min_limit_send_amount')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>


                            </div>

                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary mr-2">{{ __('message_lang.BTN_SUBMIT') }}</button>
                                <a href="{{ route('admin-om-gin-ussd-dests') }}" class="btn btn-secondary">{{ __('message_lang.BUTTON_CANCEL') }}</a>
                            </div>
                        </form>
                        <!--end::Form-->
                    </div>
                    <!--end::Card-->
                </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>
@endsection

@section("page_script")
<!-- <script src="{{ url('js/select2.min.js') }}"></script> -->

<script type="text/javascript">
    var sConfigs = null;
    var use_custom_limitation = 0;
    $(document).ready(function () {


        // $("#max_limit_send_amount_single_txn").val($("#hdn_max_limit_send_amount_single_txn").val());
        // $("#max_limit_total_send_amount_1_day").val($("#hdn_max_limit_total_send_amount_1_day").val());
        // $("#max_limit_total_send_amount_7_days").val($("#hdn_max_limit_total_send_amount_7_days").val());
        // $("#max_limit_total_send_amount_30_days").val($("#hdn_max_limit_total_send_amount_30_days").val());
        // $("#min_limit_send_amount").val($("#hdn_min_limit_send_amount").val());

        // $("#max_limit_send_amount_single_txn").attr('disabled', 'disabled');
        // $("#max_limit_total_send_amount_1_day").attr('disabled', 'disabled');
        // $("#max_limit_total_send_amount_7_days").attr('disabled', 'disabled');
        // $("#max_limit_total_send_amount_30_days").attr('disabled', 'disabled');
        // $("#min_limit_send_amount").attr('disabled', 'disabled');

        $("#use_custom_limitation").change(function() {
            console.log(this.checked);
            if(this.checked == false) {
                use_custom_limitation = false;
                if(sConfigs == null) {
                    $("#max_limit_send_amount_single_txn").val($("#hdn_max_limit_send_amount_single_txn").val());
                    $("#max_limit_total_send_amount_1_day").val($("#hdn_max_limit_total_send_amount_1_day").val());
                    $("#max_limit_total_send_amount_7_days").val($("#hdn_max_limit_total_send_amount_7_days").val());
                    $("#max_limit_total_send_amount_30_days").val($("#hdn_max_limit_total_send_amount_30_days").val());
                    $("#min_limit_send_amount").val($("#hdn_min_limit_send_amount").val());
                } else {
                    $("#max_limit_send_amount_single_txn").val(sConfigs.max_limit_send_amount_single_txn);
                    $("#max_limit_total_send_amount_1_day").val(sConfigs.max_limit_total_send_amount_1_day);
                    $("#max_limit_total_send_amount_7_days").val(sConfigs.max_limit_total_send_amount_7_days);
                    $("#max_limit_total_send_amount_30_days").val(sConfigs.max_limit_total_send_amount_30_days);
                    $("#min_limit_send_amount").val(sConfigs.min_limit_send_amount);
                }

                // console.log($("#hdn_max_limit_send_amount_single_txn").val());

                $("#max_limit_send_amount_single_txn").attr('disabled', 'disabled');
                $("#max_limit_total_send_amount_1_day").attr('disabled', 'disabled');
                $("#max_limit_total_send_amount_7_days").attr('disabled', 'disabled');
                $("#max_limit_total_send_amount_30_days").attr('disabled', 'disabled');
                $("#min_limit_send_amount").attr('disabled', 'disabled');
            } else {
                use_custom_limitation = true;

                $("#max_limit_send_amount_single_txn").removeAttr('disabled');
                $("#max_limit_total_send_amount_1_day").removeAttr('disabled');
                $("#max_limit_total_send_amount_7_days").removeAttr('disabled');
                $("#max_limit_total_send_amount_30_days").removeAttr('disabled');
                $("#min_limit_send_amount").removeAttr('disabled');
            }
        });

        $("#frm_crud_country").validate({
            errorElement: "span", // contain the error msg in a span tag
            errorClass: 'help-block',
            errorPlacement: function (error, element) {
                error.insertAfter(element);
            },
            ignore: "",
            rules:
            {
                sending_partner_id: {
                    required: true
                },
                dest_country_code: {
                    required: true,
                },
                custom_country_name: {
                    required: true,
                },
                currency: {
                    required: true,
                },
                max_limit_send_amount_single_txn: {
                    required: true,
                },
                max_limit_total_send_amount_1_day: {
                    required: true,
                },
                max_limit_total_send_amount_7_days: {
                    required: true,
                },
                max_limit_total_send_amount_30_days: {
                    required: true,
                },
                min_limit_send_amount: {
                    required: true,
                },
            },
            messages:
            {
                sending_partner_id: {
                    required: '{{ __('message_lang.PLEASE_SELECT_PARTNER') }}'
                },
                dest_country_code: {
                    required: '{{ __('message_lang.PLEASE_SELECT_COUNTRY') }}',
                },
                custom_country_name: {
                    required: '{{ __('message_lang.PLEASE_ENTER_COUNTRY_CUSTOM_NAME') }}',
                },
                currency: {
                    required: '{{ __('message_lang.PLEASE_ENTER_CURRENCY') }}',
                },
                max_limit_send_amount_single_txn: {
                    required: '{{ __('message_lang.PLEASE_ENTER_LIMIT') }}',
                },
                max_limit_total_send_amount_1_day: {
                    required: '{{ __('message_lang.PLEASE_ENTER_LIMIT') }}',
                },
                max_limit_total_send_amount_7_days: {
                    required: '{{ __('message_lang.PLEASE_ENTER_LIMIT') }}',
                },
                max_limit_total_send_amount_30_days: {
                    required: '{{ __('message_lang.PLEASE_ENTER_LIMIT') }}',
                },
                min_limit_send_amount: {
                    required: '{{ __('message_lang.PLEASE_ENTER_LIMIT') }}',
                },
            },
            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');
            },
            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)
            {
                successHandler1.show();
                errorHandler1.hide();
            }
        });

        $(document).on("change", "#sending_partner_id", function() {
            var partnerId = $(this).val();

            var code = $('option:selected', this).attr('data-config');
            console.log(code);
            if(code != "") {
                sConfigs = JSON.parse(code);
                console.log(sConfigs);
                // if() {}

                if(use_custom_limitation == false && sConfigs != String.empty) {
                    $("#max_limit_send_amount_single_txn").val(sConfigs.max_limit_send_amount_single_txn);
                    $("#max_limit_total_send_amount_1_day").val(sConfigs.max_limit_total_send_amount_1_day);
                    $("#max_limit_total_send_amount_7_days").val(sConfigs.max_limit_total_send_amount_7_days);
                    $("#max_limit_total_send_amount_30_days").val(sConfigs.max_limit_total_send_amount_30_days);
                    $("#min_limit_send_amount").val(sConfigs.min_limit_send_amount);

                    $("#max_limit_send_amount_single_txn").attr('disabled', 'disabled');
                    $("#max_limit_total_send_amount_1_day").attr('disabled', 'disabled');
                    $("#max_limit_total_send_amount_7_days").attr('disabled', 'disabled');
                    $("#max_limit_total_send_amount_30_days").attr('disabled', 'disabled');
                    $("#min_limit_send_amount").attr('disabled', 'disabled');
                }
            } else {
                $("#max_limit_send_amount_single_txn").val("");
                $("#max_limit_total_send_amount_1_day").val("");
                $("#max_limit_total_send_amount_7_days").val("");
                $("#max_limit_total_send_amount_30_days").val("");
                $("#min_limit_send_amount").val("");
            }


        });

        $(document).on("change", "#dest_country_code", function() {
            var countrry = $(this).val();

            var code = $('option:selected', this).attr('data-currency');
            console.log(code);
            const currencies = JSON.parse(code);
            var html = "";

            {{--  if(partnerId)  --}}

            $.each(currencies,function(i, j) {
                console.log(j);
                html += "<option value='"+j.currency_code+"'>"+j.currency_code+"</option>";
            });
            $("#currency").html(html);


            var code = $('option:selected', this).attr('data-name');
            document.getElementById("custom_country_name").value = code;
        });
    });
</script>
@endsection