<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>Online Shopping for Women, Men, Kids Fashion & Lifestyle</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="google-site-verification" content="" />
<?php include 'top_command.php';?>
</head>
<body>
<?php include 'header.php';?>
<div class="page_breadcrumbs">
<div class="container">
<ul>
<li><a href="index.html">Home</a></li>
<li><a>Women </a></li>
<li><a>Product Details</a></li>
<li><a>Cart</a></li>
<li>Checkout</li>
</ul>
</div>
</div>

<section class="checkout_page">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-8  col-xs-12">
<div class="cart_left">
<h1>Checkout</h1>
<div class="panel-group checkout-steps" id="accordion">
<!-- checkout-step-1  -->
<section class="panel panel-default checkout-step-01">
<h4 class="checkout_title">
<a data-toggle="collapse" data-parent="#accordion" href="javascript:void();"><span>1</span>Login or Signup</a></h4>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<div class="row">		
<div class="col-md-6 col-sm-6">
<form method="post" action="delivery_info.php">
<div class="form-group">
<input tabindex="2" type="email" name="email" class="form-control" value="" required>
<label class="form-label">Email ID <span>*</span></label>
</div>
<div class="form-group password_cont">
<input tabindex="5" type="password" name="password" class="form-control" value="" required>
<label class="form-label">Password <span>*</span></label>
<a href="forget_password.php" data-toggle="modal" data-target="#forget" class="forgot-password">Forgot Password?</a>
</div>
<div class="row">
<div class="col-md-5 col-sm-5">
<div class="form-group">
<label id="guest" class="radio_btn"><input name="continue" type="radio" value="Guest" checked/> Continue as Guest</label>
</div>
</div>              
<div class="col-sm-7">
<div class="form-group">
<label id="account" class="radio_btn"><input name="continue" type="radio" value="User" />I have a account & password</label>
</div>
</div>
</div>


<button type="submit" class="step_login_btn login_btn">Continue as Guest</button>
<a id="signup" href="register.php" class="step_login_btn">New User? SignUp</a>
</form>
</div>
							
<div class="col-md-6 col-sm-6">
<div class="checkout_right">
<h4>Advantages of our secure login</h4>
<ul>
<li><i class="fa fa-check"></i> Easily Track Orders, Hassle free Returns</li>
<li><i class="fa fa-check"></i> Get Relevant Alerts and Recommendation</li>
<li><i class="fa fa-check"></i> Wishlist, Reviews, Ratings and more.</li>
</ul>
</div>
</div>	

</div>			
</div>
</div>
</section>

<section class="panel panel-default checkout-step-02">
<h4 class="checkout_title"><a data-toggle="collapse" class="collapsed" data-parent="#accordion" href="javascript:void();"><span>2</span>Delivery Address</a></h4>
</section>

<section class="panel panel-default checkout-step-03">
<h4 class="checkout_title">
 <a data-toggle="collapse" class="collapsed" data-parent="#accordion" href="javascript:void();">
<span>3</span>Confirm Address</a></h4>
 </section>

</div>
<!-- /.checkout-steps -->
					
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4  col-xs-12">
<div class="cart_right_title">Price Details</div>
<div class="cart_right">
<table class="table table-totals">
<tbody>
<tr>
<td>Price (2 item)</td>
<td><i class="fa fa-inr"></i> 9600</td>
</tr>
<tr>
<td>Discount Price</td>
<td>- <i class="fa fa-inr"></i> 200</td>
</tr>
<tr>
<td>Delivery Charges</td>
<td class="free">Free</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Amount Payable</td>
<td><div class="payable"><i class="fa fa-inr"></i> 9400</div></td>
</tr>
</tfoot>
</table>
<p class="safe_info"><i class="fa fa-shield"></i> Safe and Secure Payments. Easy returns. 100% Authentic products.</p>
</div>

<div class="cart_right">
<ul>
<li>
<i class="fa fa-inr"></i> <h4>100% Money<br>Back Guarantee</h4>
</li>
<li>
<i class="fa fa-clock-o"></i>
<h4>Online<br>Support 24/7</h4>
</li>
</ul>
</div>

</div>

</div>
</div>    
</section>

<?php include 'footer.php';?>
<?php include 'bottom_command.php';?>
<script>
$(document).ready(function(){
$('#account').click(function(){
$('.password_cont').slideDown('fast');
});     
$('#guest').click(function(){
$('.password_cont').slideUp('fast');
});
    
$('input[name=continue]').change(function(){
var value = $( 'input[name=continue]:checked' ).val();
if(value=='User'){
document.getElementById('signup').style.display='none';
$('.login_btn').html('Continue');              
}else{
document.getElementById('signup').style.display='inline-block';
$('.login_btn').html('Continue as Guest');              
}
});
});
</script>
</body> 
</html>