@extends('user.layouts.master')

@push('css')
    
@endpush

@section('breadcrumb')
    @include('user.components.breadcrumb',['breadcrumbs' => [
        [
            'name'  => __("Dashboard"),
            'url'   => setRoute("user.dashboard"),
        ]
    ], 'active' => __($page_title)])
@endsection

@section('content')
<div class="body-wrapper">
    <div class="row mb-20-none">
        <div class="col-xl-7 col-lg-7 mb-20">
            <div class="custom-card mt-10">
                <div class="dashboard-header-wrapper">
                    <h4 class="title">{{ __($page_title) }}</h4>
                </div>
                <div class="card-body">
                    <form class="card-form" action="{{ setRoute('user.transfer.money.confirm') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 form-group currency-input">
                                <label>{{ __("Transfer Amount") }}<span>*</span></label>
                                <input type="text" class="form--control number-input amount" name="amount" placeholder="{{ __("Enter Amount") }}...">
                                <div class="my-currency">
                                    <span>{{ get_default_currency_code() }}</span>
                                </div>
                            </div>
                            <div class="col-xl-12 col-lg-12 form-group">
                                <div class="note-area">
                                    <code class="d-block">{{ __("Limit") }} : {{ get_amount(@$transaction_settings->min_limit) }} - {{ get_amount(@$transaction_settings->max_limit) }} {{ get_default_currency_code() }}</code>
                                </div>
                            </div>
                            <div class="col-xl-12 form-group">
                                <label>{{ __("Receiver") }}<span>*</span></label>
                                <input type="text" class="form--control email" name="email" placeholder="{{ __("Email Address") }}...">
                                <label class="exist text-start"></label>
                            </div>
                            <div class="col-xl-12 col-lg-12 form-group">
                                <label>{{ __("Remarks") }} <span>({{ __("Optional") }})</span></label>
                                <textarea class="form--control" name="remark" placeholder="{{ __("Explain Request Purposes Here") }}…"></textarea>
                            </div>
                        </div>
                        <div class="col-xl-12 col-lg-12">
                            <button type="submit" class="btn--base w-100 confirm">{{ __("Confirm") }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-xl-5 col-lg-5 mb-20">
            <div class="custom-card mt-10">
                <div class="dashboard-header-wrapper">
                    <h4 class="title">{{ __("Summary") }}</h4>
                </div>
                <div class="card-body">
                    <div class="preview-list-wrapper">
                        <div class="preview-list-item">
                            <div class="preview-list-left">
                                <div class="preview-list-user-wrapper">
                                    <div class="preview-list-user-icon">
                                        <i class="las la-receipt"></i>
                                    </div>
                                    <div class="preview-list-user-content">
                                        <span>{{ __("Sending Amount") }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="preview-list-right">
                                <span class="text--success sending-amount"></span>
                            </div>
                        </div>
                        <div class="preview-list-item">
                            <div class="preview-list-left">
                                <div class="preview-list-user-wrapper">
                                    <div class="preview-list-user-icon">
                                        <i class="las la-battery-half"></i>
                                    </div>
                                    <div class="preview-list-user-content">
                                        <span>{{ __("Total Fees & Charges") }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="preview-list-right">
                                <span class="text--warning total-charge"></span>
                            </div>
                        </div>
                        <div class="preview-list-item">
                            <div class="preview-list-left">
                                <div class="preview-list-user-wrapper">
                                    <div class="preview-list-user-icon">
                                        <i class="lab la-get-pocket"></i>
                                    </div>
                                    <div class="preview-list-user-content">
                                        <span>{{ __("Will Get Amount") }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="preview-list-right">
                                <span class="text--danger will-get-amount"></span>
                            </div>
                        </div>
                        <div class="preview-list-item">
                            <div class="preview-list-left">
                                <div class="preview-list-user-wrapper">
                                    <div class="preview-list-user-icon">
                                        <i class="las la-money-check-alt"></i>
                                    </div>
                                    <div class="preview-list-user-content">
                                        <span class="last">{{ __("Total Payable Amount") }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="preview-list-right">
                                <span class="text--info last payable-amount"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="dashboard-list-area mt-60 mb-30">
        <div class="dashboard-header-wrapper">
            <h4 class="title">{{ __("Latest Transactions") }}</h4>
            <div class="dashboard-btn-wrapper">
                <div class="dashboard-btn">
                    <a href="{{ setRoute('user.transaction.log.transfer.money') }}" class="btn--base">{{ __("View More") }}</a>
                </div>
            </div>
        </div>
    </div>
    <div class="dashboard-list-wrapper">
        @include('user.components.transaction.index',[
            'data'  => $transactions
        ])
    </div>
</div>
@endsection
@push('script')
    <script>
        document.querySelector('.number-input').addEventListener('input', function (e) {
            let value = e.target.value;
            if (!/^\d*\.?\d{0,2}$/.test(value)) {
                e.target.value = value.slice(0, -1);
            }
        });
        var fixedCharge     = "{{ $transaction_settings->fixed_charge }}";
        var percentCharge   = "{{ $transaction_settings->percent_charge }}";
        var currency        = "{{ get_default_currency_code() }}";

        $(".email").keyup(function(){
            var email   = $(this).val();
            var checkEmailURL = "{{ setRoute('user.check.valid.email') }}";
            if(email == '' || email == null){
                $('.exist').html('');
            }
            $.post(checkEmailURL,{email:email,_token:"{{ csrf_token() }}"},function(response){
                if(response.own){
                    if($('.exist').hasClass('text--success')){
                        $('.exist').removeClass('text--success');
                    }
                    $('.exist').addClass('text--danger').text(response.own);
                    $('.confirm').attr('disabled',true)
                    return false
                }
                if(response['data'] != null){
                    if($('.exist').hasClass('text--danger')){
                        $('.exist').removeClass('text--danger');
                    }
                    $('.exist').text(`Valid user for transaction.`).addClass('text--success');
                    $('.confirm').attr('disabled',false)
                } else {
                    if($('.exist').hasClass('text--success')){
                        $('.exist').removeClass('text--success');
                    }
                    $('.exist').text('User doesn\'t  exists.').addClass('text--danger');
                    $('.confirm').attr('disabled',true)
                    return false
                }
            });
        });

        $(".amount").keyup(function(){
            var amount  = $(this).val();
            
            if(amount == '' || amount == null){
                $('.sending-amount').text("");
                $('.total-charge').text("");
                $('.will-get-amount').text("");
                $('.payable-amount').text("");
            }else{
                feesAndChargeCalculation(amount);
                
            }
        });

        // fees and charge calculation
        function feesAndChargeCalculation(amount){
            var totalPercentCharge      = (amount * percentCharge) / 100;
            var totalCharge             = parseFloat(fixedCharge) + parseFloat(totalPercentCharge);
            var payableAmount           = parseFloat(amount) + parseFloat(totalCharge);
            
            $('.sending-amount').text(parseFloat(amount).toFixed(2) + " " + currency);
            $('.total-charge').text(parseFloat(totalCharge).toFixed(2) + " " + currency);
            $('.will-get-amount').text(parseFloat(amount).toFixed(2) + " " + currency);
            $('.payable-amount').text(parseFloat(payableAmount).toFixed(2) + " " + currency);
        }
    </script>
@endpush

• [F] index.blade.php
  Delete

About Section

About NFC Pay: Our Story and Mission

NFC Pay was founded with a vision to transform the way people handle transactions. Our journey is defined by a commitment to innovation, security, and convenience. We strive to deliver seamless, user-friendly payment solutions that make everyday transactions effortless and secure. Our mission is to empower you to pay with ease and confidence, anytime, anywhere.

• Simplifying Payments, One Tap at a Time.
• Reinventing Your Wallet for Modern Convenience.
• Smart Payments for a Effortless Lifestyle.
• Experience the Ease of Tap and Pay.
• Innovative Solutions for Your Daily Transactions.

FAQ Section

Frequently Asked Questions About NFC Pay

Here are answers to some common questions about NFC Pay. We aim to provide clear and concise information to help you understand how our platform works and how it can benefit you. If you have any further inquiries, please don’t hesitate to contact our support team.

How do I register for NFC Pay?

Download the app and sign up using your email or phone number, then complete the verification process.

Is my payment information secure?

Yes, we use advanced encryption and security protocols to protect your payment details.

Can I add multiple cards to my NFC Pay wallet?

Absolutely, you can link multiple debit or credit cards to your wallet.

How do I transfer money to another user?

Go to the transfer section, select the recipient, enter the amount, and authorize the transfer.

What should I do if I forget my PIN?

Use the “Forgot PIN” feature in the app to reset it following the provided instructions.

How can I activate my merchant account?

Sign up for a merchant account through the app and follow the setup instructions to start accepting payments.

Can I track my payment status?

Yes, you can view and track your payment status in the account dashboard