<div class="entity-attribute entity-attribute-select {{{ count($attribute->errors) == 0 ? '' : ' error' }}} {{{$attribute->class}}}"
     ng-controller="KmsAttributeSelectController"
     ng-init="initChoices({{ $attribute->getData('JSON') }});
     modelString = createModelString('{!! $attribute->key !!}', itemKey) "
>

    {!! Form::label($attribute->key, $attribute->label()) !!}


    @if($attribute->canNotChange())
        <div class="content"><strong>{!! (empty($attribute->value)?'-':$attribute->value) !!}</strong></div>
        {!! Form::hidden($attribute->key, $attribute->value)            !!}

    @else

        {!! Form::text($attribute->key(), $attribute->value,
            [ 'ng-value' => 'attributes[modelString].selected.value',
              'ng-hide'=> 'true',
              'ng-cloak'=> 'true'])
        !!}

        <div class="content">
            <ui-select id="{{$attribute->key}}"
                       ng-model="attributes[modelString].selected"
                       theme="selectize"
                       ng-init="attributes[modelString].selected = parse({{ $attribute->getValueObject() }})"
            >
                <ui-select-match allow-clear="allow-clear"
                                 placeholder="{{$attribute->placeholder}}"> @{{$select.selected.content}}</ui-select-match>

                <ui-select-choices repeat="selectObject in selectData | filter: $select.search">
                    <div ng-bind-html="selectObject.htmlContent | highlight: $select.search"></div>
                </ui-select-choices>
            </ui-select>
        </div>

    @endif

</div>