{{--<div class="user-bio-block">--}}
    {{--<div class="bio-header">--}}
        {{--{{ trans('users.bio.title') }}--}}
    {{--</div>--}}

    {{--<div class="bio-main">--}}
        {{--<div class="bio-info">--}}
            {{--@if ($user->about)--}}
            {{--<div class="description">--}}
                {{--{!! $user->about !!}--}}
            {{--</div>--}}
            {{--@endif--}}
            {{--<ul class="list-unstyled">--}}
                {{--@if($user->birthday)--}}
                    {{--<li>--}}
                        {{--<span class="ico icon-birthday">{{ $user->birthday->format('d/m/Y') }}</span>--}}
                    {{--</li>--}}
                {{--@endif--}}

                {{--@if($user->birth_place)--}}
                    {{--<li>--}}
                        {{--<span class="ico icon-town">{{ $user->birth_place }}</span>--}}
                    {{--</li>--}}
                {{--@endif--}}

                {{--@if($user->living_place)--}}
                    {{--<li>--}}
                        {{--<span class="ico icon-place">{{ $user->living_place }}</span>--}}
                    {{--</li>--}}
                {{--@endif--}}
            {{--</ul>--}}
        {{--</div>--}}
            {{--<ul class="list-unstyled interests">--}}
                {{--@if($user->spoken_languages)--}}
                    {{--<li>--}}
                        {{--<b>{{ trans('users.bio.spoken_languages') }}</b> {{ $user->spoken_places }}--}}
                    {{--</li>--}}
                {{--@endif--}}

                {{--@if($user->hobbies)--}}
                    {{--<li>--}}
                        {{--<b>{{ trans('users.bio.hobbies') }}</b> {{ $user->hobbies }}--}}
                    {{--</li>--}}
                {{--@endif--}}

                {{--@if($user->interests)--}}
                    {{--<li>--}}
                        {{--<b>{{ trans('users.bio.interests') }}</b> {{ $user->interests }}--}}
                    {{--</li>--}}
                {{--@endif--}}
            {{--</ul>--}}
    {{--</div>--}}
    {{--<div class="bio-footer">--}}
            {{--<ul class="list-inline list-unstyled social-links-list">--}}
                {{--@if($user->facebook_link)--}}
                    {{--<li>--}}
                        {{--<a target="_blank" href="{{ $user->facebook_link }}" class="btn btn-facebook"></a>--}}
                    {{--</li>--}}
                {{--@endif--}}

                {{--@if($user->twitter_link)--}}
                    {{--<li>--}}
                        {{--<a target="_blank" href="{{ $user->twitter_link }}" class="btn btn-twitter">--}}

                        {{--</a>--}}
                    {{--</li>--}}
                {{--@endif--}}

                {{--@if($user->youtube_link)--}}
                    {{--<li>--}}
                        {{--<a target="_blank" href="{{ $user->youtube_link }}" class="btn btn-youtube">--}}

                        {{--</a>--}}
                    {{--</li>--}}
                {{--@endif--}}

                {{--@if($user->instagram_link)--}}
                    {{--<li>--}}
                        {{--<a target="_blank" href="{{ $user->instagram_link }}" class="btn btn-instagram">--}}

                        {{--</a>--}}
                    {{--</li>--}}
                {{--@endif--}}

                {{--@if($user->linkedin_link)--}}
                    {{--<li>--}}
                        {{--<a target="_blank" href="{{ $user->linkedin_link }}" class="btn btn-linkedin">--}}

                        {{--</a>--}}
                    {{--</li>--}}
                {{--@endif--}}
            {{--</ul>--}}
    {{--</div>--}}
{{--</div>--}}

<div class="user-bio-block">
    <div class="bio-header">
        {{ trans('users.key_facts.title') }}
    </div>
    <div class="bio-main no-padding-bottom">
        <ul class="list-unstyled facts">
            <li>
                <b>{{ trans('users.key_facts.beers.title') }}</b>
                <ul class="list-unstyled list-inline">
                    <li>{{ trans('users.key_facts.beers.liked') }} <span class="orange-text">{{ $user->likedBeers->count() }}</span></li>
                    <li>{{ trans('users.key_facts.beers.rated') }}<span class="orange-text"> {{ $user->ratedBeers->count() }}</span></li>
                    <li>{{ trans('users.key_facts.beers.added') }}<span class="orange-text"> {{ $user->beers->count() }}</span></li>
                </ul>
            </li>

            <li>
                <b>{{ trans('users.key_facts.promoters.title') }}</b>
                <ul class="list-unstyled list-inline">
                    <li>{{ trans('users.key_facts.promoters.liked') }}<span class="orange-text"> {{$user->likedPromoters->count()}}</span></li>
                    <li>{{ trans('users.key_facts.beers.rated') }}<span class="orange-text"> {{ $user->ratedPromoters->count() }}</span></li>
                    <li>{{ trans('users.key_facts.promoters.added') }}<span class="orange-text"> {{$user->promoters->count()}}</span></li>
                </ul>
            </li>

            {{--<li>--}}
                {{--<b>{{ trans('users.key_facts.recipes.title') }}</b>--}}
                {{--<ul class="list-unstyled list-inline">--}}
                    {{--<li>{{ trans('users.key_facts.recipes.liked') }}<span class="orange-text"> 0</span></li>--}}
                    {{--<li>{{ trans('users.key_facts.recipes.added') }}<span class="orange-text"> 0</span></li>--}}
                {{--</ul>--}}
            {{--</li>--}}
        </ul>
    </div>
