<html>
<head>
	<title>Complain</title>
	<!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	
	<!-- Admin CSS File Link -->
	<link rel="stylesheet" href="css/style2.css">
	<link rel="stylesheet" href="css/mediaStyle.css">
	
	<!-- 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:94%;
			height:50px;
			margin:10px;
			padding:5px 10px;
		}
		.div1 input{
			height:35px;
			width:200px;
			margin-left:10px;
			font-size:18px;
			padding:2px 10px;
			border-radius:5px;
			border:solid green 1px;
			overflow:hidden;
		}
		input[type=submit]{
			background:green;
			color:white;
			transition:1s;
		}
		input[type=submit]:hover{
			background:white;
			color:green;
			transition:1s;
		}
		.div2{
			background:#f7f7f7;
			width:94%;
			float:left;
			text-align:center;
			padding:10px;
			margin-left:10px;
			overflow:auto;
		}
		.div2 table{
			width:94%;
			text-align:center;
			font-size:19px;
			border-collapse:collapse;
			margin:10px;
			padding:2px 10px;
		}
		table th{
			background:green;
			color:white;
			height:40px;
			border:solid white 1px;
			padding:2px 5px;
		}
		table td{
			background:white;
			color:green;
			height:40px;
			border:solid black 1px;
			padding:2px 5px;
		}
		@media(max-width:768px)
		{
			.div1{
				background:;
				width:100%;
				height:auto;
				margin:10px 0 0 0;
				padding:0;
				text-align:center;
			}.div1 input{
				width:90%;
				margin:10px;
			}
			.div2{
				width:100%;
				margin:10px 0 0 0;
				padding:0px;
				text-align:center;
			}
		}
	</style>
</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>Complain:-</p></div>
				<div class="msg"><marquee>This Is Test Message</marquee></msg>
			</div><hr>
			<div class="data-content">
				<form method="post">
					<div class="div1">
						<input type="number" name="orderId" placeholder="Enter Order Id..">
						<input type="submit" name="submit" value="Submit Complain" >
					</div>
				</form>
				<form method="post">
					<div class="div1">
						<input type="date" name="fdate">
						<input type="date" name="ldate">
						<input type="submit" name="submit" value="Submit" >
					</div>
				</form>
				<div class="div2">
					<table cellpadding="20" border="2"> 
						<tr>
							<th>Date</th>
							<th>Payment Id</th>
							<th>Amount</th>
							<th>Txn No.</th>
							<th>Status</th>
						</tr>
						<tr>
							<td>2020/01/01</td>
							<td>1234</td>
							<td>10000</td>
							<td>00987766555</td>
							<td>Approved</td>
						</tr>
						<tr>
							<td>2020/01/01</td>
							<td>1234</td>
							<td>10000</td>
							<td>00987766555</td>
							<td>Approved</td>
						</tr>
						<tr>
							<td>2020/01/01</td>
							<td>1234</td>
							<td>10000</td>
							<td>00987766555</td>
							<td>Approved</td>
						</tr>
						<tr>
							<td>2020/01/01</td>
							<td>1234</td>
							<td>10000</td>
							<td>00987766555</td>
							<td>Approved</td>
						</tr>
						<tr>
							<td>2020/01/01</td>
							<td>1234</td>
							<td>10000</td>
							<td>00987766555</td>
							<td>Approved</td>
						</tr>
						<tr>
							<td>2020/01/01</td>
							<td>1234</td>
							<td>10000</td>
							<td>00987766555</td>
							<td>Approved</td>
						</tr>
						<tr>
							<td>2020/01/01</td>
							<td>1234</td>
							<td>10000</td>
							<td>00987766555</td>
							<td>Approved</td>
						</tr>
						<tr>
							<td>2020/01/01</td>
							<td>1234</td>
							<td>10000</td>
							<td>00987766555</td>
							<td>Approved</td>
						</tr>
						<tr>
							<td>2020/01/01</td>
							<td>1234</td>
							<td>10000</td>
							<td>00987766555</td>
							<td>Approved</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
	<?php
		require'footer.php';
	?>
</body>
</html>