<div class="entity-attribute entity-attribute-select{{{ count($attribute->errors) == 0 ? '' : ' error' }}} {{{$attribute->class}}}" ng-controller="KmsAttributeSelectController">

    {{ Form::label($attribute->key, $attribute->label) }}
    {{ Form::hidden($attribute->key, $attribute->value, [
        'ng-value' => 'attributes.'.$attribute->key.'.selected.value'
        ]) }}

    <div class="content">
        <ui-select id="{{$attribute->key}}" ng-model="attributes.{{$attribute->key}}.selected" theme="selectize" ng-init="initWithValue('{{ $attribute->getValue() }}')">
            <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>

    <div id="select-data-{{$attribute->key}}" class="select-data" style="display: none;">
        @if($attribute->allowNull)
            <div data-value="0" data-full-value="0" data-content="None selected"><em>{{Config::get('kms::'.$lang.'/translations.none')}}</em></div>
        @endif
        @foreach($attribute->getData() as $dataObject)
            <div data-value="{{{$dataObject['value']}}}" data-full-value="{{{$dataObject['fullValue'] or '["'.$dataObject['value'].'"]'}}}" data-content="{{{ $dataObject['content'] }}}">{{ $dataObject['htmlContent'] or $dataObject['content'] }}</div>
        @endforeach
    </div>

</div>