<?php
	include'session.php';
	include'../connection.php';
	include'../functions.php';
	
	
    $apiName=$_GET['apiName'];
?>
<html>
<head>
	<title>Set Comm Single 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:98%;
			margin:1%;
			padding:10px;
		}
		.div1 input, .div1 select{
			height:35px;
			width:200px;
			font-size:18px;
			padding:2px 10px;
			border-radius:5px;
			border:solid #6b5127 1px;
			overflow:hidden;
			margin:10px 10px 0 10px;
		}
		input[type=submit]{
			background:#6b5127;
			color:white;
			cursor:pointer;
			transition:1s;
		}
		input[type=submit]:hover{
			background:white;
			color:#883333;
			border:solid #6b5127 1px;
			transition:1s;
		}
		.div2{
			background:#f7f7f7;
			width:100%;
			float:left;
			text-align:center;
			padding:0 10px;
			overflow:auto;
		}
		.div2 table{
			width:96%;
			text-align:center;
			font-size:16px;
			border-collapse:collapse;
			padding:2px 10px;
			margin:2%;
		}
		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;
		}
		#inpDataList{display:none;}
		#commInp{width:60px; height:25px; padding:1px 4px; font-size:16px; text-align:center;}
		.fa-check, .fa-ban{font-size:20px;}
		.inpApiOp{width:70px; height:20px; font-size:17px; padding:2px; margin:2px; text-align:center; display:none;}
		.pApiOp{width:70px; height:20px; font-size:17px; padding:2px; margin:2px; text-align:center;}
		@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">
			<div class="head">
				<div class="title"><p>Commission Set For :-</p></div>
				<div class="msg"><marquee><?php include'../msg.php'; ?></marquee></msg>
			</div><hr>
			<div class="data-content">
					<div class="div1">
					    <h2><?php echo $UsrName; ?></h2><br>
				<div class="div2" id="downlinePlace">
				<input type="text" value="<?php echo $apiName; ?>" id="apiColName" style="display:none;">
					<table cellpadding="20" border="2"> 
						<tr>
							<th>My Op Code</th>
							<th> My Op Name</th>
							<th><?php echo $apiName; ?> Op Code</th>
							<th>Status</th>
						</tr>
						<?php
							$sl=0;		
					        $quOpCode="SELECT * FROM operator ORDER BY Name";
						    $reOpCode=mysqli_query($con,$quOpCode);
						    while($dataOpCode=mysqli_fetch_array($reOpCode))
						    {
						        $sl=$sl+1;
						        $apiOpCode=$dataOpCode[$apiName];
						        if(empty($apiOpCode))
						        {
						            $apiOpCode=0;
						        }
						        $myOpCode=$dataOpCode['Id'];
						       	echo "<tr>";
						       	    echo "<input style='display:none' type='hide' id='myOpCode".$sl."' value='".$myOpCode."'>";
									echo "<td>".$myOpCode."</td>";
									echo "<td>".$dataOpCode['Name']."</td>";
									echo "<td><p class='pApiOp' id='pOpCode".$sl."' ondblclick='showInput($sl)'>".$apiOpCode."</p>
		    							<input class='inpApiOp' type='text' id='inpOpCode".$sl."' onfocusout='editApiOpCode($sl)' value='".$apiOpCode."' name='".$OpCode."' step='0.01' target='_blank'></td>";
									echo "<td>".$dataOpCode['Status']."</td>";
								echo "</tr>";
							}
							
						?>
					</table>
				</div>
				</form>
			</div>
		</div>
	</div>
	<script>
	    function showInput(Arg)
	    {
	        document.getElementById("pOpCode"+Arg).style.display = "none";
	        document.getElementById("inpOpCode"+Arg).style.display = "block";
	        
	    }
	    
	    function editApiOpCode(Arg)
	    {
	        var AjaxName     = "Ajax3";
	        var myOpCode    = document.getElementById("myOpCode"+Arg).value;
	        var apiOpCode    = document.getElementById("inpOpCode"+Arg).value;
	        var apiColName   = document.getElementById("apiColName").value;
			var xmlhttpState = new XMLHttpRequest();
			xmlhttpState.open("GET","Ajax.php?AjaxName="+AjaxName+"&myOpCode="+myOpCode+"&apiOpCode="+apiOpCode+"&apiColName="+apiColName, false)
			xmlhttpState.send(null);
			if(xmlhttpState.responseText=="Api Operator Update Successfully !")
			{   
				alert(xmlhttpState.responseText);
				document.getElementById("pOpCode"+Arg).innerHTML = apiOpCode;
			}
			
		    document.getElementById("pOpCode"+Arg).style.display = "block";
            document.getElementById("inpOpCode"+Arg).style.display = "none";
	    }
	</script>
	<?php
		require'footer.php';
	?>
</body>
</html>