<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 -->
				<div class="profile-userpic">
					<img src="<?php echo showImage($user_id); ?>" class="img-responsive" alt="" /> 
				</div>
				<!-- END SIDEBAR USERPIC -->
				<!-- SIDEBAR USER TITLE -->
				<div class="profile-usertitle">
					<div class="profile-usertitle-name"> <?php echo getProfileData($user_id, "first_name") . " ". getProfileData($user_id, "last_name"); ?> </div>
					<div class="profile-usertitle-job"> <?php echo getActiveGroup($user_id, "name"); ?> </div>
				</div>
				<!-- END SIDEBAR USER TITLE -->
				<!-- SIDEBAR MENU -->
				<div class="profile-userbuttons">
					<?php echo (checkFriend($_SESSION['user_id'], $user_id)>0?"":"<button type='button' class='btn btn-circle green btn-sm add' id='add' data-id='".$user_id."'>Add Friend</button>");?>
				</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="/user-profile/<?php echo $encrypted; ?>">Personal Info</a>
								</li>
							</ul>
						</div>
						<div class="portlet-body">
							<div class="tab-content">
								<!-- PERSONAL INFO TAB -->
								<div class="tab-pane form active">
									<div class="form-horizontal form-row-seperated">
										<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='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($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($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">
													<p class=" form-control-static"><?php echo getProfileData($user_id, "first_name"); ?></p>
												</div>
											</div>
											<div class="form-group">
												<label class="control-label col-md-3">Last Name</label>
												<div class="col-md-9">
													<p class=" form-control-static"><?php echo getProfileData($user_id, "last_name"); ?></p>
												</div>
											</div>
											<div class="form-group ">
												<label class="control-label col-md-3">E-Mail</label>
												<div class="col-md-9">
													<p class=" form-control-static"><?php echo getProfileData($user_id, "email"); ?>
												</div>
											</div>
											<div class="form-group ">
												<label class="control-label col-md-3">Website</label>
												<div class="col-md-9">
													<p class=" form-control-static"><?php echo getProfileData($user_id, "website"); ?></p>
												</div>
											</div>
											<div class="form-group ">
												<label class="control-label col-md-3">About</label>
												<div class="col-md-9">
													<p class=" form-control-static"><?php echo getProfileData($user_id, "about"); ?></p>
												</div>
											</div>
											<div class="form-group ">
												<label class="control-label col-md-3">Interest</label>
												<div class="col-md-9">
													<p class=" form-control-static"><?php echo getProfileData($user_id, "interest"); ?></p>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- END PERSONAL INFO TAB -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END PROFILE CONTENT -->
	</div>
</div>