File: /home/cafsindia/medlocqr_com/success.php
<?php
$payment_id = "";
if(isset($_GET['payment_id'])){
$payment_id = $_GET['payment_id'];
}
$name = "";
if(isset($_GET['name'])){
$name = $_GET['name'];
}
$transaction_id = "";
if(isset($_GET['transaction_id'])){
$transaction_id = $_GET['transaction_id'];
}
?>
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- CSS -->
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<style>
.scs-img{background-image: url(images/checked.svg);background-repeat: no-repeat;height: 100px; width: 100px; display: inline-block;
background-size: 100%;}
/**
* Extracted from: SweetAlert
* Modified by: Istiak Tridip
*/
.success-checkmark {
width: 80px;
height: 115px;
margin: 0 auto;
}
.success-checkmark .check-icon {
width: 80px;
height: 80px;
position: relative;
border-radius: 50%;
box-sizing: content-box;
border: 4px solid #4caf50;
}
.success-checkmark .check-icon::before {
top: 3px;
left: -2px;
width: 30px;
transform-origin: 100% 50%;
border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
top: 0;
left: 30px;
width: 60px;
transform-origin: 0 50%;
border-radius: 0 100px 100px 0;
animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
content: "";
height: 100px;
position: absolute;
background: #ffffff;
transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
height: 5px;
background-color: #4caf50;
display: block;
border-radius: 2px;
position: absolute;
z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
top: 46px;
left: 14px;
width: 25px;
transform: rotate(45deg);
animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
top: 38px;
right: 8px;
width: 47px;
transform: rotate(-45deg);
animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
top: -4px;
left: -4px;
z-index: 10;
width: 80px;
height: 80px;
border-radius: 50%;
position: absolute;
box-sizing: content-box;
border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
top: 8px;
width: 5px;
left: 26px;
z-index: 1;
height: 85px;
position: absolute;
transform: rotate(-45deg);
background-color: #ffffff;
}
@keyframes rotate-circle {
0% {
transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
@keyframes icon-line-tip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes icon-line-long {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
</style>
</head>
<body>
<nav class="light-blue lighten-1 pushpin-demo-nav pinned" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="index.php" class="brand-logo">Med Locker</a>
<ul class="right hide-on-med-and-down">
<li><a class="head-link" href="index.php">Home</a></li>
<li><a class="head-link" href="index.php">Tracker</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a class="head-link" href="index.php">Home</a></li>
<li><a class="head-link" href="index.php">Tracker</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="section no-pad-bot" id="" style="background-color: #1687a7; padding-top: 80px;">
<div class="container">
<br><br>
<div class="row">
<div class="col s12 m6 offset-m3">
<div class="card center" style="border-radius: 5px;">
<div class="card-content">
<!--<div class="scs-img"></div>-->
<div class="success-checkmark">
<div class="check-icon">
<span class="icon-line line-tip"></span>
<span class="icon-line line-long"></span>
<div class="icon-circle"></div>
<div class="icon-fix"></div>
</div>
</div>
<h1 class="header center" style="color: #5cb85c; margin: 0 0 20px;">Success</h1>
<p style="padding-bottom: 20px;">Thank you for using Medlocker.</p>
<p style="padding-bottom: 20px;">Your product will be delivered to you within 3 working days.</p>
<table>
<thead>
<tr>
<th>Name</th>
<th>Track Id</th>
</tr>
</thead>
<tbody>
<tr>
<td style="word-wrap: break-word"><?php echo $name; ?></td>
<td style="word-wrap: break-word"><?php echo $transaction_id; ?></td>
</tr>
</tbody>
</table>
</div>
<div class="card-action">
<a href="index.php" style="text-transform: inherit; color: #fff;margin-right: 0;background-color: #1687a7;
padding: 10px 30px;
border-radius: 5px;">Home</a>
</div>
</div>
</div>
</div>
<br><br>
</div>
</div>
<div class="container" id="tracker" style="padding-top: 50px;">
<div class="section">
<div class="row">
<div class="col s12 center sub-heading">
<h2>Tracker</h2>
<form class="col s12">
<div class="row track-btn">
<div class="input-field col s8">
<input id="tracking-id" type="text" class="validate">
<label for="last_name">Track your Id</label>
</div>
<div class="input-field col s4 center" style="padding-top: 9px;">
<button class="btn waves-effect waves-light" type="submit" name="action">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<footer class="page-footer cust-blue">
<div class="footer-copyright center">
<div class="container">
Made by <a class="white-text" href="https://cafsinfotech.com" target="_blank">CAFS Infotech</a>
</div>
</div>
</footer>
</body>
</html>
<!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script>
$(document).ready(function(){
$('select').formSelect();
$('.tabs').tabs();
$('.datepicker').datepicker();
$('.sidenav').sidenav();
$('#textarea1').val();
});
</script>
<script>
$('.head-link').click(function(e) {
e.preventDefault();
var goto = $(this).attr('href');
$('html, body').animate({
scrollTop: $(goto).offset().top
}, 800);
});
</script>