<h1 class="page-title"> Profile Settings</h1>
<!-- CONTENT -->
<div class="row">
	<div class="col-md-12">
		<!-- BEGIN PROFILE SIDEBAR -->
		<div class="profile-sidebar">
			<!-- PORTLET MAIN -->
			<div class="portlet light profile-sidebar-portlet ">
				<!-- SIDEBAR USERPIC -->
				<form enctype="multipart/form-data" class="cmxform form-horizontal adminex-form" id="editPicForm" method="post" action="/profile/edit/updatepic">
					<div class="profile-userpic ">
						<div class="fileinput fileinput-new row" data-provides="fileinput">
							<div class="col-md-12">
								<div class="fileinput-new img-responsive">
									<center>				
										<img id="uploadPreview" src="<?php echo showImage($_SESSION["user_id"]); ?>" alt="" style="margin-left: 30px;" /> 
										<span class="btn btn-file" style="position:static;">
										<a class="fileinput-new" style="top: 0 !important;right : 0 !important;margin: 0 !important;color: #fff !important;opacity: .6 !important;border: none !important;padding: 3px 9px !important;font-size: 12px !important;background: #000 !important;position: absolute !important;filter: alpha(opacity=60) !important;"> edit </a>
										<input type="file" name="image" id="image" onchange="PreviewImage();"> 
										</span>
									</center>
								</div>
							</div>
						</div>
					</div>
				</form>
				<!-- END SIDEBAR USERPIC -->
				<!-- SIDEBAR USER TITLE -->
				<div class="profile-usertitle">
					<div class="profile-usertitle-name"> <?php echo getProfileData($_SESSION["user_id"], "first_name") . " ". getProfileData($_SESSION["user_id"], "last_name"); ?> </div>
					<div class="profile-usertitle-job"> <?php echo getActiveGroup($_SESSION["user_id"], "name"); ?> </div>
				</div>
				<!-- END SIDEBAR USER TITLE -->
				<!-- SIDEBAR MENU -->
				<div class="profile-usermenu">
					<ul class="nav">
						<li class="active">
							<a href="/profile/edit">
							<i class="icon-settings"></i> Personal Settings </a>
						</li>
						<li>
							<?php if(getCompany($_SESSION['user_id']) == 0 || (getCompany($_SESSION['user_id']) <> 0 && getCompanyPosition($_SESSION['user_id']) == 1)){?>
							<a href="/company/edit">
							<i class="icon-info"></i> Company Settings </a>
							<?php }elseif(getCompany($_SESSION['user_id']) <> 0 && getCompanyPosition($_SESSION['user_id']) == 2){?>
							<a href="/company">
							<i class="icon-info"></i> Company Information </a>
							<?php } ?>	
						</li>
					</ul>
				</div>
				<!-- END MENU -->
			</div>
			<!-- END PORTLET MAIN -->
		</div>
		<!-- END BEGIN PROFILE SIDEBAR -->
		<!-- BEGIN PROFILE CONTENT -->
		<div class="profile-content">
			<div class="row">
				<div class="col-md-12">
					<div class="portlet light ">
						<div class="portlet-title tabbable-line">
							<ul class="nav nav-tabs">
								<li>
									<a href="/profile/edit">Personal Info</a>
								</li>
								<li class="active">
									<a href="/profile/chpwd">Change Password</a>
								</li>
							</ul>
						</div>
						<div class="portlet-body">
							<div class="tab-content">
								<!-- PERSONAL INFO TAB -->
								<div class="tab-pane form active">
									<form class="cmxform form-horizontal form-row-seperated" id="chpwd" method="get" action="">
										<div id='suksesupdate' class="alert alert-success alert-block fade in" style='display:none;'>
											<strong><i class="icon-ok-sign"></i>Success!</strong>Yehaa.. Your pasword has been updated. Reload page in few seconds..
										</div>
										<div id='gagalupdate' class="alert alert-danger alert-block fade in" style='display:none;'>
											<strong><i class="icon-ok-sign"></i>Whoops!</strong>
											<h4>
											Cant update your Password, please make sure that you enter correct password & Token
										</div>
										<div class="form-group ">
											<label class="control-label col-md-3">Current Password</label>
											<div class="col-md-9">
												<input class="form-control " id="oldpass" name="oldpass" type="password" required/>
											</div>
										</div>
										<div class="form-group ">
											<label class="control-label col-md-3">New Password</label>
											<div class="col-md-9">
												<input class="form-control " id="newpass" name="newpass" type="password" required/>
											</div>
										</div>
										<div class="form-group ">
											<label class="control-label col-md-3">Confirm New Password</label>
											<div class="col-md-9">
												<input class="form-control " id="confirm_newpass" name="confirm_newpass" required type="password" />
											</div>
										</div>
										<div class="col-md-12" style="margin-top:10px;">
											<div class="col-md-6 pull-right">
												<button class="btn btn-primary pull-right" type="submit" id='submitpass'>Save</button>
												<button class="btn btn-default pull-right" type="button" id='waitingpass' disabled style="display:none;">Please Wait...</button>
											</div>
										</div>
									</form>
								</div>
								<!-- END PERSONAL INFO TAB -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END PROFILE CONTENT -->
	</div>
</div>