REDROOM

Navigation

Breadcrumbs

/ / home / justbyquicklly-old / public_html / test

Create

Create File | Create Folder | Upload Files | Run Command

Edit File Size: 13.15 KB

//home/justbyquicklly-old/public_html/test/app-payment.php

Text Base64

<?php
	//include("include/config.php");
//	include("include/functions.php");

/*$sqlvault=$obj->query("select id,npid,user_cd from tbl_user_np where user_id='".@$user_id."' and user_cd!='' and npid!=''  and status=1 order by id desc");
$num=0;//$obj->numRows($sqlvault);
$carddata=$obj->fetchNextObject($sqlvault);*/

$amount=$alltotal;
?>
<html>
    <head>
        <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
         <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,500&display=swap" rel="stylesheet">
<style type="text/css">
 .form-group {
    width: 290px;
}

.formInner {
    font-family: 'Abel' !important;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto;
    text-align: center;
}

#payButton {
    width: 150px;
    display: block;
    margin: 20px auto;
    height: 50px !important;
    font-size: 20px;
    background-color: #387b3b;
    border-color: #387b3b;
    color: #FFF;
    border-radius: 5px;
}

#payButton:hover {
    background-color: #387b3b;
    border-color: #387b3b;
    box-shadow: 0 3px 4px #bbbbbb;
}

#payButton:active {
    opacity: 0.7;
}

.payment-field {
    border-radius: 4px;
    width: 48%;
    margin-bottom: 14px;
    font-size: 16px;
    transition: 200ms;
}

.payment-field input:focus {
    border: 2px solid #CCC;
    outline: none !important;
}

.payment-field:hover {
    box-shadow: 0 2px 4px #dddddd;
}

.payment-field input {
    border: 2px solid rgb(28, 196, 139);
    width: 100%;
    border-radius: 2px;
    padding: 4px 8px;
    height: 45px !important;
}
#ccnumber {
    font-size:20px!important;
    height: 44px!important;
}
#ccexp {
    font-size:20px!important;
    height: 44px!important;
}
#cvv {
    font-size:20px!important;
    height: 44px!important;
}
#payment-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#ccnumber {
    width: 100%;
    font-size: 32px;
    height: 40px !important;
}

#ccexp,
#cvv {
    font-size: 32px;
     height: 40px !important;
}

.CollectJSInlineIframe, .CollectJSInlineIframe #ccnumber{
    height: 55px !important;
}
@media only screen and (max-width: 600px) {
 .theForm {
        width: 300px;
        max-width: 90%;
        margin: auto;
    }

.form-group {
        width: 100%;
    }
}
 .clsPgLoader{z-index: 9999;} 
 .clsPgLoader span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    animation: spin 2.5s linear infinite;
}
.clsPgLoader {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.6);
    z-index: 2;
}
  </style>
        
<script src="https://secure.nationalprocessinggateway.com/token/Collect.js" data-tokenization-key="5mN8N7-jhr55W-N22pxX-uAW2s9"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script type="text/javascript"> 
		
        document.addEventListener('DOMContentLoaded', function () {
  CollectJS.configure({ 
      'validationCallback' : function(field, status, message) {
                        if (status) {
                            var message = field + " is now OK: " + message;
                            if(field=='ccnumber')
                            {
                            $(".validation-form1").hide();    
                            $(".validation-form1").html('');
                            }
                            else if(field=='ccexp')
                            {
                                $(".validation-form2").hide();
                               $(".validation-form2").html('');
                            }
                            else if(field=='cvv')
                            {
                                $(".validation-form3").hide();
                                $(".validation-form3").html('');
                            }
                        } else {
                           var message =  message;
                            if(field=='ccnumber')
                            {
                            $(".validation-form1").show();    
                            if(message=='Field is empty')
                            {
                                message='Card number field is empty'
                            }
                            else
                            {
                                message;
                            }
                            $(".validation-form1").html(message);
							$(".clsPgLoader").hide();
                            }
                            else if(field=='ccexp')
                            {
                                $(".validation-form2").show();
                                 if(message=='Field is empty')
                            {
                                message='Card exp field is empty'
                            }
                            else
                            {
                                message;
                            }
                                $(".validation-form2").html(message);
								$(".clsPgLoader").hide();
                            }
                            else if(field=='cvv')
                            {
                                $(".validation-form3").show();
                                 if(message=='Field is empty')
                            {
                                message='CVV field is empty'
                            }
                            else
                            {
                                message;
                            }
                                $(".validation-form3").html(message);
								$(".clsPgLoader").hide();
                            }
                        }
                        console.log(message);
                        
                         
                    },
    'callback': function (response) {
            $(document).ready(function () {
                setTimeout(function(){
                    $.ajax({
                        url: "app-results-sandbox-np.php",
                        dataType: "json",
                        data: {ptoken: ''+ response.token, np_cnumber: ''+ response.card.number,"subtotal":<?=$subtotal?>,"delivery_charges":<?=$delivery_charges?>,"eservicefee":<?=$eservicefee?>,"taxtotal":<?=$taxtotal?>,'delivery_notesbox':$("#delivery_notesbox").val() },
                        type: "POST",
                        success: function (results) {
						 var  parsed_data  = JSON.parse(JSON.stringify(results));	
		                console.log(parsed_data);
                         if(parsed_data.success==true){
							$(".clsPgLoader").show();
                            
                            document.getElementById("paymentSuccessInfo").innerHTML ='Payment Successfull';
                            window.location='<?=SITE_URL?>thanks-order?orderID='+parsed_data.oid;
                            } else {
                            $(".clsPgLoader").hide();
						
                             document.getElementById("paymentErrorInfo").innerHTML =parsed_data.message;
                            //window.location='failed.html?message='+parsed_data.message;
                            }
                        },
                    });

}, 2000);
            });
        
    },
    variant: 'inline',
    googleFont: 'Abel',
    invalidCss: {
      color: '#B40E3E',
      'border-color': '#B40E3E',
    },
    validCss: {
      color: '#14855F'
    },
    customCss: {
     'height':'40px',
     'border-color': '#ddd',
     'border-style': 'solid',
     'border-width':'1px',
     'font-size':'13px',
     'font-family':'poppins',
    },
    focusCss: {
      'border-color': '#1CC48B',
      'border-style': 'solid',
      'border-width': '1px'
    },
    fields: {
      cvv: {
        placeholder: 'CVV'
      },
      ccnumber: {
          placeholder: 'Card Number'
      },
      ccexp: {
          placeholder: 'Valid Through'
      }
    }
  });
});

