@extends('layouts.master')

@section('content')

<style>
    .error {
        color: #FF0000;
    }

    .form-col-1.ratio {
        position: relative;
    }
</style>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{ trans('defaultSettings.Withdrawal Settings') }}</h1>
                </div>
                <!-- /.col -->
                <div class="col-sm-3"></div>
                <div class="col-sm-3">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">{{ Breadcrumbs::render('PAN AND ID Limit Settings') }}</li>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>

    <section class="content">
        <div class="card" id="filterDiv">
            <div class="card-header">
                <form id="withdraw-form">

                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            @csrf
                            <div class="form-col-1">
                                {{ Form::label('PANWITHDRAWLIMIT', trans('defaultSettings.PAN Withdraw Limit'), ['class' => 'required']) }}
                                {{ Form::text('PANWITHDRAWLIMIT', $panWithdrawLimit , ['id' =>'PANWITHDRAWLIMIT', 'class' => 'form-control number']) }}
                                <span id="PANWITHDRAWLIMIT-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('IDPROOFWITHDRAWLIMIT', trans('defaultSettings.ID Proof Withdraw Limit'), ['class' => 'required']) }}
                                {{ Form::text('IDPROOFWITHDRAWLIMIT', $idProofWithdrawLimit ,  ['id' =>'IDPROOFWITHDRAWLIMIT', 'class' => 'form-control number']) }}
                                <span id='IDPROOFWITHDRAWLIMIT-error' class="error-help-block"></span>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="card-primary card-form-1">
                    <div class="card-body">
                        <div class="button_sec" id="form-buttons">
                            <button class="btn btn-primary" id="withdraw-form-submit">{{ trans('layout.Update') }}</button>
                            <button class="btn btn-default" id="withdraw-form-clear">{{ trans('layout.Clear') }}</button>
                        </div>
                        <div class="button_sec" id="form-loader" style="display:none">
                            <img style="height: 65px;width: 65px;" src="{{ asset('img/lg.double-ring-spinner.gif') }}">
                        </div>
                    </div>
                </div>

            </div>

            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-2">
                        <div class="col-sm-6">
                            <h1 class="m-0 text-dark">{{ trans('defaultSettings.Chip to Wallet Limit') }}</h1>
                        </div>
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.container-fluid -->
            </div>
            <div class="card-header">
                <form id="chiptowallet-form">

                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            @csrf
                            <div class="form-col-1">
                                {{ Form::label('PANCHIPTOWALLETLIMIT', trans('defaultSettings.PAN Chip to Wallet Limit'), ['class' => 'required']) }}
                                {{ Form::text('PANCHIPTOWALLETLIMIT', $panLimit , ['id' => 'PANCHIPTOWALLETLIMIT', 'class' => 'form-control number']) }}
                                <span id="PANCHIPTOWALLETLIMIT-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('IDPROOFCHIPTOWALLETLIMIT', trans('defaultSettings.ID Proof Chip to Wallet Limit'), ['class' => 'required']) }}
                                {{ Form::text('IDPROOFCHIPTOWALLETLIMIT', $idProofLimit ,  ['id' => 'IDPROOFCHIPTOWALLETLIMIT', 'class' => 'form-control number']) }}
                                <span id='IDPROOFCHIPTOWALLETLIMIT-error' class="error-help-block"></span>
                            </div>

                        </div>
                    </div>
                </form>
                <div class="card-primary card-form-1">
                    <div class="card-body">
                        <div class="button_sec" id="form-buttons1">
                            <button class="btn btn-primary" id="chiptowallet-form-submit">{{ trans('layout.Update') }}</button>
                            <button class="btn btn-default" id="chiptowallet-form-clear">{{ trans('layout.Clear') }}</button>
                        </div>
                        <div class="button_sec" id="form-loader1" style="display:none">
                            <img style="height: 65px;width: 65px;" src="{{ asset('img/lg.double-ring-spinner.gif') }}">
                        </div>
                    </div>
                </div>

            </div>
    </section>
</div>
@endsection
@section('javascript')

<script type="text/javascript">
    $(document).on('change', '.form-control', function() {
        $(this).closest('div').find('.error-help-block').html('');
    });

    function showErrorMessage(message) {
        $.each(message, function(k, v) {
            $("#" + k + "-error").html(v);
        });
        return;
    }

    $('#withdraw-form-submit').click(function() {
        var formData = new FormData($('#withdraw-form')[0]);

        $.ajax({
            type: 'POST',
            url: "{{ route('panAndIdWithdrawLimitSettings.updateWithdrawLimit') }}",
            data: formData,
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function() {
                $("#form-buttons").hide();
                $("#form-loader").show();
            },
            success: function(response) {
                var message = response.msg;
                var status = response.status;
                if (status == 422) {
                    showErrorMessage(message);
                    return true;
                }
                if (status == 200) {
                    swal(message, {
                        icon: "success",
                    });
                } else {
                    swal(message, {
                        icon: "warning",
                    });
                    return true;
                }
                $('.error-help-block').html('');
                $('#withdraw-form-clear').trigger('click');
            },
            error: function() {
                swal("{{ trans('layout.Something went wrong') }}", {
                    icon: "warning",
                });
            },
            complete: function() {
                $("#form-loader").hide();
                $("#form-buttons").show();
            }
        });
    });

    $(document).on('click', '#withdraw-form-clear', function(e) {
        e.preventDefault();
        window.location.replace(window.location.href);
    });

    // chip to wallet conversion limit

    $('#chiptowallet-form-submit').click(function() {

        var formData = new FormData($('#chiptowallet-form')[0]);

        $.ajax({
            type: 'POST',
            url: "{{ route('panAndIdWithdrawLimitSettings.updateChipToWalletLimit') }}",
            data: formData,
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function() {
                $("#form-buttons1").hide();
                $("#form-loader1").show();
            },
            success: function(response) {
                var message = response.msg;
                var status = response.status;
                if (status == 422) {
                    showErrorMessage(message);
                    return true;
                }
                if (status == 200) {
                    swal(message, {
                        icon: "success",
                    });
                } else {
                    swal(message, {
                        icon: "warning",
                    });
                    return true;
                }
                $('.error-help-block').html('');
                $('#chiptowallet-form-clear').trigger('click');
            },
            error: function() {
                swal("{{ trans('layout.Something went wrong') }}", {
                    icon: "warning",
                });
            },
            complete: function() {
                $("#form-loader1").hide();
                $("#form-buttons1").show();
            }
        });
    });

    $(document).on('click', '#chiptowallet-form-clear', function(e) {
        e.preventDefault();
        window.location.replace(window.location.href);
    });

    $(document).on('keydown', '.number', function(event) {
        if (event.shiftKey == true) {
            event.preventDefault();
            return;
        }
        if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == 39 || event.keyCode == 46 || event.keyCode == 190 || event.keyCode == 110) {} else {
            event.preventDefault();
            return;
        }

        if (($(this).val().length == 0) && (event.keyCode == 190 || event.keyCode == 110)) {
            event.preventDefault();
            return;
        }

        if (($(this).val().indexOf('.') != -1) && (event.keyCode == 190 || event.keyCode == 110)) {
            event.preventDefault();
            return;
        }
    });
</script>
@stop