{#
IMPROVEMENTS:
Make a query which will used to get the answers of current user of current login.
Now we're using loop to match the user which is not recomended.
Remove     {% for notallowed in userDetails.whoCanUpdateCustomFields %} this block and used listOfNonEditableField in WhoCanUpdateCustomFieldRepository.php file as I'm using in the UserRegistration.php in validateAndUpdateCustomFieldData_part1 method
#}

{% set fieldSection = '' %}

{% for fieldKey, field in fieldLIst %}

    {# dispaly field sections #}
    {% if field.customFieldSections.name is defined and  field.customFieldSections.name != fieldSection %}
        </div>
        {% if fieldKey != 0 %}
            <br>
            <hr><br>
        {% endif %}


        {# display section name #}
        <h3 class="kt-section__title kt-section__title-lg"> {{ field.customFieldSections.name|trans }}:</h3>
        {% if field.customFieldSections.description is not empty and app.request.attributes.get('_route') != 'users_profile' %}
            <div class="alert alert-info" role="alert">
                <div class="alert-icon"><i class="flaticon-information"></i></div>
                <div class="alert-text"> {{ field.customFieldSections.description|trans }}</div>
            </div>
        {% endif %}

        <div class="row">

    {% else %}
        <br>
        <hr> <br>
    {% endif %}


    {# To prevent errors, because this vbaseariable is only use in profile managemnet #}
    {% set LockSymbol = '' %}
    {% set answers = '' %}
    {% set a___ = '' %}
    {% set filePath = '' %}
    {% set lockField = '' %}

    {# BEGIN:: These codes for the profile management #}
    {# show custom field lock options #}

    {% if source_file == 'profile' %}

        {# get answer of custom fields based on the user's profile #}
        {% if userDetails.category == 's' %}
            {% set answers = field.sAnswersRegardingCFs %}
        {% elseif userDetails.category == 't' %}
            {% set answers = field.tAnswerRegardingCFs %}
        {% elseif userDetails.category == 'a' %}
            {% set answers = field.aAnswerRegardingCFs %}
        {% endif %}

        {# loop through all the answer object and find the user who'es profiled matched -- IMPROVE #}
        {% for ans in answers.toArray() %}
            {% if ans.User.id == userDetails.id %}
                {# save answer of current field. #}
                {% set a___ = ans.answers %}
            {% endif %}
        {% endfor %}

        {# get the file path if exits #}
        {% set pathOfFile =  'custom_fields/'~userDetails.id ~'/'~ field.id %}
        {% set filePath = getUploadedFile(true,pathOfFile,true) %}


        {# if current user is admin then assign lock field option #}
        {% if is_granted('ROLE_ADMIN') and app.request.attributes.get('_route') == 'users_profile' %}
            {# lock field #}
            {% set LockSymbol = '<i title="lock field" class="fa fa-lock lockField hand-cursor" data-fr="'~ field.id ~'"></i>' %}
        {% endif %}

        {# identityfying lock fields #}
        {% for notallowed in userDetails.whoCanUpdateCustomFields %}
            {% if notallowed.getCustomFieldRef().toArray() is not empty and notallowed.getCustomFieldRef().toArray()[0].id == field.id %}
                {% set lockField = 'disabled="disabled"' %}

                {# if current user is admin then assign lock field option #}
                {% if is_granted('ROLE_ADMIN') and app.request.attributes.get('_route') != 'my_profile' %}
                    {# Unlock field #}
                    {% set LockSymbol = '<i title="unlock field" class="fa fa-lock-open lockField hand-cursor" data-lockfRf="'~ notallowed.id ~'" data-fr="'~ field.id ~'"></i>' %}
                {% endif %}

            {% endif %}
        {% endfor %}


    {% endif %}

    {# END:: Profile Management codes#}



    {# This  field is require or not .#}
    {% set requireClass = '' %}
    {% set requireSymbol = '' %}
    {% if field.is_require %}
        {% set requireSymbol = '<span class="requiredFieldSymbol">*</span>' %}
        {% set requireClass = 'r__q' %}
    {% endif %}


    {% if field.type == "radio" %}

        {# radio fields #}
        <div class="{{ ColsClass }}" id="c___F_{{ field.id }}">
            <div class="form-group">
                <label class="col-form-label">{{ field.label|trans }} {{ requireSymbol |raw }}  {{ LockSymbol |raw }}   </label>
                <div>
                    <div class="kt-radio-inline">
                        {% for key, fieldOption in field.options %}
                            <label class="kt-radio kt-radio--bold kt-radio--brand">

                                <input {{ lockField }} type="radio" name="{{ field.id }}_{{ field.type }}[]" class="{{ requireClass }}" value="{{ fieldOption }}" {{ in_array( fieldOption,parseCf(a___ ,'radio') )  ? 'checked="checked"' }}> {{ fieldOption|trans }}

                                {# if this radio field is required the checked the first option #}
                                {#{% set tempClass = '' %}
                                {% if field.is_require and source_file == 'registration' and key == 0 %}
                                    {% set tempClass = 'checked="checked"' %}
                                {% endif %}

                                <input {{ lockField }} {{ tempClass }} type="radio" name="{{ field.id }}" class="{{ requireClass }}" value="{{ fieldOption }}" {{ fieldOption == a___ ? 'checked="checked"' }}> {{ fieldOption|trans }}#}
                                <span></span>
                            </label>
                        {% endfor %}

                        {# to send data on the server. #}
                        <input type="radio" name="{{ field.id }}_{{ field.type }}[]" class="d-none" value="__ignore___" checked="checked">
                    </div>
                </div>
                <span class="form-text text-muted">{{ (field.getHelpMessage()) }}</span>
            </div>
        </div>

    {% elseif field.type == "checkbox" %}

        <div class="{{ ColsClass }}" id="c___F_{{ field.id }}">
            <div class="form-group">
                <label class="col-form-label">{{ field.label }} {{ requireSymbol | raw }} {{ LockSymbol | raw }}</label>
                <div>
                    <div class="kt-checkbox-inline">

                        {% for fieldOption in field.options %}
                            <label class="kt-checkbox kt-checkbox--bold kt-checkbox--brand">
                                <input type="checkbox" {{ lockField }} name="{{ field.id }}_{{ field.type }}[]" class="{{ requireClass }}" value="{{ fieldOption }}" {{ in_array( fieldOption, parseCf(a___ , 'checkbox')) ? 'checked="checked"' }} > {{ fieldOption|trans }}
                                <span></span>
                            </label>
                        {% endfor %}

                        {# to send data on the server. #}
                        <input type="checkbox" class="d-none" name="{{ field.id }}_{{ field.type }}[]" value="__ignore___" checked="checked">

                    </div>
                </div>
                <span class="form-text text-muted">{{ (field.getHelpMessage()) }}</span>
            </div>
        </div>

    {% elseif field.type == "dropdown" %}

        {# dropdown fields #}
        <div class="{{ ColsClass }}" id="c___F_{{ field.id }}">
            <div class="form-group">
                <label class="col-form-label">{{ field.label|trans }} {{ requireSymbol | raw }} {{ LockSymbol | raw }}</label>
                <div class="kt-select__box">
                    <select class="form-control kt-selectpicker simpleSelect2 {{ requireClass }}" data-live-search="true" name="{{ field.id }}" {{ lockField }}>

                        {% for fieldOption in field.options %}
                            <option value="{{ fieldOption }}" {{ in_array( fieldOption, parseCf(a___ , 'dropdown')) ? 'selected="selected"' }} >{{ fieldOption|trans }}</option>
                        {% endfor %}

                    </select>
                </div>
                <span class="form-text text-muted">{{ (field.getHelpMessage()) }}</span>
            </div>
        </div>

    {% elseif field.type == "textarea" %}

        {# text area field #}
        <div class="{{ ColsClass }}" id="c___F_{{ field.id }}">
            <div class="form-group">
                <label class="col-form-label">{{ field.label|trans }} {{ requireSymbol | raw }}  {{ LockSymbol | raw }}</label>
                <textarea {{ lockField }} name="{{ field.id }}" class="form-control {{ requireClass }}" placeholder="{{ field.placeholder|trans }}">{{ a___ }}</textarea>
                <span class="form-text text-muted">{{ (field.getHelpMessage()) }}</span>
            </div>

        </div>

    {% elseif field.type == "date" %}

        {# only date #}
        <div class="{{ ColsClass }}" id="c___F_{{ field.id }}">
            <div class="form-group">
                <label class="col-form-label">{{ field.label|trans }} {{ requireSymbol | raw }} {{ LockSymbol | raw }}</label>
                <div>
                    <div class="input-group date">
                        <input {{ lockField }} type="text" class="form-control simpleDatePicker kt_datetimepicker_6 {{ requireClass }}" placeholder="{{ field.placeholder|trans }}" name="{{ field.id }}" value="{{ a___ }}">
                        <div class="input-group-append">
                            <span class="input-group-text">
                                <i class="fa fa-calendar-alt"></i>
                            </span>
                        </div>
                    </div>
                    <span class="form-text text-muted">{{ (field.getHelpMessage()) }}</span>
                </div>
            </div>
        </div>

    {% elseif field.type == "time" %}

        {# only time fileds #}
        <div class="{{ ColsClass }}" id="c___F_{{ field.id }}">
            <div class="form-group">
                <label class="col-form-label">{{ field.label|trans }} {{ requireSymbol |raw }} {{ LockSymbol | raw }}</label>
                <div>
                    <div class="input-group date">
                        <input {{ lockField }} type="text" class="form-control simpleTimePicker kt_datetimepicker_7 {{ requireClass }}" placeholder="{{ field.placeholder|trans }}" name="{{ field.id }}" value="{{ a___ }}">
                        <div class="input-group-append">
                            <span class="input-group-text">
                                <i class="fa fa-clock"></i>
                            </span>
                        </div>
                    </div>
                    <span class="form-text text-muted">{{ (field.getHelpMessage()) }}</span>
                </div>
            </div>
        </div>

    {% elseif field.Type == "datetime" %}

        {# date time #}
        <div class="{{ ColsClass }}" id="c___F_{{ field.id }}">
            <div class="form-group">
                <label class="col-form-label">{{ field.label|trans }} {{ requireSymbol|raw }} {{ LockSymbol | raw }}</label>
                <div>
                    <div class="input-group date">
                        <input {{ lockField }} type="text" class="form-control kt_datetimepicker_5 {{ requireClass }}" placeholder="{{ field.placeholder|trans }}" name="{{ field.id }}" value="{{ a___ }}">
                        <div class="input-group-append">
                            <span class="input-group-text">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect id="bound" x="0" y="0" width="24" height="24"></rect>
                                        <path d="M10.9630156,7.5 L11.0475062,7.5 C11.3043819,7.5 11.5194647,7.69464724 11.5450248,7.95024814 L12,12.5 L15.2480695,14.3560397 C15.403857,14.4450611 15.5,14.6107328 15.5,14.7901613 L15.5,15 C15.5,15.2109164 15.3290185,15.3818979 15.1181021,15.3818979 C15.0841582,15.3818979 15.0503659,15.3773725 15.0176181,15.3684413 L10.3986612,14.1087258 C10.1672824,14.0456225 10.0132986,13.8271186 10.0316926,13.5879956 L10.4644883,7.96165175 C10.4845267,7.70115317 10.7017474,7.5 10.9630156,7.5 Z" id="Path-107" fill="#000000"></path>
                                        <path d="M7.38979581,2.8349582 C8.65216735,2.29743306 10.0413491,2 11.5,2 C17.2989899,2 22,6.70101013 22,12.5 C22,18.2989899 17.2989899,23 11.5,23 C5.70101013,23 1,18.2989899 1,12.5 C1,11.5151324 1.13559454,10.5619345 1.38913364,9.65805651 L3.31481075,10.1982117 C3.10672013,10.940064 3,11.7119264 3,12.5 C3,17.1944204 6.80557963,21 11.5,21 C16.1944204,21 20,17.1944204 20,12.5 C20,7.80557963 16.1944204,4 11.5,4 C10.54876,4 9.62236069,4.15592757 8.74872191,4.45446326 L9.93948308,5.87355717 C10.0088058,5.95617272 10.0495583,6.05898805 10.05566,6.16666224 C10.0712834,6.4423623 9.86044965,6.67852665 9.5847496,6.69415008 L4.71777931,6.96995273 C4.66931162,6.97269931 4.62070229,6.96837279 4.57348157,6.95710938 C4.30487471,6.89303938 4.13906482,6.62335149 4.20313482,6.35474463 L5.33163823,1.62361064 C5.35654118,1.51920756 5.41437908,1.4255891 5.49660017,1.35659741 C5.7081375,1.17909652 6.0235153,1.2066885 6.2010162,1.41822583 L7.38979581,2.8349582 Z" id="Combined-Shape" fill="#000000" opacity="0.3"></path>
                                    </g>
                                </svg>
                            </span>
                        </div>
                    </div>
                </div>
                <span class="form-text text-muted">{{ (field.getHelpMessage()) }}</span>
            </div>
        </div>

    {% elseif field.Type == "file" %}

        {# Simple Custom Fields #}
        <div class="{{ ColsClass }}" id="c___F_{{ field.id }}">
            <div class="form-group">
                <label class="col-form-label">{{ field.label }} {{ requireSymbol|raw }} {{ LockSymbol | raw }}</label>
                <input {{ lockField }} type="{{ field.type }}" name="{{ field.id }}" class="form-control {{ requireClass }}" placeholder="{{ field.placeholder|trans }}">
                {% if filePath is not empty %}
                    {#filePath#}
                    <a href="{{ path('secure_file_server',{'filePath':secure(filePath)} ) }}" target="_blank">View File?</a>
                {% endif %}
                <span class="form-text text-muted">{{ (field.getHelpMessage()) }}</span>
            </div>
        </div>

    {% else %}

        {# Simple Custom Fields #}
        <div class="{{ ColsClass }}" id="c___F_{{ field.id }}">
            <div class="form-group">
                <label class="col-form-label">{{ field.label }} {{ requireSymbol |raw }} {{ LockSymbol|raw }}</label>
                <input {{ lockField }} type="{{ field.type }}" name="{{ field.id }}" class="form-control {{ requireClass }}" placeholder="{{ field.placeholder|trans }}" value="{{ a___ }}">
                <span class="form-text text-muted">{{ (field.getHelpMessage()) }}</span>
            </div>
        </div>

    {% endif %}

    {% if field.customFieldSections.name is defined %}
        {% set fieldSection = field.customFieldSections.name %}
    {% else %}
        {% set fieldSection = '' %}
    {% endif %}
{% endfor %}