<?php include('userheader.php');?>
<?php //print_r($_SESSION);exit;
	include_once('../controller/connect.php');
	
	$dbs = new database();
	$db=$dbs->connection();

	$genderid = $_SESSION['User']['Gender'];
	$gid = @mysqli_query($db,"select * from gender where GenderId='$genderid'");
	$gendern = @mysqli_fetch_assoc($gid);

	$maritalid = $_SESSION['User']['MaritalStatus'];
	$mid = @mysqli_query($db,"select * from maritalstatus where MaritalId='$maritalid'");
	$maritaln = @mysqli_fetch_assoc($mid);

	$positionid = $_SESSION['User']['PositionId'];
	$pid = @mysqli_query($db,"select * from position where PositinId='$positionid'");
	$positionn = @mysqli_fetch_assoc($pid);

	$cityid = $_SESSION['User']['CityId'];
	$cid = @mysqli_query($db,"select * from city where CityId='$cityid'");
	$cityn = @mysqli_fetch_assoc($cid);

	$stateid = $cityn['StateId'];
	$sid = @mysqli_query($db,"select * from state where StateId='$stateid'");
	$staten = @mysqli_fetch_assoc($sid);

	$countryid = $staten['CountryId'];
	$couid = @mysqli_query($db,"select * from country where CountryId='$countryid'");
	$countryn = @mysqli_fetch_assoc($couid);
?>
               	<div class="s-12 l-10">
               	<h2>ข้อมูลส่วนตัว</h2><hr>
               	<div class="clearfix"></div>
               	</div>
               	<form action="" method="post">

               	<div class="s-12 l-2">
                 	<table>
                 		<tbody>
                 			<tr>
                 				<td align="center"><img src="../image/<?php echo (isset($_SESSION['User']['ImageName']))?$_SESSION['User']['ImageName']:""; ?>" id="myImg" style="height: 144px; border: 2px groove; border-radius:8px;"></td>
                 			</tr>
                 			<tr>
                 				<td align="center"><u style="margin-bottom: 5px;"><b><?php echo ucfirst($_SESSION['User']['FirstName'])."&nbsp;".ucfirst($_SESSION['User']['LastName']); ?></b></u></td>
                 			</tr>
                 			<tr>
                 				<td align="center"><b>รหัสพนักงาน :-</b> <?php echo(isset($_SESSION['User']['EmployeeId']))?$_SESSION['User']['EmployeeId']:"Null";?></td>
                 			</tr>
                 		</tbody>
                 	</table>
               	</div>
               	<div class="s-12 l-4" >
                 	<table>
                 		<tbody>
                         <tr>
                 				<td width="33%" style="text-align: right;"><b>ตำแหน่ง :</b></td>
                 				<td width="67%"><?php echo(isset($positionn['Name']))?ucfirst($positionn['Name']):"Null";?></td>
                 			</tr>
                 			
                 			
                 			<tr>
                 				<td style="text-align: right;"><b>ที่อยู่/สังกัด :</b></td>
                 				<td ><?php echo(isset($_SESSION['User']['Address1']))?$_SESSION['User']['Address1']:"Null";?> ,</td>
                 			</tr>
                 			<tr>
                 				<td></td>
                 				<td ><?php echo(isset($_SESSION['User']['Address2']))?$_SESSION['User']['Address2']:"Null";?> , <?php echo(isset($_SESSION['User']['Address3']))?$_SESSION['User']['Address3']:"Null";?> , </td>
                 			</tr>
                 			
               			</tbody>
                 	</table>
               	</div>
               	<div class="s-12 l-3">
                 	<table>
                 		<tbody>
                       
                 			
                 			
                 			<tr>
                 				<td style="text-align: right;"><b>ประเภท :</b></td>
                 				<td><?php echo(isset($_SESSION['role']['Name']))?ucfirst($_SESSION['role']['Name']):"Null";?></td>
                 			</tr>
                 			
                 			
                 		</tbody>
                 	</table>
               	</div>
               	</form>

<div id="myModal" class="modal">
<span class="close">&times;</span>
<img class="modal-content" id="img01">
<div id="caption"></div>
</div>



<?php include('userfooter.php');?>

<!-- The Modal -->


<!--image Popup-->
<script>
// Get the modal
var modal = document.getElementById('myModal');

// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById('myImg');
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function(){
    modal.style.display = "block";
    modalImg.src = this.src;
    captionText.innerHTML = this.alt;
}

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks on <span> (x), close the modal
span.onclick = function() { 
    modal.style.display = "none";
}
</script>
<!--End image Popup -->