| Server IP : 68.178.172.28 / Your IP : 216.73.216.26 Web Server : Apache System : Linux 28.172.178.68.host.secureserver.net 4.18.0-553.89.1.el8_10.x86_64 #1 SMP Mon Dec 8 03:53:08 EST 2025 x86_64 User : kiskarnal ( 1003) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/kiskarnal/www/resources/views/front/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>Payment Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style>
body {
background-color: #e6ebf4
}
.card {
border: none;
border-radius: 8px;
box-shadow: 5px 6px 6px 2px #e9ecef
}
.heading {
font-size: 23px;
font-weight: 00
}
.text {
font-size: 16px;
font-weight: 500;
color: #b1b6bd
}
.pricing {
border: 2px solid #304FFE;
background-color: #f2f5ff
}
.business {
font-size: 20px;
font-weight: 500
}
.plan {
color: #aba4a4
}
.dollar {
font-size: 16px;
color: #6b6b6f
}
.amount {
font-size: 50px;
font-weight: 500
}
.year {
font-size: 20px;
color: #6b6b6f;
margin-top: 19px
}
.detail {
font-size: 22px;
font-weight: 500
}
.cvv {
height: 44px;
width: 73px;
border: 2px solid #eee
}
.cvv:focus {
box-shadow: none;
border: 2px solid #304FFE
}
.email-text {
height: 55px;
border: 2px solid #eee
}
.email-text:focus {
box-shadow: none;
border: 2px solid #304FFE
}
.payment-button {
height: 70px;
font-size: 20px
}
.img-item img {
width: 100%;
height: 100%;
object-fit: contain;
}
.img-item {
width: 70px;
height: 70px;
padding: 5px;
border: 1px solid #efefef;
}
.credit {
grid-gap: 10px;
}
.razorpay-payment-button {
color: #fff;
background: linear-gradient(to bottom, #ccff99 0%, #3333ff 100%);
border-color: linear-gradient(to bottom, #ccff99 0%, #3333ff 100%) !important;
float: right;
display: inline-block;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
</style>
</head>
<body>
<div class="container mt-5 mb-5 d-flex justify-content-center">
<div class="card p-5">
<div>
<h4 class="heading">Make Payment</h4>
<p class="text">Please make the payment to Confirm Registration</p>
</div>
<div class="pricing p-3 rounded mt-4 d-flex justify-content-between">
<div class="images d-flex flex-row align-items-center">
<img src="{{asset('/')}}/assets/upload/kis-new-logo.png" class="rounded" width="60">
<div class="d-flex flex-column ml-4">
<span class="business">Amount</span>
</div>
</div>
<!--pricing table-->
<div class="d-flex flex-row align-items-center">
<sup class="dollar font-weight-bold">₹</sup>
<span class="amount ml-1 mr-1">{{$amount}}</span>
</div>
<!-- /pricing table-->
</div>
<span class="detail mt-3">Payment Methods</span>
<div class="credit rounded mt-2 d-flex justify-content-between align-items-center">
<div class="img-item">
<img src="{{asset('/')}}/assets/payment-icon/visa.png" class="img-fluid" alt="payments methods" />
</div>
<div class="img-item">
<img src="{{asset('/')}}/assets/payment-icon/mastercard.png" class="img-fluid" alt="payments methods" />
</div>
<div class="img-item">
<img src="{{asset('/')}}/assets/payment-icon/rupay.png" class="img-fluid" alt="payments methods" />
</div>
<div class="img-item">
<img src="{{asset('/')}}/assets/payment-icon/google-pay-icon.png" class="img-fluid" alt="payments methods" />
</div>
<div class="img-item">
<img src="{{asset('/')}}/assets/payment-icon/paytm.png" class="img-fluid" alt="payments methods" />
</div>
<div class="img-item">
<img src="{{asset('/')}}/assets/payment-icon/bhim-upi-icon.png" class="img-fluid" alt="payments methods" />
</div>
</div>
<?php
$amount =$amount.'00';
?>
<div class="mt-3">
<form action="{!!route('payment')!!}" method="POST" >
<script src="https://checkout.razorpay.com/v1/checkout.js"
data-key="{{ env('RAZOR_KEY') }}"
data-amount="{{$amount}}"
data-buttontext="Proceed to payment"
data-name="Karnal International School"
data-description="Payment"
data-prefill.name="name"
data-prefill.email="email"
data-theme.color="#ff7529">
</script>
<input type="hidden" name="_token" value="{!!csrf_token()!!}">
</form>
</div>
</div>
</div>
</body>
</html>