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

@section('content')
	<div class="container">
		<div class="row">
            {{--
            TODO : NOT_USED_V1
            <div class="col-md-6">
                <div class="post-filters pages-groups">
                    <div class="panel panel-default">
                        <div class="panel-heading no-bg panel-settings">
                            <div class="side-right create-btn">
                                <a href="{{ route('beer.create.beer_information') }}" class="btn btn-success">{{ trans('beers.create.button') }}</a>
                            </div>
                            <h3 class="panel-title small-heading">
                                {{ trans('users.own_beers') }}
                            </h3>

                        </div>
                        <div class="panel-body">
                            @if(!$ownBeers->isEmpty())
                                <ul class="list-group page-likes">
                                    @foreach($ownBeers as $beer)
                                        <li class="list-group-item deletepage">
                                            <div class="connect-list">
                                                <div class="connect-link side-left">
                                                    <a href="{{ route('timeline', ['username' => $beer->username]) }}">
                                                        <img src="{{ $beer->avatar }}" title="{{ $beer->name }}">{{ $beer->name }}
                                                    </a>
                                                </div>
                                                <div class="side-right">
                                                    <a href="" class="side-right delete-page delete_page" data-pagedelete-id="{{ $beer->id }}"><span class="trash-icon bg-danger"><i class="fa fa-trash text-danger"></i></span></a>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </li>
                                    @endforeach
                                </ul>
                            @else
                                <div class="alert alert-warning">
                                    {{ trans('users.no_own_beers') }}
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>--}}

			<div class="col-md-12">
				<div class="post-filters pages-groups liked-beers">
					<div class="panel panel-default">
						<div class="panel-heading no-bg panel-settings">
							<div class="side-right create-btn">
								<a href="{{ route('beer.create.beer_information') }}" class="btn btn-success">
									{{ trans('users.submit_a_beer') }}
								</a>
							</div>
							<h3 class="panel-title small-heading">
								{{ trans('users.liked_beers') }}
							</h3>
						</div>
						<div class="panel-body">
							@if(!$user->likedBeers->isEmpty())
								<ul class="list-group page-likes">
									@foreach($user->likedBeers as $likedBeer)
										<li class="list-group-item holder">
											<div class="connect-list ">
												<div class="connect-link side-left">
													<a href="{{ route('timeline', ['username' => $likedBeer->username]) }}">
                                                        <img src="{{ $likedBeer->avatar }}" title="{{ $likedBeer->name }}">{{ $likedBeer->name }}
													</a>
													@if($likedBeer->verified)
                                                        <span class="icon-verified"></span>
													@endif
												</div>

                                                <div class="page-links side-right">
                                                    <div class="left-col">
                                                        <a href="#" class="unlike-beer like-style-button liked-style-button" data-timeline-id="{{ $likedBeer->timeline_id }}">
															<i class="fa fa-thumbs-o-up"></i>{{ trans('common.like') }}
                                                        </a>
                                                    </div>
                                                </div>
												<div class="clearfix"></div>
											</div>
										</li>
									@endforeach
								</ul>

							@else
								<div class="alert alert-warning">{{ trans('users.no_liked_beers') }}</div>
							@endif
						</div>
					</div>

				</div><!-- /panel -->
			</div>
		</div><!-- /row -->
	</div>
@endsection

@section('bottom_js')
    @parent

	<script>
        // Timeline Page Liked/Unliked the timeline user  by  logged user
        $(document).on('click', '.unlike-beer', function (e) {
            e.preventDefault();

            var unlikeBeerBtn = $(this);
            $.post(
                SP_source() + 'unlike-beer',
                {
                    timeline_id: $(this).data('timeline-id'),
                    _token: $('[name="csrf_token"]').attr('content')
                },
                function (data) {
                    if (data.status === 200) {
                        unlikeBeerBtn.closest('.holder').slideToggle();
                    }
                });
        });
	</script>
@endsection