@extends('admin.promoters.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' => ['admin.promoters.edit.linked_beers.post', $promoter->id], 'id' => 'promoter-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(PromoterType::FIELD_LINKED_BEERS) ? ' has-error' : '' }}">
                        {{ Form::label(PromoterType::FIELD_LINKED_BEERS, trans('promoters.linked_beers'), ['class' => 'control-label']) }}
                        {{ Form::select(PromoterType::FIELD_LINKED_BEERS . '[]', [], null, ['id' => 'linked-beers', 'multiple' => 'multiple', 'class' => 'form-control']) }}

                        @if ($errors->has(PromoterType::FIELD_LINKED_BEERS))
                            <span class="help-block">
                                    {{ $errors->first(PromoterType::FIELD_LINKED_BEERS) }}
                                </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 SELECTED_BEERS = {!! json_encode(old(PromoterType::FIELD_LINKED_BEERS, []) ? old(PromoterType::FIELD_LINKED_BEERS, []) : $promoter->linkedBeers->pluck('id')) !!};
    </script>

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