</script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>

<form class="theForm" action="app-results-sandbox-np.php">
         <div>
            <b style="font: normal normal 14px / 16px Poppins;
    color: #000000;
    opacity: 1;
    text-shadow: 0 0 black;">Select Payment Method</b>
            <div style="margin-top: 14px;
    border: solid 1px #afacac;
    padding: 7px;">
                <input type="radio" checked> <b style="position: relative; top: -2px; font: normal normal 12px / 17px Poppins;
    color: #000;">Credit Card/ Debit Card</b>
            </div>
        </div>
        <hr>
              <div class="formInner">
            <div id="payment-fields">
               <div class="payment-field" id="ccnumber"></div>
                <div class="payment-field" id="ccexp"></div>
                <div class="payment-field" id="cvv"></div>
                <div class="payment-field" id="token"></div>
            </div>
        </div>
        
        <div style="position: relative; top: -26px;">
            <b>$<span class="showtotalonnp" style="color:#000;"><?=$amount?></span></b> <span style="font: normal normal 13px / 17px Poppins; color: #000000; opacity: 1;">(Total Amount Payable)</span>
        </div>
         <div class="validation-form1 alert alert-danger" style="display:none;"></div>
         <div class="validation-form2 alert alert-danger" style="display:none;"></div>
         <div class="validation-form3 alert alert-danger" style="display:none;"></div>
        
        <button type="submit" id="payButton" style="height: 41px !important;
    width: 100%;
    color: #fff;
    background: #9d2f88;
    border: 1px solid #9d2f88;
    border-radius: 4px;
    font: normal normal 14px / 17px Poppins; margin:0px;">
            Pay $<span class="showtotalonnp" style="color:#fff;"><?=$amount?></span>
        </button>
        <center><div style="color:red; " id="paymentErrorInfo"></div></center>
        <center><div style="color:green; " id="paymentSuccessInfo"></div></center>
        
    </form>
   
   </div>
   <center style="padding: 12px;">
       <b style="font: normal normal 14px / 29px Poppins;
    color: #000;
    text-shadow: 0 0 black;">We Accept</b><br>
       <img src="images/we-accept-payment.png">
   </center>
    </div>
    
</div>
</div>

<div class="clsPgLoader"><span></span></div>
<?php// } ?>
    <div id="paymentTokenInfo"></div>
    <script>
 $("#payButton").on('click', function(e){
     console.log('ok thik');
      $(".clsPgLoader").show();
     var a = $(".validation-form1").html();
     var b = $(".validation-form2").html();
     var c = $(".validation-form3").html();
     if(a=='' && b=='' && c=='')
     {
         console.log('ok');
     $(".clsPgLoader").show();
     }
     else
     {
         console.log('ok1');
         $(".clsPgLoader").hide();
     }
  });
  
  function afterPaymentMail(orderid,userid,status)
  {
      $.ajax({
        url: 'AppAfterPaymentMail.php',
        type: 'post',
        data: { "orderid": orderid,"userid":userid,"status":status},
        success: function(response) { console.log(response); }
    });
  }
   
   
  function changePaymentMethod()
  {
      $("#paywithsavedcards").hide();
      $('#changemethod').show();
  }
  function backToSaveCards()
  {
      $("#paywithsavedcards").show();
      $('#changemethod').hide();
  }
</script>

</body>

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Directory Contents

Dirs: 9 Ã— Files: 57

Sort:

Enable drag-to-move

