<!DOCTYPE html>

<html lang="en">
	<head>
		<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a>
		</div>
	</nav>
	<div class="col-md-3"></div>
	<div class="col-md-6 well">
		<h3 class="text-primary">PHP - Display User Details</h3>
		<hr style="border-top:1px dotted #ccc;"/>
		<div class="col-md-4">
		<!-----	<form method="POST" action="save.php">
				<div class="form-group">
					<label>Firstname</label>
					<input type="text" class="form-control" name="firstname" required="required"/>
				</div>
				<div class="form-group">
					<label>Lastname</label>
					<input type="text" class="form-control" name="lastname" required="required"/>
				</div>
				<div class="form-group">
					<label>Gender</label>
					<select name="gender" class="form-control" required="required">
						<option value="Male">Male</option>
						<option value="Female">Female</option>
					</select>
				</div>
				<div class="form-group">
					<label>Age</label>
					<input type="number" class="form-control" name="age" required="required"/>
				</div>
				<div class="form-group">
					<label>Address</label>
					<input type="text" class="form-control" name="address" required="required"/>
				</div>
				<div class="form-group">
					<label>Username</label>
					<input type="text" class="form-control" name="username" max="20" required="required"/>
				</div>
				<div class="form-group">
					<label>Password</label>
					<input type="password" class="form-control" name="password" max="12" required="required"/>
				</div>
				<center><button class="btn btn-primary" name="save">Save</button></center>
			</form>------>
		</div>
		<div class="col-md-8">
			<table class="table table-bordered">
				<thead class="alert-info">
				<!----	<tr>
						<th>Firstname</th>
						<th>Lastname</th>
						<th>Action</th>
					</tr>---->
				</thead>
				<tbody>
					<?php
						require'conn.php';
						$saccno = $_SESSION['hlbank_user']['saccno'];
						$query=mysqli_query($conn, "SELECT * FROM `tbl_transaction`") or die(mysqli_error());
						while($fetch=mysqli_fetch_array($query)){
					?>
						<tr>
						<!----	<td><?php echo $fetch['firstname']?></td>
							<td><?php echo $fetch['lastname']?></td>---->
							<td><button type="button" class="btn btn-success" data-toggle="modal" data-target="#form_modal<?php echo $fetch['user_id']?>">View Details</button></td>
						</tr>
						
						<div class="modal fade" id="form_modal<?php echo $fetch['user_id']?>" aria-hidden="true">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<h3 class="modal-title">User Details</h3>
									</div>
									<div class="modal-body">
										<div class="col-md-2"></div>
										<div class="col-md-8">
											<div class="col-md-6">
												<h4>Firstname</h4>
												<p><?php echo $fetch['tx_no']?></p>
											</div>
											<div class="col-md-6">
												<h4>Lastname</h4>
												<p><?php echo $fetch['amount']?></p>
											</div>
											<br style="clear:both;"/>
											<div class="col-md-6">
												<h4>Gender</h4>
									<!----			<p><?php echo $fetch['description']?></p>---->
											</div>
											<div class="col-md-6">
												<h4>Age</h4>
												<p><?php echo $fetch['comments']?></p>
											</div>
												<br style="clear:both;"/>
											<div class="col-md-12">
												<h4>Address</h4>
												<p><?php echo $fetch['tdate']?></p>
											</div>
											<br style="clear:both;"/>
											<div class="col-md-6">
												<h4>Username</h4>
												<p><?php echo $fetch['username']?></p>
											</div>
											<div class="col-md-6">
											<!----	<h4>Password</h4>
												<p>************</p>--->
											</div>
										</div>
									</div>
									<div style="clear:both;"></div>
									<div class="modal-footer">
										<button type="button" class="btn btn-danger" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Close</button>
									</div>
								</div>
							</div>
						</div>
					<?php
						}
					?>
				</tbody>
			</table>
		</div>
	</div>
<script src="js/jquery-3.2.1.min.js"></script>	
<script src="js/bootstrap.js"></script>	
</body>	
</html>