@if(isset($nofriends))
  <div class="col-separator box col-unscrollable col-separator-last">
	<div class="col-separator box">
	  No friends, try searching some
	</div>
  </div>
@endif

@if(isset($eachfrnddetails->data))
  
<?php
  $userdata=json_decode($eachfrnddetails->data,true);
  $logged_id=Auth::user()->id;
?>

<script type="text/javascript">
  $(document).ready(function(){
	$(".frnddnotifications").fadeOut(1500);

	$(".frnddnotifications").click(function(){
	  $(".frnddnotifications").fadeOut(1500);
	});
  });

  function hide_friends_list()
  {
	$("#status_form").slideUp();
  }
  function show_friends_list()
  {
	$("#status_form").slideToggle();

	if($("#hide").html()=="Hide Posting Box")
	  $("#hide").html("Show Posting Box");
	else if($("#hide").html()=="Show Posting Box")
	  $("#hide").html("Hide Posting Box");
  }
  
  function show_wall()
  {
	doAjax('social/{!!Auth::user()->id!!}?show=wall&wall=activity&filter=u_{!!$eachfrnddetails->id!!}','','activitywallul','ajax_wall_show','singlefail','GET');
  }
  function change_group(e)
  {
	if(e=="replace" && $("#groupselect").val() != "")
	  var group = $("#groupselect").val();
	else if(e=="append" && $("#creategroup").val() != "")
	  var group = $("#creategroup").val();

	var varstr="stype=change_group&action="+e+"&frnd_id={!!$eachfrnddetails->id!!}&group="+group;
	doAjax('social?'+varstr,'','','ajax_change_group','singlefail','POST');
  }
  function change_extrainfo()
  {
    var varstr="stype=change_extrainfo&frnd_id={!!$eachfrnddetails->id!!}&email="+$("#extranotifymail").val()+"&mobile="+$("#extranotifymobile").val();
    doAjax('social?'+varstr,'','','ajax_change_extra','singlefail','POST');
  }
  function control_frnd(e)
  {
	if(e=='add_frnd')
	{
	 $(".frnd_req_sent").fadeIn(1500);
	  $(".add_frnd").fadeOut(1500);
	  $(".follow_frnd").fadeOut(1500);
	  $("#unfollow_frnd").fadeIn(1500);
	  $("#del_frndreq").fadeIn(1500);

// 	  query both side
	  var varstr="stype=send_frndreq&touser={!!$eachfrnddetails->id!!}";
	  doAjax('social?'+varstr,'','','ajax_wall_show','singlefail','POST');
	}
	if(e=='del_frndreq')
	{
	  $(".frnd_req_del").fadeIn(1500);
	  $(".accept_frndreq").fadeOut(1500);
	  $(".del_frndreq").fadeOut(1500);
	  $(".add_frnd").first().fadeIn(1500);
// 	  query both side
	  var varstr="stype=del_frndreq&frnd_id={!!$eachfrnddetails->id!!}";
	  doAjax('social?'+varstr,'','','ajax_wall_show','singlefail','POST');
	}
	if(e=='accept_frndreq')
	{
	  $(".unfollow_frnd").fadeOut(1000);
	  $(".del_frndreq").fadeOut(1500);
	  $(".accept_frndreq").fadeOut(1500);
	  $(".follow_frnd").fadeOut(1500);
	  $(".already_frnd").fadeIn(1500);
	  $(".unfollow_frnd").first().fadeIn(1500);
	  $(".del_frndaccepted").fadeIn(1500);
	  
	  var varstr="stype=accept_frndreq&frnd_id={!!$eachfrnddetails->id!!}";
	  doAjax('social?'+varstr,'','','ajax_wall_show','singlefail','POST');
	}
	if(e=='del_frndaccepted')
	{
	  $(".del_frndaccepted").fadeOut(1500);
	  $(".add_frnd").fadeIn(1500);
// 	  query both side
	  var varstr="stype=del_frndaccepted&frnd_id={!!$eachfrnddetails->id!!}";
	  doAjax('social?'+varstr,'','','ajax_wall_show','singlefail','POST');
	}
	if(e=='unfollow_frnd')
	{
	  $(".unfollow_frnd").fadeOut(1500);
	  $(".follow_frnd").first().fadeIn(1500);

	  var varstr="stype=unfollow_frnd&frnd_id={!!$eachfrnddetails->id!!}";
	  doAjax('social?'+varstr,'','','ajax_wall_show','singlefail','POST');
	}
	if(e=='follow_frnd')
	{
	  $(".follow_frnd").fadeOut(1500);
	  $(".unfollow_frnd").first().fadeIn(1500);
	  
	  var varstr="stype=follow_frnd&frnd_id={!!$eachfrnddetails->id!!}";
	  doAjax('social?'+varstr,'','','ajax_wall_show','singlefail','POST');
	}
// 	if(e=='remove_follower')
// 	{
// 	  $(".remove_follower").fadeOut(1500);
// 	  
// 	  var varstr="stype=remove_follower&frnd_id={!!$eachfrnddetails->id!!}";
// 	  doAjax('social?'+varstr,'','','ajax_wall_show','singlefail','POST');  
// 	}
  }