Name	Size	Perms	Modified	Actions
calender DIR	-	drwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
css DIR	-	drwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
fonts DIR	-	drwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
images DIR	-	drwxrwxr-x	2024-10-07 09:56:45	Edit Download recursive recursive
include DIR	-	drwxrwxr-x	2024-10-07 04:22:30	Edit Download recursive recursive
js DIR	-	drwxrwxr-x	2025-01-17 12:35:12	Edit Download recursive recursive
nplogs DIR	-	drwxrwxr-x	2025-01-16 17:15:32	Edit Download recursive recursive
plugin DIR	-	drwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
vendor DIR	-	drwxrwxr-x	2023-05-04 22:10:04	Edit Download recursive recursive
.htaccess	22.01 KB	lrwxrwxr-x	2024-09-21 10:02:40	Edit Download recursive recursive
ajax-cat-food.php	10.15 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
ajax-datetimes.php	1.00 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
ajax-newsubcatmenu.php	2.65 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
ajax-order-summery.php	19.84 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
ajax-search-new.php	21.43 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
ajax-store-data.php	1.60 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
all_catering_products.php	130.09 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
all_products.php	148.96 KB	lrwxrwxr-x	2025-01-17 13:33:24	Edit Download recursive recursive
app-payment.php	13.15 KB	lrwxrwxr-x	2024-10-07 08:34:13	Edit Download recursive recursive
app-results-sandbox-np.php	11.35 KB	lrwxrwxr-x	2024-12-12 08:05:39	Edit Download recursive recursive
AppAfterPaymentMail.php	562 B	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
bkup.php	5.22 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
cart.js	60.62 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
cart.php	40.00 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
catering-products.php	162.98 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
change-password.php	5.67 KB	lrwxrwxr-x	2024-09-18 12:41:24	Edit Download recursive recursive
contact-us.php	9.63 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
css.php	2.45 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
datepicker.php	294 B	lrwxrwxr-x	2024-10-07 15:26:12	Edit Download recursive recursive
detail-page.php	99.28 KB	lrwxrwxr-x	2024-12-03 09:10:10	Edit Download recursive recursive
error_log	1.13 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
food-store.php	64.12 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
footer.php	23.42 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
forgot-password.php	4.33 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
freesendemail.php	8.25 KB	lrwxrwxr-x	2024-10-26 12:58:33	Edit Download recursive recursive
get_restaurant_food.php	9.62 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
grocery-filter-new.php	32.86 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
header.php	35.14 KB	lrwxrwxr-x	2024-10-07 06:47:20	Edit Download recursive recursive
index.php	48.84 KB	lrwxrwxr-x	2024-10-07 06:45:37	Edit Download recursive recursive
js.php	41.42 KB	lrwxrwxr-x	2025-01-14 13:31:42	Edit Download recursive recursive
just-lassi-new-landing-page.php	72.76 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
justbyquicklly-dev-10-jan-25.zip	51.54 MB	lrwxrwxr-x	2025-01-10 05:10:16	Edit Download recursive recursive
login_process.php	6.66 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
logout.php	1.22 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
menu.php	4.74 KB	lrwxrwxr-x	2024-09-21 10:04:35	Edit Download recursive recursive
modals.php	48.69 KB	lrwxrwxr-x	2024-10-04 10:12:32	Edit Download recursive recursive
my-orders.php	9.35 KB	lrwxrwxr-x	2024-09-18 14:59:22	Edit Download recursive recursive
myaccount-left.php	3.25 KB	lrwxrwxr-x	2024-10-04 14:26:58	Edit Download recursive recursive
myaccount.php	7.69 KB	lrwxrwxr-x	2024-09-18 17:17:18	Edit Download recursive recursive
payment-sandbox-np.php	10.49 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
privacy-policy.php	4.50 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
product-detail.php	73.11 KB	lrwxrwxr-x	2025-01-15 13:40:49	Edit Download recursive recursive
product-stores.php	5.40 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
products.php	156.66 KB	lrwxrwxr-x	2025-01-08 09:40:55	Edit Download recursive recursive
qc_gst_send_otp.php	1.99 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
qc_resend_otp.php	911 B	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
recovery.php	8.75 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
reg_process.php	5.91 KB	lrwxrwxr-x	2024-10-04 10:30:55	Edit Download recursive recursive
request-free-sample.php	23.14 KB	lrwxrwxr-x	2024-10-26 12:52:36	Edit Download recursive recursive
results-sandbox-np.php	5.40 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
review-order.php	268.66 KB	lrwxrwxr-x	2024-12-24 14:22:54	Edit Download recursive recursive
term-&-condition.php	4.65 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
test.php	1.23 KB	lrwxrwxr-x	2024-09-18 10:03:34	Edit Download recursive recursive
thanks-order.php	3.99 KB	lrwxrwxr-x	2024-10-07 03:39:36	Edit Download recursive recursive
update-profile.php	29.37 KB	lrwxrwxr-x	2024-10-04 14:59:07	Edit Download recursive recursive
verifyotp_process.php	1.32 KB	lrwxrwxr-x	2024-10-04 11:52:07	Edit Download recursive recursive