@extends('socialite::layouts.default')

@section('content')
    <div class="container section-container @if($timeline->hide_cover) no-cover @endif">
        <div class="row">
            <div class="col-md-12">
                @include('breweries.show.partials.header')
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                @include('breweries.show.partials.left')
            </div>

            @yield('brewery_content')

            @if(isset($hideAbout) && $hideAbout == false)
                <div class="col-md-3">
                    @include('breweries.show.partials.right')
                </div>
            @endif
        </div>
    </div>
@endsection

@section('bottom_js')
    @parent

    <script>
        $('.like-beer-button').on('click', function (e) {
            e.preventDefault();

            var beerButtonsSection = $(this).closest('.beer-buttons');
            $.post(
                $(this).attr('href'),
                {
                    timeline_id: $(this).data('timeline-id'),
                    _token: $('[name="csrf_token"]').attr('content')
                },
                function (data) {
                    if (data.status === 200) {
                        beerButtonsSection.find('.like').addClass('hidden');
                        beerButtonsSection.find('.liked').removeClass('hidden');
                    }
                });
        });

        $('.unlike-beer-button').on('click', function (e) {
            e.preventDefault();

            var beerButtonsSection = $(this).closest('.beer-buttons');
            $.post(
                $(this).attr('href'),
                {
                    timeline_id: $(this).data('timeline-id'),
                    _token: $('[name="csrf_token"]').attr('content')
                },
                function (data) {
                    if (data.status === 200) {
                        beerButtonsSection.find('.like').removeClass('hidden');
                        beerButtonsSection.find('.liked').addClass('hidden');
                    }
                });
        });
    </script>

    <script type="text/javascript" src="{{ asset('js/breweries.js') }}"></script>
@endsection