<?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**/ ?>