ok

Mini Shell

Direktori : /home2/selectio/public_html/y1jobportal.in/
Upload File :
Current File : /home2/selectio/public_html/y1jobportal.in/checkout-list.php

<?php
include("header.php");

$ids = $_GET['id'];
error_log($ids);
$statement = $pdo->prepare("SELECT tbl_checkout.*,subscription.name,subscription.amount,subscription.duration FROM `tbl_checkout` INNER JOIN subscription ON tbl_checkout.plan_id=subscription.id WHERE tbl_checkout.id='".$_GET['id']."'");
$statement->execute();
$query = $statement->fetchAll(PDO::FETCH_ASSOC);
$totalData = $statement->rowCount();
?>
<link href="https://cdnjs.cloudflare.com/ajax/libs/mvp.css/1.14.0/mvp.css">
<style>
 .form-control {
    padding: 15px 20px !important;
    line-height: 24px !important;
}
@media only screen and (max-width: 400px){
section.section.section-categories.section-theme-1.pt-35.pt-md-50.pt-lg-75.pt-xl-95.pb-35.pb-md-50.pb-xl-75 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
}
/*.filters-sidebar-Head {*/
/*    display: flex !important;*/
/*}*/
aside.filters-sidebar {
    display: contents !important;
}
button.btn.btn-filters.filters-opener.d-lg-none {
    display: none !important;
}
.section-theme-1 .filters-sidebar .filters-sidebar-Head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 35px;
    background: #fff09d;
    padding: 15px 20px;
    margin-top: -5px;
    margin-left: 40px;
    margin-right: -17px;
    margin-bottom: 20px;
    width: 80%;
    /* text-align: center !important; */
}
.section-theme-1 .filters-sidebar .filters-sidebar-Head .title {
    width: 100%;
    text-align: center;
}
.subvisual-block.subvisual-theme-1.bg-dark-green.d-flex.pt-60.pt-md-90.pt-lg-150.pb-30.text-white {
    margin-top: 90px !important;
}

.subvisual-theme-1 .subvisual-textbox {
    overflow: hidden;
    padding-bottom: 0px;
}
header.page-subheader.mb-30.mb-md-40.d-lg-flex.align-items-center.justify-content-between {
    margin-top: 25px;
    margin-bottom: 10px !important;
}
h1.cv.text-center.w-100.pt-lg-100.pt-xl-100 {  }

}

.subvisual-block.subvisual-theme-1.bg-dark-green.d-flex.pt-60.pt-md-90.pt-lg-150.pb-30.text-white {
    margin-top: 50px;
    padding-bottom: 0px !important;
}
</style>






<!-- Sub Visual of the page -->
		<div class="subvisual-block subvisual-theme-1 bg-dark-green d-flex pt-60 pt-md-90 pt-lg-150 pb-30 text-white">
			<div class="pattern-image"><img src="images/bg-pattern-overlay.jpg" width="1920" height="570" alt="Pattern"></div>
			<div class="container position-relative text-center">
				<div class="row">
					<div class="col-12">
						<div class="subvisual-textbox">
							<h1>Job Board</h1>
							<p>Job duties, job responsibilities, and skills required</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- contain main informative part of the site -->
		<main class="main">
			<!-- Featured Jobs Section -->
			<section class="section section-categories section-theme-1 pt-35 pt-md-50 pt-lg-75 pt-xl-95 pb-35 pb-md-50 pb-xl-75">
				<div class="container">
				    
				    
				    <div class="top-bar">
		<i class="fas fa-arrow-left"></i>
		<span>Continue shopping</span>
	</div>
	<div class="bag">
		<p class="bag-head"><span style="text-transform: uppercase">Total Items</span> - 1 item</p>
	</div>
	<div class="bag-product">
		
		<div class="description">
			<p class="product-code small muted">Product code: SS022592000</p>
			<h1><?=$query[0]['name']?></h1>
			
			<h2>Rs- <?=$query[0]['amount']?></h2>
			<div class="quantity-wrapper">
				<div>
					<label for="quantity" style="margin-right: 0.5rem;">Quantity:</label>
					<select name="quantity" style="margin-bottom: 1rem;">
						<option value disabled>Please select</option>
						<option value="1" selected>1</option>
						<option value="2">2</option>
						<option value="3">3</option>
					</select>
				</div>
				<button class="btn-remove">Remove</button>
			</div>
		</div>
	</div>
	<div class="bag-total">
		<div class="subtotal">
			<p class="small">Subtotal:</p>
			<p class="small">Rs- <?=$query[0]['amount']?></p>
		</div>
		<div class="delivery">
			<p class="small">Delivery (Standard - 2 working days):<br>
				<span class="change-delivery">Change delivery method</span></p>
			<p class="small">Free</p>
		</div>
		<div class="total">
			<h3>Total:</h3>
			<h3>Rs- <?=$query[0]['amount']?></h3>
		</div>
		<div class="promo-checkbox">
			<input type="checkbox" name="promo-check" checked>
			<label for="promo-check">I have a promo code</label>
		</div>
		<div class="promo-code">
			<input type="text" name="promo-checkbox" placeholder="Enter your promo code here" checked>
			<button class="apply">Apply</button>
		</div>
		<button class="btn-go-checkout">
			<i class="fas fa-lock"></i>
			<a style='color:black' href='add-client.php?id=<?=$_REQUEST['id']?>' >Go to Checkout</a>
		</button>
	</div>
	<div class="help">
		<p>Need help? Call free +918270070086</p>
	</div>
			
				</div>
			</section>
		</main>
		<!-- footer of the page -->