</script>


<div class="col-separator col-unscrollable box col-separator-last">
  <div class="col-separator">  
	<div class="widget widget-tabs widget-tabs-social-account widget-tabs-responsive">
	  <div class="widget-body">
		<div class="tab-content">
		  <div id="tabAccount" class="tab-pane active widget-body-regular padding-none border-none reset-components">
			<div class="widget widget-tabs border-bottom-none">
			  <div class="widget-head col-unscrollable">
				<ul>
				  <li class="active"><a class="glyphicons edit" href="#account-details" data-toggle="tab"><i></i>Personal details</a></li>
				  <li onclick='show_wall();'><a class="glyphicons chat" href="#account-wall" data-toggle="tab"><i></i>Personal Wall</a></li>
				</ul>
			  </div>
			  <div class="widget-body">
				<form class="form-horizontal">
				  <div class="tab-content">
<div class="tab-pane active" id="account-details">  
  <div class="">
	<div class="col-app col-unscrollable">
	  <div class="col-app">
		<div class="innerAll">
		  <div class="body">
			<div class="row">
			

<style>
	.alt.gray-bg {
		background: ;
	}
	.user-heading.alt {
		display: inline-block;
		width: 100%;
		text-align: left;
	}
	.user-heading.alt> a {
		float: left;
		margin-right: 15px;
		margin-left: -10px;
		display: inline-block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		cursor:default;
	}
	.user-heading.alt> a img {
		width: 100px;
		height: 100px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		padding:0;
		border:none
	}
	.user-heading.alt> a img:hover {
		border:none;	
	}
	.user-heading.alt a{
		color:#565656;
	}
	.user-heading h1 {
		font-size: 20px;
		font-weight: 300;
		margin-bottom: 5px;
		color:#565656;
		line-height:24px;
	}
	.user-heading p i{
		color:#EB6A5A;
		font-weight: 900;
	}
	.profile-nav .user-heading {
		color: #565656;
		border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		padding: 30px;
		font-weight: 300;
	}