</div>

<div class="user-bio-block">
    <div class="bio-header">
        {{ trans('users.liked_beers') }}
        <div class="read-more">
            <a href="{{ route('user.liked_beers', ['username' => $timeline->username]) }}" class="pull-right">{{ trans('common.see_more') }}</a>
        </div>
    </div>

        @forelse($user->likedBeers->take(3) as $likedBeer)
        <div class="like-container">
            <div class="img-avatar" style="background-image: url('{{ $likedBeer->avatar }}')"></div>
            <div class="beer-info">
                <a href="{{ route('timeline', ['username' => $likedBeer->username]) }}">{{ $likedBeer->name }}</a>
                <div class="beer-type">
                    {{ $likedBeer->colorTranslated }} - {{ $likedBeer->typeTranslated }}
                </div>
            </div>
            <div class="like-btns beer-buttons">
                {{--<a href="#" class="btn btn-options btn-block btn-default like"><i class="fa fa-thumbs-up"></i> like</a>--}}
                @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="bio-main">
                <p>{{ trans('users.no_liked_beers') }}</p>
            </div>
        @endforelse

</div>

{{--<div class="user-bio-block">--}}
    {{--<div class="bio-header">--}}
        {{--{{ trans('users.upcoming_events') }}--}}
    {{--</div>--}}

    {{--<div  class="bio-main">--}}
        {{--<p>{{ trans('users.no_upcoming_events') }}</p>--}}
    {{--</div>--}}
{{--</div>--}}

{{--<div class="user-bio-block">--}}
    {{--<div class="bio-header">--}}
        {{--{{ trans('users.liked_recipes') }}--}}
    {{--</div>--}}

    {{--<div  class="bio-main">--}}
        {{--<p>{{ trans('users.no_liked_recipes') }}</p>--}}
    {{--</div>--}}
{{--</div>--}}

<div class="user-bio-block">
    <div class="bio-header">
        {{ trans('users.liked_promoters') }}
    </div>

    @forelse($user->likedPromoters->take(3) as $likedPromoter)
        <div class="like-container">
            <div class="img-avatar" style="background-image: url('{{ $likedPromoter->avatar }}')"></div>
            <div class="beer-info">
                <a href="{{ route('timeline', ['username' => $likedPromoter->username]) }}">{{ $likedPromoter->name }}</a>
                <div class="beer-type">
                    {{ trans($likedPromoter->type->translation_code) }}
                </div>
            </div>
            <div class="like-btns beer-buttons">
                    {{--<a href="" class="side-right delete-page delete_page" data-pagedelete-id="{{ $likedPromoter->id }}"><span class="trash-icon bg-danger"><i class="fa fa-trash text-danger"></i></span></a>--}}
                @if(Auth::check())
                    @if(!$likedPromoter->likes->contains(Auth::user()->id))
                        <a href="{{ route('promoter.like') }}" class="like-promoter-button like like-style-button" data-timeline-id="{{ $likedPromoter->timeline->id }}"><i class="fa fa-thumbs-o-up"></i> {{ trans('common.like') }}</a>
                        <a href="{{ route('promoter.unlike') }}" class="unlike-promoter-button liked hidden like-style-button liked-style-button" data-timeline-id="{{ $likedPromoter->timeline->id }}"><i class="fa fa-thumbs-o-up"></i> {{ trans('common.like') }}</a>
                    @else
                        <a href="{{ route('promoter.like') }}" class="like-promoter-button like hidden like-style-button" data-timeline-id="{{ $likedPromoter->timeline->id }}"><i class="fa fa-thumbs-o-up"></i> {{ trans('common.like') }}</a>
                        <a href="{{ route('promoter.unlike') }}" class="unlike-promoter-button liked like-style-button liked-style-button" data-timeline-id="{{ $likedPromoter->timeline->id }}"><i class="fa fa-thumbs-o-up"></i> {{ trans('common.like') }}</a>
                    @endif
                @else
                    <a href="{{ route('promoter.like') }}" class="like-promoter-button like register-modal like-style-button" data-timeline-id="{{ $likedPromoter->timeline->id }}"><i class="fa fa-thumbs-o-up"></i> {{ trans('common.like') }}</a>
                @endif
            </div>
        </div>
    @empty
        <div  class="bio-main">
            <p>{{ trans('users.no_liked_promoters') }}</p>
        </div>
    @endforelse
</div>