@extends('socialite::layouts.default')

@section('content')
    <div class="container">
		<div class="row">
			<div class="col-md-4">
				<div class="post-filters">
					@include('socialite::partials/usermenu-settings')
				</div>
			</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.my_affiliates') }}
						</h3>
					</div>
					<div class="panel-body">
						<div class="affiliate-settings">
							<div class="affiliate-link">
								<h4 class="link-heading">
									{{ trans('socialite::common.affiliate_link') }}:
								</h4>
								<a href="{{ url('register?affiliate='.Auth::user()->username) }}">{{ url('register?affiliate='.Auth::user()->username) }}</a>
								<div class="affiliate-buttons">
									
									<a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url('register?affiliate='.Auth::user()->username)) }}" class="btn btn-default fb-xfbml-parse-ignore" target="_blank"><i class="fa fa-facebook-square"></i>Facebook {{ trans('socialite::common.share') }}</a>

									<a href="https://twitter.com/intent/tweet?text={{ url('register?affiliate='.Auth::user()->username) }}" class="btn btn-default btn-twitter"><i class="fa fa-twitter-square"></i>Twitter {{ trans('socialite::common.share') }}</a>
								</div>
							</div>
							<ul class="list-group affliate-followers">
								@if(count($referrals) > 0)
								@foreach($referrals as $referral)
								<li class="list-group-item">
									<div class="connect-link pull-left">
										<a href="{{ route('timeline', ['username' => $referral->username]) }}">
											<img src="{{ $referral->avatar }}" alt="{{ $referral->name }}" title="{{ $referral->name }}">
											<span class="name">{{ $referral->name }}</span>
										</a>
									</div>
									@if(!Auth::user()->following->contains($referral->id))
									<div class="pull-right"><a href="#" class="btn btn-to-follow btn-default follow-user follow" data-timeline-id="{{ $referral->timeline_id }}"><i class="fa fa-heart"></i> {{ trans('socialite::common.follow') }} </a></div>

									<div class="pull-right hidden"><a href="#" class="btn follow-user btn-success unfollow " data-timeline-id="{{ $referral->timeline_id }}"><i class="fa fa-check"></i> {{ trans('socialite::common.following') }}</a></div>
									@else
									<div class="pull-right hidden"><a href="#" class="btn btn-to-follow follow-user btn-default follow " data-timeline-id="{{ $referral->timeline_id }}"><i class="fa fa-heart"></i> {{ trans('socialite::common.follow') }}</a></div>
									<div class="pull-right"><a href="#" class="btn follow-user btn-success unfollow" data-timeline-id="{{ $referral->timeline_id }}"><i class="fa fa-check"></i> {{ trans('socialite::common.following') }}</a></div>
									@endif

									<div class="clearfix"></div>
								</li>
								@endforeach
								@else
								<div class="alert alert-warning">{{ trans('socialite::messages.no_affliates') }}</div>
								@endif
								<div class="pagination">
									@if($referrals != NULL)
									{{ $referrals->render() }}
									@endif	
								</div>
							</ul>
							
						</div>
					</div>
					
					
				</div>
			</div>
		</div>
	</div>
<!-- </div> -->


	 {{-- Facebook share --}}
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    {{-- Twitter share --}}
    <script>window.twttr = (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0],
        t = window.twttr || {};
      if (d.getElementById(id)) return t;
      js = d.createElement(s);
      js.id = id;
      js.src = "https://platform.twitter.com/widgets.js";
      fjs.parentNode.insertBefore(js, fjs);
     
      t._e = [];
      t.ready = function(f) {
        t._e.push(f);
      };
     
      return t;
    }(document, "script", "twitter-wjs"));</script>
</script>
@endsection