<style>
    
    @import url('https://fonts.googleapis.com/css?family=Lato:400,700|Space+Mono:700');

* { margin: 0; padding: 0; box-sizing: border-box; }

$font-head: "Space Mono", sans-serif;
$font-txt: "Lato", sans-serif;
$small: 0.8rem;
$blue: dodgerblue;
$violet: lighten(rebeccapurple, 20%);
$yellow: lemonchiffon;

html,
body { 
	height: 100%; 
	font-size: 16px; 
	font-weight: 400; }

//body { padding: 0.5rem !important; }

html,
body,
button,
input[type="text"] { font-family: $font-txt;  }

.center-wrapper {
	padding: 0.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	min-height: 100%; }

.content { 
	margin: 0 auto;
	max-width: 600px; 
	border: 1px solid $yellow; 
	background: white; }

nav,
.top-bar,
.bag, 
.bag-total,
.help { padding: 0.5rem 1rem; }

nav,
a,
.btn-go-checkout { color: white; }

nav { 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: normal; 
	    -ms-flex-flow: row nowrap; 
	        flex-flow: row nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: $blue;  }

a {
	padding: 0.2rem 0.5rem;
	border: 2px solid white;
	text-decoration: none; }

.logo { font-family: $font-head; }

.logo,
button { text-transform: uppercase; }

.fa-search,
.fa-arrow-left,
.fa-lock { margin-right: 1rem; }

.top-bar,
.bag-head::after,
.bag-total::before { background: whitesmoke; }

.bag-head::after,
.bag-total::before,
.btn-remove { display: block; }

.bag-head::after,
.bag-total::before,
.description-text,
.promo-checkbox { margin: 0.5rem 0; }

.bag-head::after,
.bag-total::before {
	content: "";
	width: 100%;
	height: 3px; }

.muted { color: grey; }

.change-delivery,
::placeholder,
.product-code,
.help { font-size: $small; }

h1 { font-size: 1.6rem; }

h2 { font-size: 1.4rem; }

.image { 
	width: 40%; 
	img.product-image { max-width: 100%; } }

.description { 
	padding-right: 1rem;
	width: 60%; }

select { 
	padding: 0.3rem; 
	width: 60px; }

select, 
button, 
input[type="text"] { height: 40px; }

button { 
	cursor: pointer;
	width: 100px;
	background: none; 
	border: 2px solid $violet;
  border-radius: 4px; }

.quantity-wrapper { 
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start; 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: normal; 
	    -ms-flex-flow: row wrap; 
	        flex-flow: row wrap;
	margin: 1rem 0 0.5rem; }

select { 
	width: 50px;
	margin-right: 1rem; }

.bag-product,
.quantity-wrapper,
.subtotal,
.delivery,
.total,
.promo-code {	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between; }

.subtotal,
.delivery,
input[type="checkbox"],
.help { margin-bottom: 0.5rem; }

.total { margin-bottom: 1rem; }

button,
.change-delivery { color: $violet; }

input[type="text"],
.btn-go-checkout { font-size: 1rem; }

input[type="text"] {
	width: calc(100% - 100px - 1rem); 
	padding: 0.5rem; }

.btn-go-checkout {
	margin-top: 1rem;
	width: 100%;
	height: 40px;
	background: $violet;
	box-shadow: 0 3px 6px 2px darken(whitesmoke, 10%); }

.help {	text-align: center; }

html {
	background: repeating-linear-gradient(
		-45deg,
		$yellow,
		$yellow 10px,
		darken($yellow, 10%) 10px,
		darken($yellow, 10%) 20px,
	); }
    
    
</style>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<?php
		include("footer.php");
		?>
		
		
		



<script>
 
    $('#sendMail').on('submit', function(e){
        console.log("Click And Form Working");
                e.preventDefault();
                $('#loading-div').show();
                $('#content-div').hide();
                $('#final_submit').prop('disabled', true);
                var formData = new FormData(this);
                formData.append('type', 'send_mail');
                                $.ajax({
                            url: 'api/send_mail.php',
                            type: 'post',
                            dataType: 'json',
                            data: formData,
                            cache: false,
                            contentType: false,
                            processData: false,
                            enctype: 'multipart/form-data',
                            success: function (response) {
                               
                                if(response['status']==200){
                                    alert(response['message']);
                                    $('#loading-div').hide();
                                    $('#content-div').show();
                                }else{
                                    alert(response['message']);
                                    $('#loading-div').hide();
                                    $('#content-div').show();
                                }
                                
                               
                            }
                        });
                
    });

    
</script>

Zerion Mini Shell 1.0