{% block form %}
    <h2>{{ form.label|trans }}</h2>
    {% for field in form.fields %}
        <table>
            <tr>
                {{ block(field.type) }}
            </tr>
        </table>
    {% endfor %}
    <input type="hidden" name="type" value="{{ form.action }}">

    {% if form.token %}
        <input type="hidden" name="token" value="{{ form.token }}">
    {% endif %}
{% endblock %}

{% block input %}
    <label class="uk-form-label" for="{{ field.name }}">
        {{ field.label|trans }}
    </label>
    <div class="uk-form-controls">
        <input {#% if field.pattern %}pattern="{{ field.pattern }}"{% endif %#}
            type="text"
            placeholder=""
            autocomplete="off"
            id="{{ field.name }}"
            class="uk-input"
            required
            name="formValue[{{ field.name }}]"
            value="{{ formValue[field.name] is defined ? formValue[field.name] : '' }}"
        />
    </div>
    {% if field.examples %}
        <div class="vinExampleHolder">
            {% for example in field.examples %}{{ example.description | trans }}: {{ example.value }} {% endfor %}
        </div>
    {% endif %}
{% endblock %}

{% block select %}
    <th class="label">
        <label class="uk-form-label" for="{{ field.name }}">{{ field.label|trans }}</label>
    </th>
    <td class="control">
    {% if field.value is same as null %}
        <select id="{{ field.name }}" name="formValue[{{ field.name }}]" autocomplete="off">
            <option value=""></option>
            {% for option in field.options %}
                <option value="{{ option.value }}" {{ option.selected ? 'selected' : '' }}>{{ option.label }}</option>
            {% endfor %}
        </select>
    {% else %}
        {% for option in field.options %}
            <strong>{{ option.selected ? option.label : '' }}</strong>
        {% endfor %}
        {% if field.readonly is not same as true %}
            <a class="backlink" href="#" data-field-name="formValue[{{ field.name }}]">
                <img style="vertical-align:middle" src="/images/delete2.png">
            </a>
        {% endif %}
    {% endif %}
    {# <wc-base-select id="{{ field.name }}" name="formValue[{{ field.name }}]" data="{{ field.options|json_encode }}" label-field="label"
                    value-field="value" value="{{ formValue[field.name] }}"></wc-base-select> #}
    </td>
{% endblock %}