<?php
require_once('header.php');
echo '<div class="row head main"><div class="col s12 m12 l12 center-align"><h1>'.$pagetitle.'</h1></div></div>';

function countries(){
	global $mysqli;$html = '';
	$stmt = $mysqli->prepare("SELECT nicename, phonecode FROM country WHERE phonecode != '0' ORDER BY nicename ASC") or die('An error occurred. Please try after some time.');
	$stmt->execute();
	$stmt->store_result();
	if($stmt->num_rows() > 0):
		$stmt->bind_result($country, $phonecode);
		while($stmt->fetch()):
			$html .= ($country) ? '<option value="'.$country.'" data-phonecode="' . $phonecode . '">'.$country.'</option>' : '';
		endwhile;
	endif;
	$stmt->close();
	return $html;
}
$countries = countries();

$paymenttypes = array('Advertisement', 'Book Chapter', 'Book Publication', 'DOI Charge', 'Hard Copy Charge', 'Journal Maintenance', 'Membership Charge', 'Parcel&sol;Post Charge', 'Publication Charge', 'Publication Charge with Hard Copy', 'Subscription Charge', 'Other');
$paymenttypelist = '';
foreach($paymenttypes as $paymenttype):
	$paymenttype = str_replace('/', '&sol;', $paymenttype);
	$paymenttypelist .= '<option value="'.$paymenttype.'">'.$paymenttype.'</option>';
endforeach;
echo <<<EOJ
<div class="row">
	<div class="col s12 m12 l7" style="float:none;margin:auto;clear:both">
		<form action="{$baseurl}icici-payment" method="post" name="paymentform" class="card form ajax z-depth-0">
			<input type="hidden" name="{$token_id}" value="{$token_value}" readonly />
			<input type="hidden" name="focus" value="{$en->encrypt('[MAKE_PAYMENT]')}" readonly />
			<input type="hidden" name="zipcode" value="" readonly />
			<div class="card-content">
				<div class="row">
					<div class="col s12 m6 l6">
						<label for="currency">currency</label>
						<select name="currency" class="browser-default" onchange="if(this.value === 'INR') { $('.paymentmode').show(); } else { $('.paymentmode').hide(); } $('.paymentmode select').prop('selectedIndex',0);">
							<option value="" selected="selected">Select Currency</option>
							<option value="INR">INR</option>
							<option value="USD">USD</option>
						</select>
					</div>
					<div class="col s12 m6 l6">
						<label for="amount">amount</label>
						<input type="text" name="amount" id="amount" maxlength="6" class="amount" />
					</div>
				</div>
				<div class="row">
					<div class="col s12 m6 l6">
						<label for="name">name</label>
						<input type="text" name="name" id="name" />
					</div>
					<div class="col s12 m6 l6">
						<label for="email">email</label>
						<input type="text" name="email" id="email" />
					</div>
				</div>
				<div class="row">
					<div class="col s12 m6 l6">
						<label for="country">country</label>
						<select name="country" class="browser-default" onchange="phonecode.value = this.value ? '+' + event.target.options[event.target.selectedIndex].dataset.phonecode : '';">
							<option value="" selected="selected">Select Country</option>
							{$countries}
						</select>
					</div>
					<div class="col s12 m6 l6">
						<label for="phone">WhatsApp/Mobile Number</label>
						<div style="display:flex;clear:both;">
							<input type="text" name="phonecode" id="phonecode" style="width:55px;padding:0 !important;text-align:center;background:#eee;" readonly />
							<input type="text" name="phone" id="phone" class="phone" onblur="if (this.value) { this.value = this.value.replace(/^0+/, ''); }" />
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col s12 m12 l12">
						<label for="address">address</label>
						<textarea rows="5" cols="5" name="address" id="address" class="materialize-textarea"></textarea>
					</div>
				</div>
				<div class="row">
					<div class="col s12 m6 l6">
						<label for="city">city</label>
						<input type="text" name="city" id="city" />
					</div>
					<div class="col s12 m6 l6">
						<label for="state">state</label>
						<input type="text" name="state" id="state" />
					</div>
				</div>
				<div class="row">
					<div class="col s12 m6 l6">
						<label for="pincode">pin code/post box no./zip code</label>
						<input type="text" name="pincode" id="pincode" />
					</div>
					<div class="col s12 m6 l6">
						<label for="paymentfor">payment for</label>
						<select name="paymenttype" class="browser-default" onchange="CtrlPDList(this.value)">
							<option value="" selected="selected">Select Payment For</option>
							{$paymenttypelist}
						</select>
					</div>
				</div>
				<div class="row hidden booktitle">
					<div class="col s12 m12 l12">
						<label for="booktitle">book title</label>
						<input type="text" name="booktitle" id="booktitle" />
					</div>
				</div>
				<div class="row hidden bookchapter">
					<div class="col s12 m12 l12">
						<label for="bookchapter">book chapter</label>
						<input type="text" name="bookchapter" id="bookchapter" />
					</div>
				</div>
				<div class="row hidden pjournal">
					<div class="col s12 m12 l12">
						<label for="journal">journal name</label>
						<input type="text" name="journal" id="journal" />
					</div>
				</div>
				<div class="row hidden particle">
					<div class="col s12 m12 l12">
						<label for="refnumber">article ref. number</label>
						<input type="text" name="refnumber" id="refnumber" />
					</div>
				</div>
				<div class="row hidden particle">
					<div class="col s12 m12 l12">
						<label for="articletitle">article title</label>
						<input type="text" name="articletitle" id="articletitle" />
					</div>
				</div>
				<div class="row hidden pdesc">
					<div class="col s12 m12 l12">
						<label for="description">description</label>
						<input type="text" name="description" id="description" />
					</div>
				</div>
				<div class="row">
					<div class="col s12 m12 l12 paymentmode">
						<label for="paymentmode">payment mode</label>
						<select name="paymentmode" class="browser-default">
							<option value="" selected="selected">Select Payment Mode</option>
							<option value="DC">Debit Card</option>
							<option value="CC">Credit Card</option>
							<option value="NB">Net Banking</option>
							<option value="UPI">UPI</option>
							<option value="WALLET">Wallets</option>
						</select>
					</div>
				</div>
				<div class="row">
					<div class="col s12 m12 l12">
						<div class="g-recaptcha" data-sitekey="{$gSiteKey}"></div>
					</div>
				</div>
			</div>
			<div class="card-action right-align">
				<button type="submit" name="action" class="waves-effect btn-flat blue accent-3 white-text" disabled>pay now</button>
			</div>
		</form>
	</div>
</div>
<div class="redirect"></div>
EOJ;
require_once('footer.php');
?>