Developer
<?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**/ ?>
Developer
Get access token to initiates payment transaction.
| Parameter | Type | Comments |
|---|---|---|
| client_id | string | Enter merchant API client/primary key |
| secret_id | string | Enter merchant API secret key |
| env | string | Enter merchant API environment |
| merchant_id | string | Enter merchant API merchant id |
Request Example (guzzle)
<?php
require_once('vendor/autoload.php');
$client = new \GuzzleHttp\Client();
$response = $client->request('POST', $base_url. 'v1/generate-token', [
'headers' => [
'accept' => 'application/json',
'content-type' => 'application/json',
],
'form_params' => [
'client_id' => '$client_id',
'secret_id' => 'secret_id',
'env' => 'env',
'merchant_id' => 'merchant_id',
],
]);
echo $response->getBody();
**Response: SUCCESS (200 OK)**
{
"message": {
"success": [
"Successfully token is generated"
]
},
"data": {
"token":"eyJpdiI6InpkczhjTjhQdVhUL2lKQ0pSUUx6aUE9PSIsInZhbHVlIjoiVGVBTVBDTXltbjNZcEIvdEJveGpTSno3TU5NRUtnVkhCZ1pHTFNCUnZGQ2UxMnYxN202cEE1YVRDTEFsc0ZERExoTjdtL0dTL2xoU3QzeUJJOExiMUx5T0w1L0llUXhTUkU1cWVLWEdEbEplb0dKNXcwbTNRM0VxdkUwYzZuNFdtNkhMQ0pRZysyNWkvdzBxSlBoSVBSOGFTekNnR2RXNHVtcG9lMGZOTmNCcm1hR3c5Sk9KTnB4Y3ltZDl6cm90MThrR21Ca3B1azc3bXRiQ0J6SW96UVo1elNkU1ZqeE05bTcwWGp1MEUxWlJFdnNWTmpSbnVpeW92b2U4dXZkUGgyb1VmK0luaGdyaFlsVTZlcVpVRnZlTG1DeFF6Ykk2T2h6Z3JzbnIyNHpNdHowSE5JdDR0Y0pZT20zUm1XYW8iLCJtYWMiOiJlY2M4NGE1OGUzYzkzYzk0YzljNmVmNjE0YWI0ZDIwOGI3NDQ2YWEyY2ZhNzc0NzE4ZmY1ZmYyMz
IyZmQzNDY1IiwidGFnIjoiIn0=",
},
"type": "success"
}
**Response: ERROR (400 FAILED)**
{
"message": {
"error": [
"Invalid credentials."
]
},
"data": null,
"type": "error"
}