@extends("admin.layouts.layout")

@if(isset($configId))
    @section("title", "Update Sending Partner Configuration")
@else
    @section("title", "Add Sending Partner Configuration")
@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($configId))
                                    {{ __('message_lang.LBL_SENDING_PARTNER_CONFIGURATION_UPDATE') }}
                                @else
                                    {{ __('message_lang.LBL_SENDING_PARTNER_CONFIGURATION_ADD') }}
                                @endif
                            </h3>
                        </div>
                        <!--begin::Form-->
                        <form method="post" name="frm_crud_country" id="frm_crud_country" action="{{ route('admin-om-gin-ussd-store-config') }}" enctype="multipart/form-data">

                            @csrf

                            <div class="card-body">

                                <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($configId)) disabled @endif>
                                        @if(isset($configId))
                                            <option value="" selected>{{ (isset($config) && isset($config->name) ? $config->name : '-') }}</option>
                                        @else
                                            <option disabled value="" @if(old('sending_partner_id') == "") selected @endif>{{ __('message_lang.LBL_SELECT_API_PARTNER') }}</option>
                                            @foreach ($partners as $value)
                                                <option value="{{ $value->id }}" data-currencies="{{ $value->currencies }}">{{ $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 class="" for="balance">{{ __('message_lang.LBL_BALANCE') }} <span style="color:red;">*</span></label>
                                    <input class="form-control @error('balance') is-invalid @enderror custom-field" id="balance" type="text" value="{{ old('balance', @(isset($config->balance)) ? $config->balance : '') }}" name="balance" @if(isset($configId)) disabled @endif>
                                    @error('balance')
                                    <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($configId)) disabled @endif>
                                        @if(isset($configId))
                                            <option value="{{$config->currency}}" selected disabled>{{$config->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="max_credit_amount">{{ __('message_lang.LBL_MAX_CREDIT_LIMIT') }} <span style="color:red;">*</span></label>
                                    <input class="form-control @error('max_credit_amount') is-invalid @enderror custom-field" id="max_credit_amount" type="text" value="{{ old('max_credit_amount', @(isset($config->max_credit_amount)) ? $config->max_credit_amount : '') }}" placeholder="Enter max credit limit" name="max_credit_amount">
                                    @error('max_credit_amount')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="mark_up_rate">{{ __('message_lang.LBL_MARK_UP_RATE') }} <span style="color:red;">*</span></label>
                                    <input class="form-control @error('mark_up_rate') is-invalid @enderror custom-field" id="mark_up_rate" type="text" value="{{ old('mark_up_rate', @(isset($config->mark_up_rate)) ? $config->mark_up_rate : '') }}" placeholder="Enter mark up rate" name="mark_up_rate">
                                    @error('mark_up_rate')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="partner_mark_up_rate">{{ __('message_lang.LBL_PARTNER_MARK_UP_RATE') }} <span style="color:red;">*</span></label>
                                    <input class="form-control @error('partner_mark_up_rate') is-invalid @enderror custom-field" id="partner_mark_up_rate" type="text" value="{{ old('partner_mark_up_rate', @(isset($config->partner_mark_up_rate)) ? $config->partner_mark_up_rate : '') }}" placeholder="Enter partner mark up rate" name="partner_mark_up_rate">
                                    @error('partner_mark_up_rate')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="timezone">{{ __('message_lang.LBL_TIMEZONE') }} <span style="color:red;">*</span></label>
                                    <input class="form-control @error('timezone') is-invalid @enderror custom-field" id="timezone" type="text" value="{{ old('timezone', @(isset($config->timezone)) ? $config->timezone : '') }}" placeholder="Enter timezone" name="timezone">
                                    @error('timezone')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="account_number">{{ __('message_lang.LBL_ACCOUNT_NUMBER') }} <span style="color:red;">*</span></label>
                                    <input class="form-control @error('account_number') is-invalid @enderror custom-field" id="account_number" type="text" value="{{ old('account_number', @(isset($config->account_number)) ? $config->account_number : '') }}" placeholder="Enter account numebr" name="account_number">
                                    @error('account_number')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="minimum_balance">{{ __('message_lang.LBL_MINIMUM_BALANCE') }} <span style="color:red;">*</span></label>
                                    <input class="form-control @error('minimum_balance') is-invalid @enderror custom-field" id="minimum_balance" type="number" value="{{ old('minimum_balance', @(isset($config->minimum_balance)) ? $config->minimum_balance : '') }}" placeholder="Enter minimun balance" name="minimum_balance">
                                    @error('minimum_balance')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="notification_email">{{ __('message_lang.LBL_NOTIFICATION_EMAIL') }} <span style="color:red;">*</span> </label>
                                    <input class="form-control @error('notification_email') is-invalid @enderror custom-field" id="notification_email" type="text" value="{{ old('notification_email', @(isset($config->notification_email)) ? $config->notification_email : '') }}" placeholder="Enter notification email" name="notification_email">
                                    @error('notification_email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="max_limit_send_amount_single_txn">{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_SINGLE_TXN') }} <span style="color:red;">*</span> </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', @$config->max_limit_send_amount_single_txn) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_SINGLE_TXN') }}" >
                                    @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') }} <span style="color:red;">*</span> </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', @$config->max_limit_total_send_amount_1_day) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_1_DAY') }}" >
                                    @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') }} <span style="color:red;">*</span> </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', @$config->max_limit_total_send_amount_7_days) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_7_DAYS') }}" >
                                    @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') }} <span style="color:red;">*</span> </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', @$config->max_limit_total_send_amount_30_days) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MAX_AMOUNT_LIMIT_30_DAYS') }}" >
                                    @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', @$config->min_limit_send_amount) }}" type="number" placeholder="{{ __('message_lang.LBL_SEND_MONEY_MIN_AMOUNT_LIMIT') }}" >
                                    @error('min_limit_send_amount')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="">{{ trans('message_lang.LBL_ALLOW_ONLY_WHITELISTED_IPS') }}</label>
                                    <div class="clearfix">
                                        <label class="switch">
                                            <input type="checkbox" name="allow_only_whitelisted_ips" value="1" id="allow_only_whitelisted_ips" @if (old('allow_only_whitelisted_ips', @$config->allow_only_whitelisted_ips) == '1') checked @endif>
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="" for="whitelisted_ips">{{ __('message_lang.LBL_WHITELISTED_IPS') }}</label>
                                    <input class="form-control @error('whitelisted_ips') is-invalid @enderror custom-field" id="whitelisted_ips" type="text" value="{{ old('whitelisted_ips', @(isset($config->whitelisted_ips)) ? $config->whitelisted_ips : '') }}" placeholder="Enter list of IP addresses" name="whitelisted_ips">
                                    @error('whitelisted_ips')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="" for="">{{ trans('message_lang.LBL_ALLOW_UNLIMITED_CREDIT') }}</label>
                                    <div class="clearfix">
                                        <label class="switch">
                                            <input type="checkbox" name="unlimited_credit" value="1" id="unlimited_credit" @if (old('unlimited_credit', @$config->unlimited_credit) == '1') checked @endif>
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="" for="">{{ trans('message_lang.LBL_COUNT_FEE_IN_ACCOUNTING') }}</label>
                                    <div class="clearfix">
                                        <label class="switch">
                                            <input type="checkbox" name="count_fee_in_accounting" value="1" id="count_fee_in_accounting" @if (old('count_fee_in_accounting', @$config->count_fee_in_accounting) == '1') checked @endif>
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="" for="">{{ trans('message_lang.LBL_COUNT_TAX_IN_ACCOUNTING') }}</label>
                                    <div class="clearfix">
                                        <label class="switch">
                                            <input type="checkbox" name="count_tax_in_accounting" value="1" id="count_tax_in_accounting" @if (old('count_tax_in_accounting', @$config->count_tax_in_accounting) == '1') checked @endif>
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </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', @$config->status) == 1 ? 'selected' : '' }}>Active</option>
                                        <option value="0" {{ old('status', @$config->status) == 0 ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                    @error('status')
                                        <span class="invalid-feedback" style="display: block;" 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-configs') }}" 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">
    $(document).ready(function () {
        $("#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
                },
                status: {
                    required: true,
                },
                max_credit_amount: {
                    required: true,
                },
                mark_up_rate: {
                    required: true,
                },
                partner_mark_up_rate: {
                    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,
                },
                // whitelisted_ips: {
                //     required: true,
                // },
                status: {
                    required: true,
                },
                minimum_balance: {
                    required: true,
                },
                notification_email: {
                    required: true,
                },
                account_number: {
                    required: true,
                },
                timezone: {
                    required: true,
                },


            },
            messages:
            {
                sending_partner_id: {
                    required: '{{ __('message_lang.PLEASE_SELECT_PARTNER') }}'
                },
                balance: {
                    required: '{{ __('message_lang.PLEASE_ENTER_PARTNER_BALANCE') }}',
                },
                currency: {
                    required: '{{ __('message_lang.PLEASE_ENTER_CURRENCY') }}',
                },
                max_credit_amount: {
                    required: '{{ __('message_lang.PLEASE_ENTER_MAX_CREDIT_LIMIT') }}',
                },
                mark_up_rate: {
                    required: '{{ __('message_lang.PLEASE_ENTER_MARK_UP_RATE') }}',
                },
                partner_mark_up_rate: {
                    required: '{{ __('message_lang.PLEASE_PARTNER_ENTER_MARK_UP_RATE') }}',
                },
                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') }}',
                },
                // whitelisted_ips: {
                //     required: '{{ __('message_lang.PLEASE_ENTER_WHITELISTED_IPS') }}',
                // },
                status: {
                    required: '{{ __('message_lang.PLEASE_SELECT_STATUS') }}',
                },
                minimum_balance: {
                    required: '{{ __('message_lang.PLEASE_ENTER_MINIMUM_BALANCE') }}',
                },
                notification_email: {
                    required: '{{ __('message_lang.PLEASE_ENTER_EMAILS') }}',
                },
                account_number: {
                    required: '{{ __('message_lang.PLEASE_ENTER_ACCOUNT_NUMBER') }}',
                },
                timezone: {
                    required: '{{ __('message_lang.PLEASE_ENTER_TIMEZONE') }}',
                },
            },
            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-currencies');
            var codeArr = code.split(",");

            console.log(partnerId);
            console.log(codeArr);

            var html = "";

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

            $.each(codeArr,function(i, j) {
                html += "<option value='"+j+"'>"+j+"</option>";
            });
            $("#currency").html(html);
        });
    });
</script>
@endsection