@extends('beers.show.layout')

@section('beer_content')
    <div class="col-md-9 section-about">
        <div class="user-bio-block">
            <div class="bio-header">
                {{ trans('beers.general_information') }}
            </div>
            <div class="bio-main">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="row-section">

                            <div class="col-sm-4">
                                <h3 class="line-heading">
                                    {{ trans('beers.characteristics') }}
                                </h3>
                                <ul class="list-unstyled facts">
                                    <li class="no-border">
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.alcohol_level') }}
                                            </li>
                                            <li>
                                                @if($beer->alcohol_level)
                                                <span class="orange-text">{{ $beer->alcohol_level }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.color') }}
                                            </li>
                                            <li>
                                                @if($beer->color)
                                                <span class="orange-text">{{ $beer->colorTranslated }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.fermentation') }}
                                            </li>
                                            <li>
                                                @if($beer->fermentation)
                                                <span class="orange-text">{{ $beer->fermentationTranslated }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.type') }}
                                            </li>
                                            <li>
                                                @if($beer->type)
                                                <span class="orange-text">{{ $beer->typeTranslated }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.transparency') }}
                                            </li>
                                            <li>
                                                @if($beer->transparency)
                                                <span class="orange-text">{{ $beer->transparencyTranslated }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-sm-4">

                                <h3 class="line-heading">{{ trans('beers.composition_taste') }}</h3>
                                <ul class="list-unstyled facts ">
                                    <li class="no-border">
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.tastes') }}
                                            </li>
                                            <li>
                                                @if($beer->tastes)
                                                {{ $beer->tastes->implode('name', ' / ') }}
                                                @else
                                                {{ trans('beers.no_taste') }}
                                                @endif
                                            </li>
                                        </ul>
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.ibu') }}
                                            </li>
                                            <li>
                                                @if($beer->ibu)
                                                <span class="orange-text">{{ $beer->ibu }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.hop_type') }}
                                            </li>
                                            <li>
                                                @if($beer->hop_type)
                                                <span class="orange-text">{{ $beer->hopTypeTranslated }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.malt_type') }}
                                            </li>
                                            <li>
                                                @if($beer->malt_type)
                                                <span class="orange-text">{{ $beer->maltTypeTranslated }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>


                            <div class="col-sm-4">
                                <h3 class="line-heading">{{ trans('beers.labels') }}</h3>
                                <ul class="list-unstyled facts ">
                                    <li class="no-border">
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                @forelse($beer->labels as $label)
                                                    {{ $label->label}}{{$loop->last ? '' : ', '}}
                                                @empty
                                                    {{ trans('beers.no_label') }}
                                                @endforelse
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="row-section">
                            <div class="col-sm-4">
                                <h3 class="line-heading">{{ trans('beers.conditioning_methods') }}</h3>
                                <ul class="list-unstyled facts ">
                                    <li class="no-border">
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                {{ trans('beers.available_in') }}
                                            </li>
                                            @forelse($beer->conditioningMethods as $conditioningMethod)
                                            <li>{{ $conditioningMethod->name }}</li>
                                            @empty
                                            <li><span>-</span></li>
                                            @endforelse
                                        </ul>
                                    </li>
                                </ul>
                            </div>

                            <div class="col-sm-4">
                                <h3 class="line-heading">{{ trans('beers.how_to_enjoy_it') }}</h3>
                                <ul class="list-unstyled facts ">
                                    <li class="no-border">
                                        <ul class="list-unstyled list-inline">
                                            <li>{{ trans('beers.glass') }}</li>
                                            <li>
                                                @if($beer->glass)
                                                <span class="orange-text">{{ $beer->glassTranslated }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                        <ul class="list-unstyled list-inline">
                                            <li>{{ trans('beers.temperature') }}</li>
                                            <li>
                                                @if($beer->temperature)
                                                <span class="orange-text">{{ $beer->temperature }}</span>
                                                @else
                                                <span>-</span>
                                                @endif
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-sm-4">
                                <h3 class="line-heading">{{ trans('beers.awards') }}</h3>
                                <ul class="list-unstyled facts ">
                                    <li class="no-border">
                                        <ul class="list-unstyled list-inline">
                                            <li>
                                                @forelse($beer->awards as $award)
                                                    <a href="{{ asset('upload/beers/awards/' . $award->image) }}" target="_blank">
                                                        <img src="{{ asset('upload/beers/awards/' . $award->image) }}" width="50px" height="50px">
                                                    </a>
                                                @empty
                                                {{ trans('beers.no_awards') }}
                                                @endforelse
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>

                        </div>
                        <div class="row-section">
                            <div class="col-sm-4">
                                <h3 class="line-heading">
                                    {{ $beer->brewery->name }}
                                </h3>
                                <!--<h4>{{ trans('breweries.find_us') }}</h4>-->
                                <!--<div class="img-avatar" style="background-image: url('{{ $beer->brewery->avatar }}')"></div>-->
                                <ul class="list-unstyled">
                                    @if($beer->brewery->address)
                                    <li>
                                        <span class="ico icon-place">{{ $beer->brewery->address }}</span>
                                    </li>
                                    @endif
                                    @if($beer->brewery->email)
                                    <li>
                                        <span class="ico icon-email">{{ $beer->brewery->email }}</span>
                                    </li>
                                    @endif
                                    @if($beer->brewery->website)
                                    <li>
                                        <span class="ico icon-globe address-trunc">
                                            <a href=" {{ $beer->brewery->website }}" target="_blank">{{ $beer->brewery->website }}</a>
                                        </span>
                                    </li>
                                    @endif
                                </ul>
                            </div>

                            <div class="col-sm-4">
                                <h3>{{ trans('breweries.history') }}</h3>

                                <p>
                                    {{ $beer->brewery->history }}
                                </p>
                            </div>

                            <div class="col-sm-4">
                                <h3>{{ trans('breweries.schedule') }}</h3>
                                <p>
                                    {{ $beer->brewery->schedule }}
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>


        <div class="user-bio-block">
            <div class="bio-header">
                {{ trans('beers.beers_from_same_brewery') }}
                <div class="read-more">
                    <a class="pull-right">{{ trans('common.see_more') }}</a>
                </div>
            </div>
            <div class="bio-main border">
                @forelse($beersFromSameBrewery as $beerFromSameBrewery)

                <div class="like-container">
                    <div class="img-avatar" style="background-image: url('{{ $beerFromSameBrewery->avatar }}')"></div>
                    <div class="beer-info">
                        <a href="{{ route('timeline', ['username' => $beerFromSameBrewery->username]) }}">{{ $beerFromSameBrewery->name }}</a>
                        <div class="beer-type">
                            {{ $beerFromSameBrewery->colorTranslated }} - {{ $beerFromSameBrewery->typeTranslated }}
                        </div>
                    </div>
                    <div class="like-btns">
                        @include('partials.like-unlike-buttons', ['likers' => $beerFromSameBrewery->likes, 'userId' => Auth::check() ? Auth::user()->id : null, 'likeUrl' => route('beer.like'), 'unlikeUrl' => route('beer.unlike'), 'timelineId' => $beerFromSameBrewery->timeline->id, 'likeLabel' => trans('common.like'), 'unlikeLabel' => trans('common.like')])
                    </div>
                </div>
                @empty
                <div class="bio-main">
                    <p>{{ trans('beers.no_beers_from_same_brewery') }}</p>
                </div>
                @endforelse
            </div>
        </div>
    </div>
@endsection