@extends('users.show.layout')

@section('user_content')
    <div class="col-md-6">
        <div class="panel panel-default">
            <div class="panel-heading no-bg panel-settings">
                <h3 class="panel-title">
                    {{ trans('users.liked_beers') }}
                </h3>
            </div>
            <div class="panel-body">
                @forelse($user->likedBeers as $likedBeer)
                    <div class="row user-liked-beer-row">
                        <div class="col-md-2">
                            <img src="{{ $likedBeer->avatar }}" title="{{ $likedBeer->name }}" width="70" height="70">
                        </div>
                        <div class="col-md-8">
                            <a href="{{ route('timeline', ['username' => $likedBeer->username]) }}">{{ $likedBeer->name }}</a> <br/>
                            {{ $likedBeer->colorTranslated }} - {{ $likedBeer->typeTranslated }}
                        </div>
                        <div class="col-md-2 beer-buttons">
                            @if(Auth::check())
                                @if(!$likedBeer->likes->contains(Auth::user()->id))
                                    <a href="{{ route('beer.like') }}" class="like-beer-button like like-style-button" data-timeline-id="{{ $likedBeer->timeline->id }}"><i class="fa fa-thumbs-o-up"></i>{{ trans('common.like') }}</a>
                                    <a href="{{ route('beer.unlike') }}" class="unlike-beer-button liked hidden like-style-button liked-style-button" data-timeline-id="{{ $likedBeer->timeline->id }}"><i class="fa fa-thumbs-o-up"></i>{{ trans('common.like') }}</a>
                                @else
                                    <a href="{{ route('beer.like') }}" class="like-beer-button like hidden like-style-button " data-timeline-id="{{ $likedBeer->timeline->id }}"><i class="fa fa-thumbs-o-up"></i>{{ trans('common.like') }}</a>
                                    <a href="{{ route('beer.unlike') }}" class="unlike-beer-button liked like-style-button liked-style-button" data-timeline-id="{{ $likedBeer->timeline->id }}"><i class="fa fa-thumbs-o-up"></i>{{ trans('common.like') }}</a>
                                @endif
                            @else
                                <a href="{{ route('beer.like') }}" class="like-beer-button like register-modal like-style-button" data-timeline-id="{{ $likedBeer->timeline->id }}"><i class="fa fa-thumbs-o-up"></i>{{ trans('common.like') }}</a>
                            @endif
                        </div>
                    </div>
                @empty
                    <div class="alert alert-warning">{{ trans('beers.no_likes') }}</div>
                @endforelse
            </div>
        </div>
    </div>

    <div class="col-md-3">
        @include('users.show.partials.right')
    </div>
@endsection