74 lines
2.7 KiB
PHP
74 lines
2.7 KiB
PHP
<script src="{{$jsDomain}}/cardview/v2/session.js"></script>
|
|
<script>
|
|
var config = {
|
|
countryCode: "{{$mfSession->CountryCode}}", // Here, add your Country Code.
|
|
sessionId: "{{$mfSession->SessionId}}", // Here you add the "SessionId" you receive from InitiateSession Endpoint.
|
|
cardViewId: "mf-form-element",
|
|
// The following style is optional.
|
|
style: {
|
|
hideCardIcons: false,
|
|
direction: "{{App::isLocale('ar') ? 'rtl' : 'ltr'}}",
|
|
cardHeight: {{$userDefinedField ? 190 : 130}},
|
|
tokenHeight: 160,
|
|
input: {
|
|
color: "black",
|
|
fontSize: "13px",
|
|
fontFamily: "sans-serif",
|
|
inputHeight: "32px",
|
|
inputMargin: "0px",
|
|
borderColor: "c7c7c7",
|
|
borderWidth: "1px",
|
|
borderRadius: "8px",
|
|
boxShadow: "",
|
|
placeHolder: {
|
|
holderName: "{{__('myfatoorah.holderName')}}",
|
|
cardNumber: "{{__('myfatoorah.cardNumber')}}",
|
|
expiryDate: "{{__('myfatoorah.expiryDate')}}",
|
|
securityCode: "{{__('myfatoorah.securityCode')}}",
|
|
}
|
|
},
|
|
label: {
|
|
display: false,
|
|
color: "black",
|
|
fontSize: "13px",
|
|
fontWeight: "normal",
|
|
fontFamily: "sans-serif",
|
|
text: {
|
|
holderName: "{{__('myfatoorah.cardHolderNameLabel')}}",
|
|
cardNumber: "{{__('myfatoorah.cardNumberLabel')}}",
|
|
expiryDate: "{{__('myfatoorah.expiryDateLabel')}}",
|
|
securityCode: "{{__('myfatoorah.securityCodeLabel')}}",
|
|
},
|
|
},
|
|
error: {
|
|
borderColor: "red",
|
|
borderRadius: "8px",
|
|
boxShadow: "0px",
|
|
},
|
|
text: {
|
|
saveCard: "{{__('myfatoorah.saveCard')}}",
|
|
addCard: "{{__('myfatoorah.addCard')}}",
|
|
deleteAlert: {
|
|
tilte: "{{__('myfatoorah.deleteAlert.title')}}",
|
|
message: "{{__('myfatoorah.deleteAlert.message')}}",
|
|
confirm: "{{__('myfatoorah.deleteAlert.confirm')}}",
|
|
cancel: "{{__('myfatoorah.deleteAlert.cancel')}}"
|
|
}
|
|
}
|
|
},
|
|
};
|
|
myFatoorah.init(config);
|
|
|
|
function submit() {
|
|
myFatoorah.submit()
|
|
// On success
|
|
.then(function (response) {
|
|
mfCallback(response);
|
|
})
|
|
// In case of errors
|
|
.catch(function (error) {
|
|
alert(error);
|
|
});
|
|
}
|
|
</script>
|