<script>
    $(document).ready(function() {


     $("#cc_processor").click(function () {

                $("#cc_processor_data").show(100);
             });

	// validate the comment form when it is submitted

	// validate signup form on keyup and submit
	$("#frmUsers").validate({
		rules: {
			fname: {
                          	required: true
			},
                        lname: {
                          	required: true
			},
                        email: {
                          	required: true
			},
                        add1: {
                          	required: true
			},
                        city: {
                          	required: true
			},
                        state: {
                          	required: true
			},
                        zip: {
                          	required: true
			},
                        ccno: {
                        required: true
                        },
			cvv: {
				required: true

			}
		},
		messages: {
                        fname: {
				required: "Required"

			},
                        lname: {
				required: "Required"

			},
                         email: {
				required: "Required"

			},
                         add1: {
				required: "Required"

			},
                         city: {
				required: "Required"

			},
                         state: {
				required: "Required"

			},
                         zip: {
				required: "Required"

			},
			ccno: {
				required: "Required"

			},
			cvv: {
				required: "Required"

			}

		}
	}); });

    </script>
<?php echo $this->UserDetails->vFirstName;?>
<div class="inner_rightpanel">
<div class="content_area_div">
<div class="content_area">
<h2>Payment Options</h2>

	<div class="col-xs-12 col-sm-2 col-md-3"></div>
	<div class="col-xs-12 col-sm-8 col-md-6">
		<div class="form_main_outer">
		
			<div class="full_width">
				<?php
				if($this->paypalEnabled) {
				?>
			
				<div class="col-xs-12 col-sm-6">
					<a title="Paypal" href="<?php echo ConfigUrl::base();?>paypal/process/"><img border="0" src="<?php echo ConfigUrl::images();?>paypal.jpg" class="img-responsive"></a>
				</div>
				<?php
				}
				
				if($this->authorizeEnabled) {
				?>
				<div class="col-xs-12 col-sm-6">
					<a id="cc_processor" title="Credit Card" href="#"><img border="0" src="<?php echo ConfigUrl::images();?>creditcard.jpeg" class="img-responsive"></a>
				</div>
				<?php
				} 
				echo  $this->message; 
				?>
			</div>
			
			<div class="clearfix"></div>

			<div style="display:none;" id="cc_processor_data">
				<div id="cc_processor_data_block">
					<form id="frmUsers" name="frmUsers" action="<?php echo ConfigUrl::base();?>index/creditcard" method="POST">
					<h1>Please enter your Credit card info</h1>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>First Name On The Card</label>
								<input type="text" id="fname" name="fname" class="txt_area" value="<?php echo $this->UserDetails->firstname;?>" maxlength="255">
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>Last Name On The Card <span class="red">*</span></label>
								<input type="text" id="lname" name="lname" class="txt_area" value="<?php echo $this->UserDetails->lastname;?>" maxlength="255">
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>Email</label>
								<input type="text" id="email" name="email" class="txt_area" value="<?php echo $this->UserDetails->Email;?>" maxlength="255">
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>Address1 <span class="red">*</span></label>
								<input type="text" id="add1" name="add1" class="txt_area" value="<?php echo $this->UserDetails->Address1;?>" maxlength="255">
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>City <span class="red">*</span></label>
								<input type="text" id="city" class="txt_area" name="city" value="<?php echo $this->city;?>" maxlength="255">
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>State <span class="red">*</span></label>
								<input type="text" id="state" class="txt_area" name="state" value="<?php echo $this->state;?>" maxlength="255">
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>ZIP <span class="red">*</span></label>
								<input type="text" id="zip" class="txt_area" name="zip" value="<?php echo $this->UserDetails->ZipCode;?>" maxlength="20">
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>Country</label>
								  <select name="country" class="txt_area" id="country" >
									<option value="">Select Country</option>
									<?php
									 $selectedCountry    = stripslashes($this->country);
									 if($selectedCountry=="") $countryKey   ="US";
									 else
									 $countryKey = $selectedCountry;
									 global $countries;
									foreach( $countries as $key => $value)
									{
					
									?>
									<option value="<?php echo $key?>" <?php if($key==$countryKey) echo "selected";?>><?php echo $value;?></option>
									<?php
									}
									 ?>
									<option value="undefined">undefined</option>
								</select>
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>Card Number <span class="red">*</span></label>
								<input type="text" id="ccno" class="txt_area" name="ccno" maxlength="16">
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>CVV</label>
								<input type="text" id="cvv" class="txt_area" name="cvv" maxlength="4">
								  <a class="tip_trigger" style="font-size:11px" href="#" title="Visa&reg;, Mastercard&reg;, and Discover&reg; cardholders: Turn your card over and look at the signature box. You should see either the entire 16-digit credit card number or just the last four digits followed by a special 3-digit code. This 3-digit code is your CVV number / Card Security Code. cid American Express&reg; cardholders: Look for the 4-digit code printed on the front of your card just above and to the right of your main credit card number. This 4-digit code is your Card Identification Number (CID). The CID is the four-digit code printed just above the Account Number.">
									What is my CVV code?
									<!--<table class="tip" style="width: 800px; display: none; top: 2167px; left: 153px;">
									<tbody>
									<tr>
									<td>
									<img width="220" height="180" alt="" style="float: left; margin-right: 20px;" src="https://www.iscriptscloud.com/project/styles/images/csc_1.gif">
									</td>
									<td>Visa®, Mastercard®, and Discover® cardholders: Turn your card over and look at the signature box. You should see either the entire 16-digit credit card number or just the last four digits followed by a special 3-digit code. This 3-digit code is your CVV number / Card Security Code. cid American Express® cardholders: Look for the 4-digit code printed on the front of your card just above and to the right of your main credit card number. This 4-digit code is your Card Identification Number (CID). The CID is the four-digit code printed just above the Account Number.</td>
									<td>
									<img width="220" height="180" alt="" style="float: right; margin-right: 20px;" src="https://www.iscriptscloud.com/project/styles/images/csc_2.gif">
									</td>
									</tr>
									</tbody>
									</table>-->
								</a>
							</div>
						</div>
					</div>
					<div class="form_main_inner">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<label>Expiration Date:(MM/YYYY)</label>
									<div class="row">
										<div class="col-xs-12 col-sm-6 form_main_inner_L">
											<select name="expM" class="txt_area" id="expM">
											  <?php for($i=1; $i<=12; $i++) { ?>
											  <option>
												  <?php if($i<10){echo '0'.$i; }else {echo $i;}?>
											  </option>
											  <?php                         } ?>
											</select>
										</div>
										<div class="col-xs-12 col-sm-6">
											<select name="expY" class="txt_area" id="expY">
											  <?php for($i=date('Y'); $i<=(date('Y')+50); $i++) { ?>
											  <option>
												  <?php echo $i;?>
											  </option>
											  <?php } ?>
											  </select>
										</div>
									</div>
							</div>
						</div>
					</div>
					<div class="form_main_btt_outer">
						<div class="row">
							<div class="col-xs-12 col-sm-12">
								<input type="submit" name="process" class="button" id="process" value="Process">
							</div>
						</div>
					</div>
					
				 
		</form>

     </div>
			</div>
	<div class="clearfix"></div>
		</div>
	<div class="clearfix"></div>
	</div>
	<div class="col-xs-12 col-sm-2 col-md-3"></div>

<div class="clear"></div>


  </div> </div> <div class="clear"></div>
    </div>

    <div class="clear"></div>
</div>


<div class="clear"></div>
</div>
<!-- Inner Content Wrap End -->
<div class="clear"></div>
</div>
