@extends('socialite::layouts.default')
@section('content')
<!-- main-section -->

<div class="container">
	<div class="row">
		<div class="col-md-10">
			@include('socialite::partials.user-header', compact('timeline','user','followRequests','following_count',
			'followers_count','follow_confirm','user_post','joined_groups_count','guest_events'))
			<div class="row">
				<div class=" timeline">
					<div class="col-md-4">
						@include('socialite::partials.user-leftbar', compact('timeline','user','follow_user_status','own_pages','own_groups','user_events'))
					</div>
					<div class="col-md-8">
						<div class="panel panel-default">
							<div class="panel-heading no-bg panel-settings">
								<h3 class="panel-title">
									{{ trans('socialite::common.following') }}
								</h3>
							</div>
							<div class="panel-body">

								@if(count($following) > 0)
								<ul class="list-group page-likes">
									@foreach($following as $follow)
									<li class="list-group-item holder">
										<div class="connect-list">
											<div class="connect-link side-left">
												<a href="{{ route('timeline', ['username' => $follow->username]) }}">
													<img src="{{ $follow->avatar }}" alt="{{ $follow->name }}" class="img-icon img-30" title="{{ $follow->name }}">
													{{ $follow->name }}
												</a>
												@if($follow->verified)
													<span class="icon-verified"></span>
									            @endif
											</div>
											@if(Auth::check() && $timeline->id == Auth::user()->timeline_id)
												<div class="side-right follow-links">
													@if(!$user->following->contains($follow->id))
													<div class="left-col"><a href="#" class="btn btn-to-follow btn-default follow-user follow" data-timeline-id="{{ $follow->timeline_id }}"><i class="fa fa-heart"></i> {{ trans('socialite::common.follow') }} </a></div>

													<div class="left-col hidden"><a href="#" class="btn follow-user btn-success unfollow " data-timeline-id="{{ $follow->timeline_id }}"><i class="fa fa-check"></i>{{ trans('socialite::common.following') }}</a></div>
													@else
													<div class="left-col hidden"><a href="#" class="btn btn-to-follow btn-default follow-user follow " data-timeline-id="{{ $follow->timeline_id }}"><i class="fa fa-heart"></i> {{ trans('socialite::common.follow') }}</a></div>
													<div class="left-col"><a href="#" class="btn follow-user btn-success unfollow" data-timeline-id="{{ $follow->timeline_id }}"><i class="fa fa-check"></i> {{ trans('socialite::common.following') }}</a></div>
													@endif
												</div>
											@endif
											<div class="clearfix"></div>
										</div>
									</li>
									@endforeach
								</ul>
								@else
								<div class="alert alert-warning">{{ trans('socialite::messages.no_following') }}</div>
								@endif
							</div><!-- /panel-body -->
						</div>
					</div><!-- /col-md-8 -->
				</div><!-- /main-content -->
			</div><!-- /row -->
		</div><!-- /col-md-10 -->

		<div class="col-md-2">
			@include('socialite::partials.timeline-rightbar')
		</div>

	</div>
</div><!-- /container -->
	@endsection