<?php $__env->startPush('css'); ?>
<?php $__env->stopPush(); ?>
<?php $__env->startSection('breadcrumb'); ?>
<?php echo $__env->make('user.components.breadcrumb',['breadcrumbs' => [
[
'name' => __("Dashboard"),
'url' => setRoute("user.dashboard"),
]
], 'active' => __($page_title)], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<div class="body-wrapper">
<div class="dashboard-list-area mt-20">
<div class="dashboard-header-wrapper">
<h5 class="title"><?php echo e(__($page_title)); ?></h5>
<div class="dashboard-btn-wrapper">
<div class="dashboard-btn">
<button type="button" class="btn--base" data-bs-toggle="modal" data-bs-target="#addModal"><i
class="las la-plus me-1"></i> <?php echo e(__("Add New Card")); ?></button>
</div>
</div>
</div>
<div class="dashboard-list-wrapper">
<?php echo $__env->make('user.components.card-table.card',[
'data' => $cards
], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
</div>
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Start Modal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="addModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" id="addModalLabel">
<h5 class="modal-title"><?php echo e(__("Add New Card")); ?></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="card-wrapper-add"></div>
<form class="modal-form" id="payment-form" action="<?php echo e(setRoute('user.card.store')); ?>" method="POST">
<?php echo csrf_field(); ?>
<div class="row">
<div class="col-xl-6 col-lg-6 form-group">
<label><?php echo e(__("Card Holder Name")); ?><span>*</span></label>
<input type="text" class="form--control custom-input" name="name" value="<?php echo e(old('name')); ?>"
placeholder="<?php echo e(__("Enter Name")); ?>...">
</div>
<div class="col-xl-6 col-lg-6 form-group">
<label><?php echo e(__("Card Number")); ?><span>*</span></label>
<input type="tel" class="form--control custom-input" name="card_number"
value="<?php echo e(old('card_number')); ?>" placeholder="<?php echo e(__("Enter Number")); ?>...">
</div>
<div class="col-xl-6 col-lg-6 form-group">
<label><?php echo e(__("CVV/CVC")); ?><span>*</span></label>
<input type="tel" class="form--control custom-input" name="card_cvc" value="<?php echo e(old('card_cvc')); ?>" placeholder="<?php echo e(__("CVV/CVC")); ?>..." >
</div>
<div class="col-xl-6 col-lg-6 form-group">
<label><?php echo e(__("Exp Date")); ?><span>*</span></label>
<input type="tel" class="form--control custom-input expiry-date" name="expiry_date" value="<?php echo e(old('expiry_date')); ?>" placeholder="<?php echo e(__("Enter Date")); ?>..." >
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn--base w-100"><?php echo e(__("Add")); ?></button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
End Modal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<?php $__env->stopSection(); ?>
<?php $__env->startPush('script'); ?>
<script>
$(".expiry-date").keyup(function(){
var inputValue = $(this).val();
if(inputValue.length == 2){
$(".expiry-date").val(inputValue + " " + "/" + " ");
}
});
</script>
<!-- card js -->
<script src="<?php echo e(asset('public/frontend/js/card.js')); ?>"></script>
<script>
(function ($) {
"use strict";
var card = new Card({
form: '#payment-form',
container: '.card-wrapper-add',
formSelectors: {
numberInput: 'input[name="card_number"]',
expiryInput: 'input[name="expiry_date"]',
cvcInput: 'input[name="card_cvc"]',
nameInput: 'input[name="name"]'
}
});
var editCard = new Card({
form: '#payment-form-edit',
container: '.card-wrapper',
formSelectors: {
numberInput: 'input[name="card_number"]',
expiryInput: 'input[name="expiry_date"]',
cvcInput: 'input[name="card_cvc"]',
nameInput: 'input[name="name"]'
}
});
})(jQuery);
</script>
<?php if(session('modal')): ?>
<script>
$(document).ready(function(){
$('#addModal').modal('show');
});
</script>
<?php endif; ?>
<script>
itemSearch($("input[name=search_text]"),$(".card-data"),"<?php echo e(setRoute('user.card.search')); ?>",1);
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('user.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\xampp\htdocs\git\nfcpay\resources\views/user/sections/card/index.blade.php ENDPATH**/ ?>
About Section
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.
FAQ Section
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.
Download the app and sign up using your email or phone number, then complete the verification process.
Yes, we use advanced encryption and security protocols to protect your payment details.
Absolutely, you can link multiple debit or credit cards to your wallet.
Go to the transfer section, select the recipient, enter the amount, and authorize the transfer.
Use the “Forgot PIN” feature in the app to reset it following the provided instructions.
Sign up for a merchant account through the app and follow the setup instructions to start accepting payments.
Yes, you can view and track your payment status in the account dashboard