@extends('breweries.show.layout')

@section('brewery_content')
<div class="col-md-6 ">
    <div class="user-bio-block">
        <div class="bio-header">
            {{ trans('breweries.beers_from_same_brewery') }}
        </div>
        <div class="bio-main">
            <div class="row">
                <div class="col-sm-12">
                    <div class="row-section">
                        @forelse($beers as $beer)
                            <div class="row">
                                <div class="col-md-10">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <a href="{{route('timeline', ['username' => $beer->username])}}">
                                                <div class="img-avatar" style="background-image: url('{{ $beer->avatar }}')"></div>
                                            </a>
                                        </div>
                                        <div class="col-md-9">
                                            <h5 class="mb-1"><a href="{{route('timeline', ['username' => $beer->username])}}">{{ $beer->name }}</a></h5>
                                            <span><a href="{{route('timeline', ['username' => $beer->username])}}">{{ $beer->colorTranslated }} - {{ $beer->typeTranslated }}</a></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="row beer-buttons">
                                        {{--@if(Auth::check() && !$beer->likes->contains(Auth::user()->id))--}}
                                        {{--<div class="col-md-12 col-sm-6 col-xs-6">--}}
                                            {{--<div href="{{ route('beer.like') }}" class="btn btn-options btn-block btn-default like-beer-button like" data-timeline-id="{{ $beer->timeline_id }}">--}}
                                                {{--<i class="fa fa-thumbs-up"></i> {{ trans('socialite::common.like') }}--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<div class="col-md-12 col-sm-6 col-xs-6 hidden">--}}
                                            {{--<div href="{{ route('beer.unlike') }}" class="btn btn-options btn-block btn-success unlike-beer-button liked " data-timeline-id="{{ $beer->timeline_id }}">--}}
                                                {{--<i class="fa fa-check"></i> {{ trans('socialite::common.liked') }}--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--@else--}}
                                        {{--<div class="col-md-12 col-sm-6 col-xs-6 hidden">--}}
                                            {{--<div href="{{ route('beer.like') }}" class="btn btn-options btn-block btn-default like-beer-button like " data-timeline-id="{{ $beer->timeline_id }}">--}}
                                                {{--<i class="fa fa-thumbs-up"></i> {{ trans('socialite::common.like') }}--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--<div class="col-md-12 col-sm-6 col-xs-6">--}}
                                            {{--<div href="{{ route('beer.unlike') }}" class="btn btn-options btn-block btn-success unlike-beer-button liked " data-timeline-id="{{ $beer->timeline_id }}">--}}
                                                {{--<i class="fa fa-check"></i> {{ trans('socialite::common.liked') }}--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                        {{--@endif--}}
                                        @if(Auth::check())
                                            @if(!$beer->likes->contains(Auth::user()->id))
                                                <a href="{{ route('beer.like') }}" class="like-beer-button like like-style-button" data-timeline-id="{{ $beer->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="{{ $beer->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="{{ $beer->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="{{ $beer->timeline_id }}"><i class="fa fa-thumbs-o-up"></i>{{ trans('common.like') }}</a>
                                            @endif
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <hr class="separator-gray-line">
                        </a>
                        @empty
                        {{ trans('breweries.no_beers') }}
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

{{--
    <div class="col-md-6">
        <h2>{{ trans('breweries.beers_from_same_brewery') }}</h2>

        <div class="list-group">
            @forelse($beers as $beer)
                <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
                    <div class="row">
                        <span onclick="document.location.href='{{ route('timeline', ['username' => $beer->username]) }}'">
                            <div class="col-md-3">
                                <img style="height : 50px; width: 40px;" src="{{ $beer->avatar }}">
                            </div>
                            <div class="col-md-4">
                                <h5 class="mb-1">{{ $beer->name }}</h5>
                                <span>{{ $beer->colorTranslated }} - {{ $beer->typeTranslated }}</span>
                            </div>
                        </span>
                        <div class="col-md-5">
                            <div class="row beer-buttons">
                                @if(Auth::check() && !$beer->likes->contains(Auth::user()->id))
                                    <div class="col-md-6 col-sm-6 col-xs-6">
                                        <div href="{{ route('beer.like') }}" class="btn btn-options btn-block btn-default like-beer-button like" data-timeline-id="{{ $beer->timeline_id }}">
                                            <i class="fa fa-thumbs-up"></i> {{ trans('socialite::common.like') }}
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 hidden">
                                        <div href="{{ route('beer.unlike') }}" class="btn btn-options btn-block btn-success unlike-beer-button liked " data-timeline-id="{{ $beer->timeline_id }}">
                                            <i class="fa fa-check"></i> {{ trans('socialite::common.liked') }}
                                        </div>
                                    </div>
                                @else
                                    <div class="col-md-6 col-sm-6 col-xs-6 hidden">
                                        <div href="{{ route('beer.like') }}" class="btn btn-options btn-block btn-default like-beer-button like " data-timeline-id="{{ $beer->timeline_id }}">
                                            <i class="fa fa-thumbs-up"></i> {{ trans('socialite::common.like') }}
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6">
                                        <div href="{{ route('beer.unlike') }}" class="btn btn-options btn-block btn-success unlike-beer-button liked " data-timeline-id="{{ $beer->timeline_id }}">
                                            <i class="fa fa-check"></i> {{ trans('socialite::common.liked') }}
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </a>
            @empty
                {{ trans('breweries.no_beers') }}
            @endforelse
        </div>
    </div>

--}}