<div class="entity-attribute entity-attribute-text-area @if($errors->has((string)$attribute->getKey())) error @endif {!!$attribute->getStyleClass()!!} @if(isset($attribute->contentCount) && !empty($attribute->contentCount)) js-text-field @endif"
     data-uk-tooltip="{pos:'bottom-right'}"
     title="{{ $errors->get((string)$attribute->getKey()) != [] ? $errors->get((string)$attribute->getKey())[0] : ''}}"

@foreach($attribute->getDataAttributes() as $dataAttributeName => $dataAttributeValue)
    {{ $dataAttributeName }}="{{ $dataAttributeValue }}"
@endforeach
>

    @include('kms.attributes.label')

    <div class="text-area-wrapper">
        @if($attribute->hasTinymceEditorOnClick())
            <div class="tiny-mce-overlay  js-tinymce-overlay">
                <div class="tiny-mce-overlay__message">
                    <div class="tiny-mce-overlay__icon">
                        @include('kms.svg.textEditor')
                    </div>
                    <span class="tiny-mce-overlay__text">@lang('kms/actions.enableEditor')</span>
                </div>
            </div>
        @endif
        <textarea @if($attribute->hasTinymceEditor()) class="tiny-mce" @endif
            @if($attribute->hasTinymceEditorOnClick()) class="tiny-mce-on-click" @endif
            placeholder="{{$attribute->getPlaceholderText()}}"
            style="min-height: {{$attribute->getDefaultHeight()}}px;"
            name="{{(string)$attribute->getKey()}}">{{ old((string)$attribute->getKey(), $attribute->getValue()) }}</textarea>
    </div>

    @if(isset($attribute->contentCount) && !empty($attribute->contentCount))
        <div class="text-field-word-counter" data-min-words="50" data-max-words="{{$attribute->contentCount}}">
            <span class="word-amount">0</span> of {{$attribute->contentCount}} words
        </div>
    @endif

    @if($attribute->getExplanation())<span class="explanation">{!! $attribute->getExplanation() !!}</span> @endif
</div>