@extends('users.show.layout')

@section('user_content')
<div class="col-md-9 section-about">
    <div class="user-bio-block">
        <div class="bio-header">
            {{ trans('users.bio.title') }}
        </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('users.bio.about_me') }}
                            </h3>
                            <p>
                                {!! $user->about !!}
                            </p>
                        </div>
                        <div class="col-sm-4">
                            <h3 class="line-heading">
                                {{ trans('users.bio.information') }}
                            </h3>
                            <ul class="list-unstyled">
                                @if($user->birthday)
                                <li>
                                    <span class="ico icon-birthday">{{ $user->birthday }}</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>
                            <ul class="list-unstyled facts ">
                                <li class="no-border">
                                    @if($user->spoken_languages)
                                    <ul class="list-unstyled list-inline">
                                        <li><b>{{ trans('users.bio.spoken_languages') }}</b></li>
                                        <li>{{ $user->spoken_places }}</li>
                                    </ul>
                                    @endif
                                    @if($user->hobbies)
                                    <ul class="list-unstyled list-inline">
                                        <li><b>{{ trans('users.bio.hobbies') }}</b></li>
                                        <li>{{ $user->hobbies }}</li>
                                    </ul>
                                    @endif
                                    @if($user->interests)
                                    <ul class="list-unstyled list-inline">
                                        <li><b>{{ trans('users.bio.interests') }}</b></li>
                                        <li>{{ $user->interests }}</li>
                                    </ul>
                                    @endif
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-4">
                            <h3 class="line-heading">
                                {{ trans('users.bio.social_media') }}
                            </h3>
                            <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>
            </div>
        </div>
    </div>
</div>
<div class="col-md-9 col-md-offset-3">
    <div class="user-bio-block">
        <div class="bio-header">
            {{ trans('users.bio.personal_beer_experiences.title') }}
        </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('users.bio.personal_beer_experiences.tasting.title') }}
                            </h3>
                            <p>{{ trans('users.bio.personal_beer_experiences.tasting.favorite_beers') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.tasting.favorite_beer_types') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.tasting.favorite_places') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.tasting.enjoy_with') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.tasting.best_moment') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.tasting.my_favorite_bar') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.tasting.my_favorite_webshop') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.tasting.interested_in_beer_dishes') }}</p>
                        </div>
                        <div class="col-sm-4">
                            <h3 class="line-heading">
                                {{ trans('users.bio.personal_beer_experiences.collection.title') }}
                            </h3>
                            <p>{{ trans('users.bio.personal_beer_experiences.collection.i_am_collector') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.collection.i_collect') }}</p>
                        </div>
                        <div class="col-sm-4">
                            <h3 class="line-heading">
                                {{ trans('users.bio.personal_beer_experiences.brewing.title') }}
                            </h3>
                            <p>{{ trans('users.bio.personal_beer_experiences.brewing.would_like_create_own_beer') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.brewing.creating_own_beer') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.brewing.own_beer_type') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.brewing.recommended_website') }}</p>
                        </div>
                        <div class="col-sm-4">
                            <h3 class="line-heading">
                                {{ trans('users.bio.personal_beer_experiences.other_brewing_experiences.title') }}
                            </h3>
                            <p>{{ trans('users.bio.personal_beer_experiences.other_brewing_experiences.association') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.other_brewing_experiences.subscribed_to_magazine') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.other_brewing_experiences.visited_places') }}</p>
                            <p>{{ trans('users.bio.personal_beer_experiences.other_brewing_experiences.active_in_brewing_community') }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection