<?php

	include 'header.php';
	include 'navbar.php';

?>

	<div class="row">
		<div class="col-md-12 grid-margin">
			<div class="card">
				<div class="card-body">
					<h3 class="card-title mb-0">Generate Voucher</h3>
					<p>&nbsp;</p>
					<div class="row">
							<div class="col-md-12">
							<section>
							<form>
								<div class="row">
									<div class="form-group col-md-3">
									  <label>PV Amount:</label>
									  <input type="text" name="pvAmount" id="pvAmount" class="form-control" required aria-invalid="true" aria-describedby="pvAmountHelp" placeholder="Enter PV">
									  <small id="pvAmountHelp" class="form-text text-muted"></small>
									</div>
									<div class="form-group col-md-3">
									  <label>Password:</label>
									  <input type="password" name="password" id="password" class="form-control" required aria-invalid="true" aria-describedby="passwordHelp" placeholder="Enter your password">
									  <small id="passwordHelp" class="form-text text-muted"></small>
									</div>
								</div>
								<div class="row">
									<div class="form-group col-md-3">
									    <label>Voucher Amount:</label>
										<div class="input-group">
										  <div class="input-group-prepend">
											<span class="input-group-text">$</span>
										  </div>
										  <input type="text" name="voucherAmount" id="voucherAmount" class="form-control" placeholder="Voucher Amount" value="" readonly>
										</div>
									 </div>
								</div>
								<div class="row">
									 <div class="table-responsive">
										<table class="table">
										  <thead>
											<tr>
											  <th>Voucher Particulars</th>
											  <th>Amount</th>
											</tr>
										  </thead>
										  <tbody>
											<tr>
											  <td>PV Balance</td>
											  <td>0 PV</td>
											</tr>
											<tr>
											  <td>Maximum PV Convertible Voucher Amount</td>
											  <td>0 PV</td>
											</tr>
											<tr>
											  <td>Voucher Generation Fee</td>
											  <td>1% of PV</td>
											</tr>
										 </tbody>
										</table>
									  </div>
								</div>
								<p>&nbsp;</p>
								<div class="row">
									<div class="form-group col-md-6">
										<button type="button" class="btn btn-primary btn-fw" id="btnGenerateVoucher">Submit</button>
									</div>
								</div>
							</form>
							</section>
							 </div>                         
						 </div>
                      </div>



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


<?php
	include 'footer.php';
?>