@extends('layouts.app')
@section('content')
<div id="blue">
	<div class="container">
		<div class="row">
			<h3>{{$pageTitle}}</h3>
			<p>Total {{count($blog_ids)}} Answers <a href="javascript:void(0)" class="followuser" rel="{{$user->id}}" style="margin-left: 25px;color: #FFF">Follow <span class="followcnt">{{$user->followcnt}}</span></a></p>			
		</div><!-- /row -->
	</div> <!-- /container -->
</div><!-- /blue -->

<div class="container">
	<ul style="list-style: none;padding: 0px">
		<li style="display: inline;margin-right: 20px"><a href="{{url('/users/'.$user->slug.'/answer')}}" class="btn btn-sm {{($type=='answer' || $type=="")?'btn-success':'btn-primary'}} ">Answer</a></li>
		<li style="display: inline;margin-right: 20px"><a href="{{url('/users/'.$user->slug.'/question')}}" class="btn btn-sm {{($type=='question')?'btn-success':'btn-primary'}}">Question</a></li>
		<li style="display: inline;margin-right: 20px"><a href="{{url('/users/'.$user->slug.'/topics')}}" class="btn btn-sm {{($type=='topics')?'btn-success':'btn-primary'}}">Following</a></li>		
	</ul>
</div>	

<div class="container bloglist">
 <div class="row mainblock">
  <div class="col-sm-9 leftblock">
    @if($type=='answer' || $type=='question')
        @include('blogs.listing')
    @elseif($type=='topics')   
        @include('users.topiclisting')
    @endif    

  </div> <!-- end left block -->
  <div class="col-sm-3 rightblock">
  	@include('blogs.sidebar')
  </div> <!-- end right block -->
 </div> 

</div>	  
@endsection	

@section('script')
<script type="text/javascript">
$(function(){

	$(".followuser").click(function(e) {

		var currentObj = $(this);

        $.ajax({
            type: "POST",
            dataType:'json',
            url: "{{ url('/blogs/follow') }}",
            data: {
                id: $(this).attr('rel'),                
                type: 'user',                                            
                _token: '{{csrf_token()}}',                
            },
            success: function(data)
            {
                if(data.msg === 'success')
                {
                	alert("You are now following this User");
                   	currentObj.find("span.followcnt").html(data.followcnt);
                }
                currentObj.css("color",'#CCC');
            }
        });
	
	});	

  $(".followcategory").click(function(e) {

    var currentObj = $(this);

        $.ajax({
            type: "POST",
            dataType:'json',
            url: "{{ url('/blogs/follow') }}",
            data: {
                id: $(this).attr('rel'),                
                type: 'category',                                            
                _token: '{{csrf_token()}}',                
            },
            success: function(data)
            {
                if(data.msg === 'success')
                {
                  alert("You are now following this Topic");
                    currentObj.find("span.followcnt").html(data.followcnt);
                }
                currentObj.css("color",'#CCC');
            }
        });
  
  }); 

});
</script>

@endsection