<div class="entity-attribute entity-attribute-select<?php echo e(count($attribute->errors) == 0 ? '' : ' error'); ?> <?php echo e($attribute->class); ?>" ng-controller="KmsAttributeSelectController">

    <?php echo Form::label($attribute->key, $attribute->label); ?>

    <?php echo Form::hidden($attribute->key, $attribute->value, [
        'ng-value' => 'attributes.'.$attribute->key.'.selected.value'
        ]); ?>


    <div class="content">
        <ui-select id="<?php echo $attribute->key; ?>" ng-model="attributes.<?php echo $attribute->key; ?>.selected" theme="selectize" ng-init="initWithValue('<?php echo $attribute->getValue(); ?>')">
            <ui-select-match allow-clear="allow-clear" placeholder="<?php echo e($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-<?php echo $attribute->key; ?>" class="select-data" style="display: none;">
        <?php if($attribute->allowNull): ?>
            <div data-value="0" data-full-value="0" data-content="None selected"><em>None</em></div>
        <?php endif; ?>
        <?php foreach($attribute->getData() as $dataObject): ?>
            <div data-value="<?php echo e($dataObject['value']); ?>" data-full-value="<?php echo e(isset($dataObject['fullValue']) ? $dataObject['fullValue'] : '["'.$dataObject['value'].'"]'); ?>" data-content="<?php echo e($dataObject['content']); ?>"><?php echo isset($dataObject['htmlContent']) ? $dataObject['htmlContent'] : $dataObject['content']; ?></div>
        <?php endforeach; ?>
    </div>

</div>