<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 class="active">
									<a href="/profile/edit">Personal Info</a>
								</li>
								<li>
									<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="form-horizontal form-row-seperated" id="editForm" method="post" action="">
										<div class="form-body">
											<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 profile has been updated
											</div>
											<div id='update-unchanged' class="alert alert-success alert-block fade in" style='display:none;'>
												<strong><i class="icon-ok-sign"></i>Unchanged! </strong>Nothing changes.
											</div>
											<div id='gagalupdate' class="alert alert-danger alert-block fade in" style='display:none;'>
												<strong><i class="icon-ok-sign"></i>Whoops! </strong>Your profile cant be updated, please try again later ( Make sure you make any changes to your profile when update )
											</div>
											<div class="form-group">
												<label class="control-label col-md-3">Mobile</label>
												<div class="col-md-9">
													<p class=" form-control-static"><?php echo get_data($_SESSION["user_id"], "username"); ?></p>
												</div>
											</div>
											<div class="form-group">
												<label class="control-label col-md-3">Role</label>
												<div class="col-md-9">
													<p class=" form-control-static"><?php echo getActiveGroup($_SESSION["user_id"], "name"); ?></p>
												</div>
											</div>
											<div class="form-group">
												<label class="control-label col-md-3">First Name</label>
												<div class="col-md-9">
													<input class=" form-control" id="first_name" placeholder="John" name="first_name" minlength="2" type="text" required value="<?php echo getProfileData($_SESSION["user_id"], "first_name"); ?>" />
												</div>
											</div>
											<div class="form-group">
												<label class="control-label col-md-3">Last Name</label>
												<div class="col-md-9">
													<input class=" form-control" id="last_name" name="last_name" placeholder="Doe" minlength="2" type="text" required value="<?php echo getProfileData($_SESSION["user_id"], "last_name"); ?>" />
												</div>
											</div>
											<div class="form-group ">
												<label class="control-label col-md-3">E-Mail</label>
												<div class="col-md-9">
													<input class="form-control " id="email" type="email" name="email" placeholder="johndoe@example.com" value="<?php echo getProfileData($_SESSION["user_id"], "email"); ?>"/>
												</div>
											</div>
											<div class="form-group ">
												<label class="control-label col-md-3">Website</label>
												<div class="col-md-9">
													<input class="form-control " id="website" type="text" name="website" placeholder="http://www.mywebsite.com" value="<?php echo getProfileData($_SESSION["user_id"], "website"); ?>"/>
												</div>
											</div>
											<div class="form-group ">
												<label class="control-label col-md-3">Position</label>
												<div class="col-md-9">
													<input class="form-control " id="position" type="text" name="position" placeholder="Sales, Marketing, CEO" value="<?php echo getProfileData($_SESSION["user_id"], "position"); ?>"/>
												</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" name="upload" value="upload" id='submitprofile' type="submit">Save</button>
													<button class="btn btn-default pull-right" id="waiting" style="display:none;">Submitting data...</button>
												</div>
											</div>
										</div>
									</form>
								</div>
								<!-- END PERSONAL INFO TAB -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END PROFILE CONTENT -->
	</div>
</div>