<?php
require('../application_top.php');
require('protect-admin.php');
$id = (isset($_REQUEST['id']) && ($_REQUEST['id']))? decode($_REQUEST['id']) : 0;
$db->where('adminid',$id);
$rowad = $db->getOne('adminlogin');
?>
<? $pagename="manageexecutives"; require "header.php";?>
<h1 title="Only Superadmin can create Admins.">Edit Executive</h1>
	
<div class="w3-card w3-white">
	<div class="w3-blue w3-container w3-padding">Register</div>
	<form action="ExecEditSub.php" method="post" id="commonform" enctype="multipart/form-data">		
	<div class="w3-row w3-padding">
		<div class="w3-col m4">
		<!--following 2 lines prevent chrome to autofil saved username n password -->
		<input style="display:none">
		<input type="password" style="display:none">
		
		<center>
		Display Pic 
			<br/>
<script type="text/javascript">
$(function() {
	<? for($i=1;$i<=1;$i++){?>
	$("#pic<?=$i;?>").on("change", function()
	{
		var files = !!this.files ? this.files : [];
		if (!files.length || !window.FileReader){ // no file selected, or no FileReader support
			//imgDiv1
		return; 
		}
		if (/^image/.test( files[0].type)){ // only image file
			var reader = new FileReader(); // instance of the FileReader
			
			reader.file = files[0];
			reader.onload = function(readerEvent) {
			 var file = this.file;
              var image = new Image();
              image.onload = function(imageEvent) { 
				var max_size = 500;
				var w = image.width;
                var h = image.height;
                
                 if (w > h) {  if (w > max_size) { h*=max_size/w; w=max_size; }
                 } else     {  if (h > max_size) { w*=max_size/h; h=max_size; } }
               
                 var canvas = document.createElement('canvas');
                 canvas.width = w;
                 canvas.height = h;
                 canvas.getContext('2d').drawImage(image, 0, 0, w, h);
                 if (file.type == "image/jpeg") {
                    var dataURL = canvas.toDataURL("image/jpeg", 1.0);
                 } else {
                    var dataURL = canvas.toDataURL("image/png");
                 }
				//document.getElementById('inp_img'+id).value = dataURL;
				$("#imgpic<?=$i;?>").attr("src", dataURL);
				$("#inputpic<?=$i;?>").val(dataURL);
				
              }
              image.src = readerEvent.target.result;
           }
		   
			reader.readAsDataURL(files[0]); // read the local file
			reader.onloadend = function(){ // set image data as background of div
				$("#filename<?=$i;?>").val(files[0].name);
				//$("#inputpic<?=$i;?>").trigger('change');//onchange sending to ajax submit using class 'picdata' 
				$("#fileinputDiv<?=$i;?>").hide();
				$("#imgDiv<?=$i;?>").show();
			}
		}
	});
	<? } ?>
	});
	
function showhideDelete(showid,hideid,extraid,dbid){
	$('#'+hideid).hide();
	$('#pic'+extraid).val('');	
	$('#'+showid).show();
	$('#inputpic'+extraid).val('');
	if(dbid){
	var callurl = $('#HTTP_SERVER').val()+"ajax_delExecPic.php?id="+extraid+"&dbid="+dbid;
	$.ajax({url: callurl, success:function(result){
	//alert(result);
	}});
	}
}
</script>
			
<?
for($i=1;$i<=1;$i++){
	$picexist = ($rowad['pic'.$i])? 1 : 0;
	if($picexist){
	$picsrc = "../images/users/".$rowad['pic'.$i];
	}else{
	$picsrc = "images/upload-photo.png";
	}
?>
<div id="imgDiv<?=$i;?>" class="thumbimguploderDiv" style="display:<?=($picexist)? "":"none";?>;">
	<img id="imgpic<?=$i;?>" src="<?=$picsrc;?>"/>
	<input type="hidden" name="inputpic<?=$i;?>" id="inputpic<?=$i;?>" class="picdata"/>
	<input type="hidden" name="filename<?=$i;?>" id="filename<?=$i;?>"/>
	<input type="hidden" name="picnum" id="picnum" class="picnum" value="<?=$i;?>"/>
	<span onclick="showhideDelete('fileinputDiv<?=$i;?>','imgDiv<?=$i;?>','<?=$i;?>','<?=encode($id);?>')">Delete X</span>
</div>
<div id="fileinputDiv<?=$i;?>" class="thumbimguploderDiv"  style="display:<?=($picexist)? "none":"";?>;background-image:url('<?=HTTP_SERVER;?>images/upload-photo.png');background-repeat:no-repeat;background-position: center center;">
<input id="pic<?=$i;?>" name="pic<?=$i;?>" type="file" class="img" accept="image/*" />
<span>PHOTO <?=$i;?></span>
</div>
<? } ?>
</center><br/>
	
	</div>
	<div class="w3-col m4 w3-container">
		
Username : <?=$rowad['username'];?><br/><br/>
Password (Leave blank if do not want to change):<br/>
<input type="password" name="ipassword" id="newpassword" placeholder="Password" maxlength="25" class="w3-input"/>
Full Name* :<br/>
<input type="text" name="fullname" value="<?=$rowad['fullname'];?>" id="fullname" placeholder="Full Name"  maxlength="40" class="w3-input" required/></td>
Emailid :<br/>
<input type="text" name="emailid" value="<?=$rowad['emailid'];?>" class="w3-input email" id="email" placeholder="Email id"/>
<br/>
</div>
<div class="w3-col m4 w3-container">
Commision % :<br/>
<input type="number" name="commission" value="<?=$rowad['commission'];?>" class="w3-input" placeholder="Percentage"/>
<input type="hidden" name="admintype" value="3"/>
	<?
	//form token below
	$token = md5(uniqid(rand(), true));
	$_SESSION['token'] = $token;
	?>
	<input type="hidden" name="token" value="<?=$token?>"/>
	<input type="hidden" name="id" value="<?=encode($id)?>"/>
	<input type="submit" class="w3-btn w3-pink" id="submitbutton" value="SAVE"/> 
	<br/><br/>
	
	</div>
</div>
</form>
</div>
<br/>
<? require "../footer.php";?>