<?php
require('../application_top.php');
require('protect-admin.php');
$pagename="manageusers"; 
require "header.php";?>
<h1 title="Only Superadmin can create Admins.">Create New User</h1>

	
<div class="w3-card w3-white">
	<div class="w3-blue w3-container w3-padding">Register</div>
	<form action="user-add-handle.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_delpicDP.php?id="+extraid+"&dbid="+dbid;
	$.ajax({url: callurl, success:function(result){
	//alert(result);
	}});
	}
}
</script>
			
<?
for($i=1;$i<=1;$i++){
	$picexist = 0;
	$picsrc = "images/upload-photo.png";
?>
<div id="imgDiv<?=$i;?>" class="imguploderDiv" 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;?>',0)">Delete X</span>
</div>
<div id="fileinputDiv<?=$i;?>" class="imguploderDiv"  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">
		
	Mobile No.* :
		<input type="number" name="mobileno" id="mobileno" class="w3-input number masterTooltip" title="Enter your 10 digits mobile number." placeholder="10 digits Mobile number" maxlength="10" autocomplete="off" required/><div id="mobnoDiv"></div>
	Password* :<br/>
		<input type="password" name="ipassword" id="newpassword" placeholder="Password" maxlength="25" class="w3-input" required/>
	<br/>
	</div>
	<div class="w3-col m4 w3-container">
	Full Name* :<br/>
	<input type="text" name="fullname" id="fullname" placeholder="Full Name"  maxlength="40" class="w3-input" required/></td>
	Emailid :<br/>
	<input type="text" name="emailid" class="w3-input email" id="email" placeholder="Email id"/>
	<?
	//form token below
	$token = md5(uniqid(rand(), true));
	$_SESSION['token'] = $token;
	?>
	<input type="hidden" name="token" value="<?=$token?>"/>
	<input type="submit" class="w3-btn w3-pink" id="submitbutton" value="Register"/> 
	<br/><br/>
	
	</div>
</div>
</form>
</div>
<? require "../footer.php";?>