<?php
	include'session.php';
	include'connection.php';
	include'functions.php';
?>
<html>
<head>
	<title>Bank Details</title>
	<!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
	<link rel="icon" href="images/logo.png" type="image/gif" sizes="16x16">
	
	<!-- Admin CSS File Link -->
	<link rel="stylesheet" href="css/style.css">
	
	<!-- User JAVA SCRIPT File Link -->
	<script type="text/javascript" src="js/script.js"></script>

	
	<!-- Font Awesome Icone -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	
	<style>
		.div1{
			background:;
			width:98%;
			margin:1%;
			padding:10px;
			float:left;
		}
		.bank{
		    background:white;
		    width:450px;
		    padding:10px;
		    text-align:center;
		    float:left;
		    border-radius:8px;
		}
		.subDiv1{
		    background:gray;
		    color:white;
		    height:30px;
		    width:35%;
		    margin:5px;
		    padding:4px 8px;
		    text-align:right;
		    float:left;
		}
		.subDiv2{
		    background:white;
		    height:30px;
		    width:60%;
		    margin:5px;
		    padding:4px 8px;
		    text-align:left;
		    float:left;
		}
		.div1 input, .div1 select{
			height:30px;
			max-width:150px;
			font-size:16px;
			padding:2px 7px;
			border-radius:5px;
			border:solid #6b5127 1px;
			overflow:hidden;
			margin:10px 10px 0 5px;
		}
		input[type=submit]{
			background:#6b5127;
			color:white;
			transition:1s;
			cursor:pointer;
		}
		input[type=submit]:hover{
			background:white;
			color:#6b5127;
			transition:1s;
		}
		.div2{
			background:#f7f7f7;
			width:100%;
			float:left;
			text-align:center;
			padding:0 10px 10px 10px;
			overflow-x:auto;
		}
		.div2 table{
			width:100%;
			text-align:center;
			font-size:15px;
			border-collapse:collapse;
			padding:2px 10px;
		}
		table th{
			background:#6b5127;
			color:white;
			height:40px;
			border:solid white 1px;
			padding:2px 5px;
		}
		table td{
			background:white;
			height:40px;
			border:solid black 1px;
			padding:2px 5px;
		}
		#redeemLink{background:#6b5127; color:white; padding:3px 7px;  transition:all 1s; border-radius:4px; font-size:17px;}
		#redeemLink:hover{background:white; color:#6b5127;}
		@media(max-width:768px)
		{
			.div1{
				background:;
				width:100%;
				height:auto;
				margin:10px 0 0 0;
				padding:0;
				text-align:center;
			}
			
		.bank{
		    background:white;
		    width:95%;
		    padding:5%;
		}
		.subDiv1{
		    background:gray;
		    width:100%;
		    text-align:center;
		}
		.subDiv2{
		    background:gray;
		    color:white;
		    width:100%;
		    text-align:center;
		}
			
			
			.div1 input{
				width:90%;
				margin:10px;
			}
			.div2{
				width:100%;
				margin:10px 0 0 0;
				padding:0px;
				text-align:center;
			}
		}
		

	</style>
	
	<link rel="stylesheet" href="css/mediaStyle.css">
</head>
<body>
	<!--Header Divison-->
	<?php
		require'header.php';
	?>
	
	<!--Container Division-->
	<div class="container">
		<?php
			include'menu.php';
		?>
		<div class="content">
			<div class="head">
				<div class="title"><p>Bank Details :-</p></div>
				<div class="msg"><marquee><?php include'msg.php'; ?></marquee></msg>
			</div><hr>
			<div class="data-content">
					<div class="div1">
					    <?php
					    $quBank="SELECT * FROM bank WHERE Status='Active'";
					    $reBank=mysqli_query($con,$quBank);
					    while($dataBank=mysqli_fetch_array($reBank))
					    {
					        echo "<div class='bank'>
					                <h3>Bank Account Details</h3><hr>
					                    <div class='subDiv1'>
					                        <p>Bank Name : </p>
					                    </div>
					                    <div class='subDiv2'>
					                        <p>".$dataBank['Bankname']."</p>
					                    </div>
					                    <div class='subDiv1'>
					                        <p>Account Name : </p>
					                    </div>
					                    <div class='subDiv2'>
					                        <p>".$dataBank['Accname']."</p>
					                    </div>
					                    <div class='subDiv1'>
					                        <p>Account No. : </p>
					                    </div>
					                    <div class='subDiv2'>
					                        <p>".$dataBank['Accno']."</p>
					                    </div>
					                    <div class='subDiv1'>
					                        <p>IFSC : </p>
					                    </div>
					                    <div class='subDiv2'>
					                        <p>".$dataBank['Ifsc']."</p>
					                    </div>
					                </div>";
					    }
					   ?>
					</div>
			</div>
		</div>
	</div>
	<?php
		require'footer.php';
	?>
</body>
</html>