@extends("agentportal.layouts.layout")

@section("title", 'Bnb CashApp')

@section("page_style")
    <link rel="stylesheet" type="text/css" href="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.css') }}">
    <style>
        .hidden{
            display: none;
        }
    </style>

@endsection

<div id="loading"  style="display:none;">
    <div id="image-loader">
        <img  src="{{ url('img/loading.gif')}}" alt="Loading..." />
    </div>
</div>

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!--begin::Card-->
                    <div class="card card-custom gutter-b">
                        <div class="card-header">
                            <div class="card-title">
                                <h3 class="card-label">BnB Wallet Adjustment for - {{ $user->first_name ?? "" }}  {{ $user->last_name ?? "" }}</h3>
                            </div>
                            <div class="card-toolbar">
                                <a href="{{ url()->previous() }}" class="btn btn-primary btn-lg">{{ __('message_lang.BTN_BACK') }}</a>
                            </div>
                        </div>
                        <div class="card-body">
                            <!--begin::Example-->
                                <div class="example-preview">
                                    <form method="post" name="form_adjust_user_balance" id="form_adjust_user_balance" action="{{ url('agentportal/users/balance_adjustment/makeAdjustment') }}" enctype="multipart/form-data">

                                        @csrf
                                        <input type="number" name="user_account_id" id="user_account_id" class="form-control" value="{{ $userDepositAccount->id }}" hidden>

                                        <div class="mb-4 row">
                                            <div class="col-12 col-lg-4">
                                                <label for="current_balance">Current Balance</label>
                                                <input type="text" name="current_balance" id="current_balance" class="form-control"
                                                value="{{ $userDepositAccount->balance }}" readonly>
                                            </div>
                                        </div>

                                        <div class="mb-4 row">
                                            <div class="col-12 col-lg-4">
                                                <label for="amount">Adjustment amount <span class="text-danger">*</span></label>
                                                <input type="text" name="amount" id="amount" class="form-control" placeholder="adjustment amount"
                                                value="{{ old('amount', @$details->amount) }}">
                                                @error('amount')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>

                                            <div class="col-12 col-lg-4">
                                                <label for="adjustment_type">Type <span class="text-danger">*</span></label>
                                                <select name="adjustment_type" id="adjustment_type" class="form-control">
                                                    <option value="1">Debit</option>
                                                    <option value="2">Credit</option>
                                                </select>
                                                @error('adjustment_type')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="mb-4 row">
                                            <div class="col-12 col-lg-8">
                                                <label for="adjustment_reason">Reason <span class="text-danger">*</span></label>
                                                <textarea name="adjustment_reason" id="adjustment_reason" cols="10" rows="5" class="form-control"
                                                value="{{ old('adjustment_reason', @$details->adjustment_reason) }}"
                                                placeholder="Enter adjustment reason"></textarea>
                                                @error('adjustment_type')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="mb-4 row">
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary" id="submit_adjustment_btn" > 
                                                    Submit
                                                </button>
                                                <a href="{{ url()->previous() }}" class="btn btn-light btn-lg">{{ __('message_lang.BUTTON_CANCEL') }}</a>
                                            </div>
                                        </div>
                                    </form>

                                </div>
                            <!--end::Example-->
                        </div>
                    </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>
<script src="{{ asset('ex_plugins/jquery-validation-1.19.1/dist/additional-methods.js') }}"></script>
<script src="{{ asset('ex_plugins/toastr/js/toastr.min.js') }}"></script>
<link href="{{ URL::to('/') }}/ex_plugins/toastr/css/toastr.min.css" rel="stylesheet">

<script src="{{ url('dist/assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>

<!-- BootstrapFormHelpers -->
<link href="{{ URL::to('/') }}/ex_plugins/bootstrap-form-helpers/dist/css/bootstrap-formhelpers.min.css" rel="stylesheet">
<script src="{{ URL::to('/') }}/ex_plugins/bootstrap-form-helpers/dist/js/bootstrap-formhelpers.min.js" type='text/javascript'></script>

@endsection

@section("page_script")
<script type="text/javascript">
    const number_format = (num, decimals) => parseFloat(num).toLocaleString('en', {
        minimumFractionDigits: 2,
        maximumFractionDigits: 2,
    });

    $('#submit_adjustment_btn').on('click', function (e) {
        e.preventDefault();

        // compuet the new amount
        let type = $("#adjustment_type").val();
        let type_txt = type == 2 ? "Credit" : "Debit"
        let current_balance = Number($("#current_balance").val())
        let adj_amt = Number($("#amount").val())
        const new_amount = type == 2 ? current_balance + adj_amt : current_balance - adj_amt;

        var html = "";
        html += "<br>Current Balance: <b>"+ current_balance + "</b><br>";
        html += "Adjustment Amount: <b>"+ number_format(adj_amt || 0.00)  + "</b><br>";
        html += "Transaction Type: <b>"+ type_txt  + "</b><br>";
        html += "New Balance: <b>" +  number_format(new_amount || 0.00) + "</b><br>";
        html += "Adjustment Reason: <b>" +  $("#adjustment_reason").val() + "</b><br>";;

        Swal.fire({
            title: "Confirm Balance Adjustment",
            confirmButtonText: 'Submit',
            showCancelButton: true,
            html: html,
            }).then((result) => {
            if (result.value) {
                $("#loading").show();
                $(this).attr("disabled", true);
                $("#form_adjust_user_balance").submit();
                $(this).removeAttr("disabled");
            }
        });
        $("#loading").hide();
    });

</script>
@endsection