@extends('breweries.edit.layout')

@section('main_content')

    <style>
        /*hide the selected option in the select2*/
        #linked-beers-select .select2 li.select2-selection__choice {
            display: none;
        }

        /*!*hide the selected option in the list ?*!*/
        /*.select2-results__option[aria-selected=true] { display: none;}*/
    </style>

    {!! Form::open(['route' => ['brewery.edit.linked_beers.post', $brewery->username], 'id' => 'brewery-linked-beers-form', 'class' => 'margin-right', 'method' => 'post', 'files' => true]) !!}
    <div class="panel panel-default panel-full">
        <div class="panel-heading panel-settings">
            <h3 class="panel-title">{{ trans('admin.promoters.edit.linked_beers.title') }}</h3>
        </div>

        <div class="panel-body nopadding paddingtop">
            <div class="socialite-form">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        {{ trans('promoters.edit.errors') }}
                    </div>
                @endif

                <div id="linked-beers-select"
                     class="form-group {{ $errors->has('linkedBeers') ? ' has-error' : '' }}">
                    {{ Form::label('linkedBeers', trans('promoters.linked_beers'), ['class' => 'control-label']) }}
                    {{ Form::select('linkedBeers' . '[]', [], null, ['id' => 'linked-beers', 'multiple' => 'multiple', 'class' => 'form-control']) }}

                    @if ($errors->has('linkedBeers'))
                        <span class="help-block">
                                    {{ $errors->first('linkedBeers') }}
                                </span>
                    @endif
                </div>

                <div id="selected-linked-beers" class="row"></div>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="pull-right">
            {{ Form::submit(trans('promoters.update.button'), ['class' => 'btn btn-success']) }}
        </div>
    </div>
    {{ Form::close() }}

@endsection

@section('bottom_js')
    @parent

    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet"/>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

    <script>
        var GET_BEERS_URL = '{!! route('beers.list.json') !!}';
        var GET_BEERS_NO_BREWERY_URL = '{!! route('beers.list.json',['no_brewery' => true]) !!}';
        var SELECTED_BEERS = {!! json_encode(old('linkedBeers', []) ? old('linkedBeers', []) : $brewery->beers->pluck('id')) !!};
    </script>

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