<?php
	require_once'session.php';
	require_once'../connection.php';
	require_once'../functions.php';
?>
<html>
<head>
	<title>Payment By User</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:96%;
			margin:0 2%;
			padding:5px 10px;
		}
		.div1 input, .div1 select{
			height:40px;
			max-width:160px;
			font-size:14px;
			padding:5px;
			border-radius:5px;
			border:solid #6b5127 1px;
			overflow:hidden;
			margin:10px 5px;
		}
		textarea{width:500px; height:130px; padding:10px;}
		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%;
			height:450px;
			float:left;
			text-align:center;
			padding:5px;
			overflow:auto;
		}
		.div2 table{
			width:98%;
			text-align:center;
			font-size:13px;
			border-collapse:collapse;
			padding:2px 5px;
			margin:1%;
		}
        .div2 table tr:nth-child(odd){background:#f6f0e8;}
        .div2 table tr:nth-child(even){background:white; }
		table th{
			background:#6b5127;
			color:white;
			height:35px;
			border:solid white 1px;
			padding:2px 5px;
		}
		table td{
			height:30px;
			border:solid black 1px;
			padding:2px 5px;
		}
		
		#inpNum, #fdate, #ldate{display:none;}
		
		@media(max-width:768px)
		{
			.div1{
				background:;
				width:100%;
				height:auto;
				margin:10px 0 0 0;
				padding:0;
				text-align:center;
			}
			.div1 input,.div1 select{
				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" id="contentDiv">
			<div class="head">
				<div class="title"><i class="fa fa-bars" onclick="hideMenu()" style="float:left; margin:10px;"></i><p>Payment By User :-</p></div>
				<div class="msg"><marquee><?php include'../msg.php'; ?></marquee></msg>
			</div><hr>
			<div class="data-content">
			    	<div class="div1">
						<select id="DateType" onchange="dateType()">
						    <option>MONTHWISE</option>
						    <option>DATEWISE</option>
						</select>
						<select name="mdate" id="mdate">
						    <option value="01">JANUARY</option>
						    <option value="02">FEBRUARY</option>
						    <option value="03">MARCH</option>
						    <option value="04">APRIL</option>
						    <option value="05">MAY</option>
						    <option value="06">JUNE</option>
						    <option value="07">JULY</option>
						    <option value="08">AUGUST</option>
						    <option value="09">SEPTEMBER</option>
						    <option value="10">OCTOBER</option>
						    <option value="11">NOVEMBER</option>
						    <option value="12">DECEMBER</option>
						</select>
						<input type="text" name="ydate" id="ydate" value="<?php echo $YEAR; ?>">
						<input type="date" name="fdate" id="fdate" value="<?php echo $date; ?>">
						<input type="date" name="ldate" id="ldate" value="<?php echo $date; ?>">
						<select id="userType">
						    <option>API</option>
						    <option>MASTER</option>
						    <option>DISTRIBUTER</option>
						    <option>RETAILER</option>
						    <option>ALL</option>
						</select>
						<select id="GroupBy">
						    <option>USER</option>
						    <option>ALL</option>
						</select>
						<input type="submit" value="Submit"  onclick='getPaymentByUser()'>
					</div>
				</form>
				<div class="div2">
					<table cellpadding="20" border="2" id="DataTbl"> 
						<tr>
							<th>P.Id</th>
							<th>Date Time</th>
							<th>Seller</th>
							<th>Firm</th>
							<th>Amount</th>
							<th>BankName FirmName</th>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
	<?php
		require'footer.php';
	?>
</body>
</html>