<div id="multiple-picker-{{$id}}" class="form-group multiple-picker-wrapper {{ $blocksMode ? "blocks-mode--$blocksMode" : 'blocks-mode--hide' }} @error($errorKey) has-error @enderror {{ $parentHidden ? ' parent-hidden' : '' }}" style="{{ !empty($hide) ? 'display:none' : '' }}">
    {!! Form::hidden($name, '', array('id' => $id, 'class' => 'multiple-picker-values')) !!}
    {!! Form::label($id, ucfirst($label), array('class' => 'control-label')) !!}
    @if($allowInsert)
        <button type="button" class="btn btn-xs btn-default command-add-content pull-right">
            <span class="icon glyphicon glyphicon-plus"></span>
        </button>
    @endif
    <div class="row">
        <div class="col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading">
                    {{ucfirst(trans("backend.unselected"))}}
                </div>
                <div class="panel-body multiple-picker-list multiple-picker-unpicked-list">
                    <div class="panel panel-default picker-panel">
                        <ol class="list-group"></ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="panel panel-default" @error($errorKey) data-toggle="tooltip" title="{{$message}}" @enderror>
                <div class="panel-heading">
                    {{ucfirst(trans("backend.selected"))}}
                </div>
                <div class="panel-body multiple-picker-list multiple-picker-picked-list">
                    <div class="panel panel-default picker-panel">
                        <ol class="list-group"></ol>
                    </div>
                </div>
            </div>
        </div>

    </div>
    @if(!empty($info))
        <span id="helpBlock" class="help-block">{{ $info }}</span>
    @endif
</div>

<script>
    $(function(){
        new Eae.View.BackendMultiplePicker({
            el: $("#generic_form_{{RequestContext::get('generic_form_timestamp')}} #multiple-picker-{{$id}}"),

            fullList: @json($fullList),
            pickedList: @json($pickedList),
            order: {{ $order ? 'true': 'false' }},
            multipleTypes: {{ $multipleTypes ? 'true': 'false' }},
            disabled: {{ $enabled ? 'false': 'true' }},
            parent:  {!! empty($parent) ? 'false': json_encode($parent) !!},
            websiteFiltered: {{ $websiteFiltered ? 'true': 'false' }},
            editable: @json($allowInsert),
            @if($maxSize)
                maxSize: {{ $maxSize }}
            @endif
        });
    });
</script>


