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

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

    <?php echo Form::text($attribute->key, $attribute->getValue(), ['ng-model' => 'attributes.'.$attribute->key, 'style' => 'display: none;']); ?>


    <div class="content">
        <ui-select multiple allow-clear="false" id="<?php echo $attribute->key; ?>" ng-model="attributes.<?php echo $attribute->key; ?>_select" theme="select2" ng-init="initWithValue(<?php echo $attribute->getValue(); ?>)">
            <ui-select-match placeholder="<?php echo e($attribute->placeholder); ?>">{{$item.content}}</ui-select-match>
            <ui-select-choices repeat="selectObject in selectData | propsFilter: {content: $select.search}">
                <div ng-bind-html="selectObject.htmlContent"></div>
            </ui-select-choices>
        </ui-select>
    </div>

    <div id="select-data-<?php echo $attribute->key; ?>" class="select-data" style="display: none;">
        <?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>