<?php
include ("php/connect.php");
include ("php/footer.php");
include ("php/header.php");
include ("php/cart.php");
// Get Next 10 years
$YearNow = date('y');
$Year_2 = date('y', strtotime('+1 years'));
$Year_3 = date('y', strtotime('+2 years'));
$Year_4 = date('y', strtotime('+3 years'));
$Year_5 = date('y', strtotime('+4 years'));
$Year_6 = date('y', strtotime('+5 years'));
$Year_7 = date('y', strtotime('+6 years'));
$Year_8 = date('y', strtotime('+7 years'));
$Year_9 = date('y', strtotime('+8 years'));
$Year_10 = date('y', strtotime('+9 years'));
//Display Year
$YearNow_Display = date('Y');
$Year_2_Display = date('Y', strtotime('+1 years'));
$Year_3_Display = date('Y', strtotime('+2 years'));
$Year_4_Display = date('Y', strtotime('+3 years'));
$Year_5_Display = date('Y', strtotime('+4 years'));
$Year_6_Display = date('Y', strtotime('+5 years'));
$Year_7_Display = date('Y', strtotime('+6 years'));
$Year_8_Display = date('Y', strtotime('+7 years'));
$Year_9_Display = date('Y', strtotime('+8 years'));
$Year_10_Display = date('Y', strtotime('+9 years'));
?>
<!DOCTYPE html>
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title>Pay My Invoice - Logo Masters International</title>
<meta name="description" content="Easily and Quickly pay your Logo Masters International invoice.">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css" >
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<link rel="stylesheet" type="text/css" href="stylesheets/responsive.css">
<link href="stylesheets/ionicons.min.css" type="text/css" rel="stylesheet">
<!-- Colors -->
<link rel="stylesheet" type="text/css" href="stylesheets/colors/color1.css" id="colors">
<!-- Animation Style -->
<link rel="stylesheet" type="text/css" href="stylesheets/animate.css">
<!-- Favicon and touch icons -->
<link href="icon/favicon.png" rel="shortcut icon">
<!--[if lt IE 9]>
<script src="javascript/html5shiv.js"></script>
<script src="javascript/respond.min.js"></script>
<![endif]-->
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback" async defer></script>
<script>
var onloadCallback = function() {
grecaptcha.execute();
};
function setResponse(response) {
document.getElementById('captcha-response').value = response;
}
</script>
</head>
<body class="header_sticky header-style-1 has-menu-extra">
<!-- Preloader -->
<div id="loading-overlay">
<div class="loader"></div>
</div>
<!-- Boxed -->
<div class="boxed">
<?php echo $Header; ?>
<!-- Page title -->
<div class="page-title parallax parallax1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title-heading">
<h1 class="title">Pay My Invoice</h1>
</div><!-- /.page-title-heading -->
</div><!-- /.col-md-12 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.page-title -->
<div class="divider h68"></div>
<section class="chart-page padding-top-100 padding-bottom-100">
<div class="container">
<!-- Payments Steps -->
<div class="shopping-cart">
<form action="php/payment.php" method="post" name="checkout" id="checkout">
<!-- SHOPPING INFORMATION -->
<div class="cart-ship-info">
<div class="row">
<!-- ESTIMATE SHIPPING & TAX -->
<div class="col-sm-12">
<div class="title-section"><h2 class="title">Customer Information</h2></div>
<ul class="row">
<li class="col-md-6">
<label> *INVOICE NUMBER
<input type="text" name="invoice-number" value="" placeholder="" required>
</label>
</li>
<li class="col-md-6">
<!-- COMPANY NAME -->
<label>*PAYMENT AMOUNT
<input type="text" name="amount" value="" placeholder="00,000.00" required>
</label>
</li>
<!-- Name -->
<li class="col-md-6">
<label> *FIRST NAME
<input type="text" name="first_name" value="" placeholder="" required>
</label>
</li>
<!-- LAST NAME -->
<li class="col-md-6">
<label> *LAST NAME
<input type="text" name="last_name" value="" placeholder="" required>
</label>
</li>
<!-- EMAIL ADDRESS -->
<li class="col-md-6">
<label> *EMAIL ADDRESS
<input type="text" name="email_address" value="" placeholder="" required>
</label>
</li>
<!-- PHONE -->
<li class="col-md-6">
<label> *PHONE
<input type="text" name="phone_number" value="" placeholder="" required>
</label>
</li>
<li class="col-md-6">
<label> COMPANY NAME
<input type="text" name="company_name" value="" placeholder="">
</label>
</li>
</ul>
</div>
<!-- SUB TOTAL -->
<div class="col-md-12">
<div class="title-section"><h2 class="title">Payment Method</h2></div>
<ul class="row">
<!-- CC Number -->
<li class="col-md-6">
<label> *Credit Card Number
<input type="text" name="cc-number" value="" placeholder="" required>
</label>
</li>
<!-- CC Number -->
<li class="col-md-6">
<label> Credit Cards We Accept
<div class="cc_img"><img src="images/creditcards.jpg" width="300" alt="Credit Cards We Accept - Visa, Master Card, AMEX"/></div></label>
</li>
<!-- EXP MONTH -->
<li class="col-md-6">
<label> *Exp Month
<select name="exp_month" id="exp_month" required>
<option value="01">01-January</option>
<option value="02">02-February</option>
<option value="03">03-March</option>
<option value="04">04-April</option>
<option value="05">05-May</option>
<option value="06">06-June</option>
<option value="07">07-July</option>
<option value="08">08-August</option>
<option value="09">09-September</option>
<option value="10">10-October</option>
<option value="11">11-November</option>
<option value="12">12-December</option>
</select>
</label>
</li>
<li class="col-md-6">
<!-- EXP YEAR -->
<label> *Exp Year
<select name="exp_year" id="exp_year" required>
<option value="<?php echo $YearNow; ?>"><?php echo $YearNow_Display; ?></option>
<option value="<?php echo $Year_2; ?>"><?php echo $Year_2_Display; ?></option>
<option value="<?php echo $Year_3; ?>"><?php echo $Year_3_Display; ?></option>
<option value="<?php echo $Year_4; ?>"><?php echo $Year_4_Display; ?></option>
<option value="<?php echo $Year_5; ?>"><?php echo $Year_5_Display; ?></option>
<option value="<?php echo $Year_6; ?>"><?php echo $Year_6_Display; ?></option>
<option value="<?php echo $Year_7; ?>"><?php echo $Year_7_Display; ?></option>
<option value="<?php echo $Year_8; ?>"><?php echo $Year_8_Display; ?></option>
<option value="<?php echo $Year_9; ?>"><?php echo $Year_9_Display; ?></option>
</select>
</label>
</li>
<li class="col-md-6">
<!-- CCV -->
<label>*CCV
<input type="text" name="cc-ccv" value="" placeholder="" required>
</label>
</li>
<li class="col-md-6">
<!-- CCV -->
<label>*Billing Zip Code
<input type="text" name="billing_zip" value="" placeholder="" required>
</label>
</li>
</ul>
</div>
<div class="col-md-12">
<div class="g-recaptcha" data-sitekey="6Le5kBwqAAAAAOrVsxVRVlSIv5amRYve_r5XvX2r" data-badge="inline" data-size="invisible" data-callback="setResponse"></div><br>
<input type="hidden" id="captcha-response" name="captcha-response"/></div>
<div class="margin-top-38">
<div class="col-md-12">
<input class="button" type="submit" name="submit" value="PROCESS PAYMENT">
</div> </div>
</div>
</div>
</form>
</div>
</div>
</section>
<div class="divider h68"></div>
<!-- Footer -->
<?php echo $Footer; ?>
<!-- Go Top -->
<a class="go-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<!-- Javascript -->
<script src="javascript/jquery.min.js"></script>
<script src="javascript/tether.min.js"></script>
<script src="javascript/bootstrap.min.js"></script>
<script src="javascript/jquery.easing.js"></script>
<script src="javascript/parallax.js"></script>
<script src="javascript/jquery-waypoints.js"></script>
<script src="javascript/jquery-countTo.js"></script>
<script src="javascript/jquery.countdown.js"></script>
<script src="javascript/jquery.flexslider-min.js"></script>
<script src="javascript/images-loaded.js"></script>
<script src="javascript/jquery.isotope.min.js"></script>
<script src="javascript/magnific.popup.min.js"></script>
<script src="javascript/jquery.hoverdir.js"></script>
<script src="javascript/owl.carousel.min.js"></script>
<script src="javascript/equalize.min.js"></script>
<script src="javascript/gmap3.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAIEU6OT3xqCksCetQeNLIPps6-AYrhq-s®ion=GB"></script>
<script src="javascript/jquery-ui.js"></script>
<script src="javascript/jquery.cookie.js"></script>
<script src="javascript/main.js"></script>
<!-- Revolution Slider -->
<script src="rev-slider/js/jquery.themepunch.tools.min.js"></script>
<script src="rev-slider/js/jquery.themepunch.revolution.min.js"></script>
<script src="javascript/rev-slider.js"></script>
<!-- Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading -->
<script src="rev-slider/js/extensions/revolution.extension.actions.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.migration.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.video.min.js"></script>
</body>
</html> |