{{ if (field.containerClass) { }}<!-- Text Area -->
<div class="{{= field.containerClass }}">
    <div class="{{ if (layout == 'form-horizontal') { }}row {{ } }}form-group{{ if (field.required) { }} required-control{{ } }}">
        {{ if (field.label) { }}<label class="{{ if (layout == 'form-horizontal') { }}col-form-label col-3{{ } }} {{= field.labelClass }}" for="{{= field.id }}">{{= field.label }}</label>{{ } }}{{ if (layout == 'form-horizontal') { }}<div class="col">{{ } }}{{ if (field.helpText && field.helpTextPlacement === "above") { }}
        <p class="form-text">{{= field.helpText }}</p>{{ } }}
        <textarea id="{{= field.id }}" name="{{= field.id }}" rows="{{= field.fieldSize }}" data-alias="{{= field.alias }}"{{ if (field.cssClass) { }} class="{{= field.cssClass }}"{{ } }}{{ if (field.placeholder) { }} placeholder="{{= field.placeholder }}"{{ } }}{{ if (field.minlength) { }} minlength="{{= field.minlength }}"{{ } }}{{ if (field.maxlength) { }} maxlength="{{= field.maxlength }}"{{ } }}{{ if(field.required) {}} required{{ } }}{{ if (field.unique) { }} data-unique="{{= field.unique }}"{{ } }}{{ if(field.readOnly) { }} readOnly{{ } }}{{ if(field.disabled) { }} disabled{{ } }}{{ _.each(field.customAttributes, function(attribute, i){ var attrs = attribute.split("|"); var attr = attrs[0]; var val = (attrs.length > 1) ? attrs[1] : attrs[0]; }}{{ if (attr) { }} {{- attr }}="{{- val }}"{{ } }}{{ }) }}>{{= field.predefinedValue }}</textarea>{{ if (field.helpText && field.helpTextPlacement === "below") { }}
        <p class="form-text">{{= field.helpText }}</p>{{ } }}{{ if (layout == 'form-horizontal') { }}</div>{{ } }}
    </div>
</div>
{{ } else { }}<!-- Text Area -->
<div class="{{ if (layout == 'form-horizontal') { }}row {{ } }}form-group{{ if (field.required) { }} required-control{{ } }}">
    {{ if (field.label) { }}<label class="{{ if (layout == 'form-horizontal') { }}col-form-label col-3{{ } }} {{= field.labelClass }}" for="{{= field.id }}">{{= field.label }}</label>{{ } }}{{ if (layout == 'form-horizontal') { }}<div class="col">{{ } }}{{ if (field.helpText && field.helpTextPlacement === "above") { }}
    <p class="form-text">{{= field.helpText }}</p>{{ } }}
    <textarea id="{{= field.id }}" name="{{= field.id }}" rows="{{= field.fieldSize }}" data-alias="{{= field.alias }}"{{ if (field.cssClass) { }} class="{{= field.cssClass }}" {{ } }}{{ if (field.placeholder) { }} placeholder="{{= field.placeholder }}"{{ } }}{{ if (field.minlength) { }} minlength="{{= field.minlength }}"{{ } }}{{ if (field.maxlength) { }} maxlength="{{= field.maxlength }}"{{ } }}{{ if(field.required) {}} required{{ } }}{{ if (field.unique) { }} data-unique="{{= field.unique }}"{{ } }}{{ if(field.readOnly) { }} readOnly{{ } }}{{ if(field.disabled) { }} disabled{{ } }}{{ _.each(field.customAttributes, function(attribute, i){ var attrs = attribute.split("|"); var attr = attrs[0]; var val = (attrs.length > 1) ? attrs[1] : attrs[0]; }}{{ if (attr) { }} {{- attr }}="{{- val }}"{{ } }}{{ }) }}>{{= field.predefinedValue }}</textarea>{{ if (field.helpText && field.helpTextPlacement === "below") { }}
    <p class="form-text">{{= field.helpText }}</p>{{ } }}{{ if (layout == 'form-horizontal') { }}</div>{{ } }}
</div>
{{ } }}