<% var fieldClass = "icarus-field" %>
<% fieldClass += ' field-' + field.name %>
<% fieldClass += field.label_position === 'TOP' || field.label_position === 'BOTTOM' ? " label-vertical" : " label-horizontal" %>
<% fieldClass += !field.is_visible || field.input_type === 'HIDDEN' ? " hidden" : "" %>
<% fieldClass += validationStatus === 'error' ? " error" : "" %>
<% fieldClass += validationStatus === 'validated' ? " success" : "" %>
<% fieldClass += field.validation_rule === 'REQUIRED' ? " required" : "" %>
<div class="<%= fieldClass %>"<% if (fieldLayout) { %> style="<%= "top:" + fieldLayout.top + "px;left:" + fieldLayout.left + "px;width:" + fieldLayout.width + "px;height:" + fieldLayout.height + "px;" %>"<% }%> data-field-id="<%= field.id %>">
    <% if (field.label && (field.label_position === 'TOP' || field.label_position === 'LEFT')) { %>
        <label for="<%= field.name %>"><%= field.label %></label>
    <% } %>

    <% if (!field.label) { %>
        <label for="<%= field.name %>"><%= field.name.split("_").join(" ") %></label>
    <% } %>    
        <%= control({ inputType: field.input_type, name: field.name, id: field.name, value: getFieldValue(), placeholder: field.placeholder, choices: field.value_choices, title: field.name, validationRule: field.validation_rule }) %>

    <% if (field.label && (field.label_position === 'BOTTOM' || field.label_position === 'RIGHT')) { %>
    <label for="<%= field.name %>"><%= field.label %></label>
    <% } %>

    <% if (error) { %>
    <div class="icarus-field-error">
        <span><%= error %></span>
    </div>
    <% } %>
</div>