</style>

				<div class="col-md-9 profile-nav">
				<div class="user-heading alt gray-bg">
					<a href="widget.html#">
						<img alt="" src="{!!$eachfrnddetails->eachfrndphoto!!}" width="100%" alt="Profile" class="img-responsive" data-pin-nopin="true">
					</a>
					<h1>{!!$eachfrnddetails->dispname()!!} ({!!$eachfrnddetails->dataval2('personal','domainid')!!})</h1>
					<p>{!!$eachfrnddetails->dataval2('personal','level')!!} / {!!$eachfrnddetails->dataval2('personal','department')!!}</p>
					<p><i class='fa'>@</i> {!!$eachfrnddetails->email!!} | <i class='fa fa-phone'></i> {!!$eachfrnddetails->dataval2('personal','phone')!!}</p>
					<p><i class='fa fa-map-marker'></i> {!!$eachfrnddetails->dataval2('personal','sublocation')!!}, {!!$eachfrnddetails->dataval2('personal','location')!!}, {!!$eachfrnddetails->dataval2('personal','country')!!}</p>
				</div>
				</div>
						<div class='col-md-3'>
						@if($frnd_status=="notlisted")
						<!-- 	<input type="button" class="btn btn-primary btn-stroke btn-block add_frnd" onclick="control_frnd('add_frnd');" id="add_frnd" value="Add Friend"> -->
						@endif
						@if($following_status=="notlisted")
						<input type="button" class="btn btn-primary btn-stroke btn-block follow_frnd" onclick="control_frnd('follow_frnd');" id="follow_frnd" value="Follow">
						@endif
						@if($follower_status=="notlisted")
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications" value="Not a Follower">
						@endif
						@if($frnd_status=="req_sent" || $frnd_status=="req_received")
						@if($frnd_status=="req_sent")
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications frnd_req_sent" id="frnd_req_sent" value="Friend Request Sent">
						<input type="button" class="btn btn-primary btn-stroke btn-block del_frndreq" onclick="control_frnd('del_frndreq');" id="del_frndreq" value="Delete Friend Request">
						@endif
						@if($frnd_status=="req_received")
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications" value="Request Received">
						<input type="button" class="btn btn-primary btn-stroke btn-block del_frndreq" onclick="control_frnd('del_frndreq');" id="del_frndreq" value="Delete Friend Request">
						<input type="button" class="btn btn-primary btn-stroke btn-block accept_frndreq" onclick="control_frnd('accept_frndreq');" id="accept_frndreq" value="Accept Friend Request">
						@endif
						@endif

						<input type="button" class="btn btn-primary btn-stroke btn-block del_frndreq" style="display:none" onclick="control_frnd('del_frndreq');" id="del_frndreq" value="Delete Request">
						<input type="button" class="btn btn-primary btn-stroke btn-block unfollow_frnd" style="display:none" onclick="control_frnd('unfollow_frnd');" id="unfollow_frnd" value="UnFollow">
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications" style="display:none" id="already_frnd" value="Already Friends">
						<input type="button" class="btn btn-primary btn-stroke btn-block add_frnd" style="display:none" onclick="control_frnd('add_frnd');" id="add_frnd" value="Add Friend">
						<input type="button" class="btn btn-primary btn-stroke btn-block del_frndreq" style="display:none" onclick="control_frnd('del_frndreq');" id="del_frndreq" value="Delete Request">
						<!-- 	<input type="button" class="btn btn-primary btn-stroke btn-block del_frndaccepted" style="display:none" onclick="control_frnd('del_frndaccepted');" id="del_frndaccepted" value="Unfriend"> -->

						@if($frnd_status=="rej_frnd" || $frnd_status=="frnd_rejected")
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications frnd_req_del" id="frnd_req_del" value="Friend Request Deleted">
						<input type="button" class="btn btn-primary btn-stroke btn-block add_frnd" onclick="control_frnd('add_frnd');" id="add_frnd" value="Resend Friend Request">
						@endif
						@if($frnd_status=="accepted")
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications" value="Already Friends">
						<!-- 	<input type="button" class="btn btn-primary btn-stroke btn-block del_frndaccepted" onclick="control_frnd('del_frndaccepted');" id="del_frndaccepted" value="Unfriend"> -->
						@endif

						@if($following_status=="following")
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications" value="Following">
						<input type="button" class="btn btn-primary btn-stroke btn-block unfollow_frnd" onclick="control_frnd('unfollow_frnd');" id="unfollow_frnd" value="UnFollow">
						@endif
						@if($follower_status=="follower")
						<!-- 	<input type="button" class="btn btn-primary btn-stroke btn-block remove_follower" onclick="control_frnd('remove_follower');" id="remove_follower" value="Remove Follower"> -->
						@endif
						@if($following_status=="following_rejected")
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications following_removed" id="following_removed" value="Following Removed">
						<input type="button" class="btn btn-primary btn-stroke btn-block follow_frnd" onclick="control_frnd('follow_frnd');" id="follow_frnd" value="Follow Again">
						@endif
						@if($follower_status=="follower_rejected")
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications" value="Follower Rejected">
						@endif
						<input type="button" class="btn btn-primary btn-stroke btn-block unfollow_frnd" style="display:none" onclick="control_frnd('unfollow_frnd');" id="unfollow_frnd" value="UnFollow">
						<input type="button" class="btn btn-primary btn-stroke btn-block follow_frnd" style="display:none" onclick="control_frnd('follow_frnd');" id="follow_frnd" value="Follow">
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications following" id="following" style="display:none" value="Following">
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications follower_unfollowed" id="follower_unfollowed" style="display:none" value="UnFollowed">
						<input type="button" class="btn btn-primary btn-stroke btn-block frnddnotifications follower_rejected" id="follower_rejected" style="display:none" value="Follower Rejected">

						<?php /*<input type="button" class="btn btn-primary btn-block" value="Send Message" onclick='tchatbox("chatpop_{!!$eachfrnddetails->id!!}","{!!$eachfrnddetails->dispname()!!}");return false;'>*/?>
						</div>
					<div style='clear:both'></div>
				<div class='profile-nav'>
					<h1 style='font-size: 18px;background-color: rgb(234, 234, 234);text-align: left;padding: 0 20px;'>About</h1>
					<p style='padding: 10px 20px 20px;'>{!!$eachfrnddetails->dataval2('personal','aboutme')!!}</p>

					<h1 style='font-size: 18px;background-color: rgb(234, 234, 234);text-align: left;padding: 0 20px;'>Interests</h1>
					<p class='border-bottom' style='padding: 10px 20px 20px;'>{!!$eachfrnddetails->dataval2('personal','interests')!!}</p>
				</div>
			</div>  

		  </div>
		</div>
	  </div>
	</div>
  </div>
  <div class="separatorbottom"></div>
  <div class="innerAll">
	<div class="innerAll">
	  <div class="clearfix"></div>
	</div>
  </div>
</div>


<div class="tab-pane" id="account-wall">
  <div class="col-app col-unscrollable"> 
	<div class="col-app box" id=wallsdivp>
	  <div class="innerAll">

  <div class="innerLR heading-buttons border-bottom" id=wallsdivppp>
	<h4 class="margin-none pull-left">Recent Activity</h4>
	<div class="btn-group btn-group-xs pull-right">
	  <button onclick="show_wall_feeds('activity'); return false;" class="btn btn-default filled"><i class="fa fa-refresh "></i></button>
	  <button class="btn btn-default "><i class="fa fa-cog "></i></button>
	</div>
	<div class="clearfix"></div>
  </div>
  <div class="col-app col-unscrollable">
	<div class="col-app" id=wallsdiv>
	  <ul class="timeline-activity list-unstyled" id=activitywallul>
	  
	  </ul>
	</div>
  </div>
	  </div>
	</div>
  </div>
</div>
				  </div>
				</form>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
  </div>
</div>
@endif