{# Custom field form#}
{{ form_start(customFieldForm, {'attr' :  {'class': 'kt-form', 'novalidate':'novalidate','id':'addNewCustomFieldForm__'}, 'action' : path('save_custom_field') } ) }}
<div class="kt-portlet__body">
    <div class="row">

        {# this field will have a value which we want to update. #}
        <input type="hidden" value="{{ fieldDetails.id }}" name="id" />

        {# Field name #}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
            {{ form_row(customFieldForm.label, { 'value': fieldDetails.label } ) }}
        </div>

        {# Field Placeholder #}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
            {{ form_row(customFieldForm.placeholder, { 'value': fieldDetails.placeholder } ) }}
        </div>

        {# Section of the field.#}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
           {# { 'value': fieldDetails.custom_field_sections_id }#}
            <label>{{ 'Sections'|trans }}</label>
            <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="section">
                {% for sections in fieldSections %}
                    <option {{ fieldDetails.getCustomFieldSections().getId() is defined and fieldDetails.getCustomFieldSections().getId()  == sections.id ? 'selected=selected':'' }}
                            value="{{ sections.id }}">{{ sections.name|trans }}</option>
                {% endfor %}
            </select>
        </div>

        {# extra options#}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
            <label>{{ 'Options'|trans }}</label>
            <div class="form-group">
                <div class="">
                    <div class="kt-checkbox-inline">

                        {# Is filed is require #}
                        <label class="kt-checkbox kt-checkbox--bold kt-checkbox--brand">
                            <input type="checkbox" name="is_require" {{ fieldDetails.is_require ? "checked='checked' " : "" }}> {{ 'Must be filled by User?'|trans }}
                            <span></span>
                        </label>

                    </div>
                </div>
            </div>
        </div>

        {# Field is visible to #}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
            <div class="form-group">
                <label>{{ 'Visible To'|trans }}</label>
                {% set visible_to = fieldDetails.getVisibleTo()|split(',') %}
                <select class="form-control kt_select2_3 kt-select2 simpleSelect2" id="visible_toMultiSelect" multiple="multiple"
                        name="visible_to[]">
                    <option value="1" {{ in_array('1', visible_to) ? 'selected="selected"':'' }}>{{ 'Student'|trans }}</option>
                    <option value="2" {{ in_array('2', visible_to) ? 'selected="selected"':'' }}>{{ 'Teacher'|trans }}</option>
                    <option value="3" {{ in_array('3', visible_to) ? 'selected="selected"':'' }}>{{ 'Guardian'|trans }}</option>
                    <option value="4" {{ in_array('4', visible_to) ? 'selected="selected"' : '' }}>{{ 'Employee'|trans }}</option>
                </select>
            </div>
        </div>

        {# visible to the whoes admission form #}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
            <label>{{ 'Visible to registration form of:'|trans }}</label>

            {% set visible_in = fieldDetails.getVisibleToRegistrationFormOf()|split(',') %}

            <select class="form-control kt-select2 kt_select2_3 simpleSelect2" multiple="multiple" id="visible_inRegistrationFormMultiSelect" name="visible_in_registration_form_of[]">

                {% if fieldDetails.getVisibleToRegistrationFormOf is not empty %}

                    {% for key,value in  visible_in %}

                        <option value="{{ value }}" selected="selected" }}>

                            {% if value == 1 %}
                                {{ 'Student'|trans }}
                            {% elseif value == 2 %}
                                {{ 'Teacher'|trans }}
                            {% elseif value == 3 %}
                                {{ 'Guardian'|trans }}
                            {% elseif value == 4 %}
                                {{ 'Employee'|trans }}
                            {% endif %}

                        </option>

                    {% endfor %}

                {% endif %}

            </select>
        </div>

        {# Help message #}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
            {{ form_row(customFieldForm.help_message, { 'value': fieldDetails.getHelpMessage() } ) }}
        </div>

        {# Field type #}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
            <div class="kt-select__box">
                {{ form_row(customFieldForm.type, { 'value': fieldDetails.type } ) }}
            </div>
        </div>


        {# options of the field.#}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
            <label>{{ 'Field Options'|trans }}</label>
            <select class="form-control kt-select2 multiSelectDropdown" id="kt_select2_11" multiple="multiple"
                    name="options[]">
                {% for option in fieldDetails.options %}
                    <option selected="selected">{{ option|trans }}</option>
                {% endfor %}
            </select>
        </div>

        {% set allowed_extension = fieldDetails.getAllowedExtension()|split(',') %}

        {# allowed extensions #}
        <div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
            <label>{{ 'Allowed extensions'|trans }}</label>
            <select class="form-control kt-select2 multiSelectDropdown kt_select2_11 allowedExtensionSelect"
                    multiple="multiple" name="allowed_extension[]">
                <option {{ in_array('pdf',allowed_extension ) ? 'selected="selected"' : '' }}>{{ 'pdf'|trans }}</option>
                <option {{ in_array('docx', allowed_extension) ? 'selected="selected"' : '' }}>{{ 'docx'|trans }}</option>
                <option {{ in_array('jpg', allowed_extension) ? 'selected="selected"' : '' }}>{{ 'jpg'|trans }}</option>
                <option {{ in_array('jpeg', allowed_extension) ? 'selected="selected"' : '' }}>{{ 'jpeg'|trans }}</option>
                <option {{ in_array('xlsx', allowed_extension) ? 'selected="selected"' : '' }}>{{ 'xlsx'|trans }}</option>
            </select>
        </div>

        {# row end #}
    </div>
</div>

{# submit button #}
<div class="kt-portlet__foot">
    <div class="kt-form__actions">
        <button type="submit" class="btn-primary btn">
            {{ fieldDetails.id is empty ? 'Add new field'|trans : 'Update field'|trans }}
        </button>
    </div>
</div>

{{ form_end(customFieldForm) }}