{% set requireSymbol = '<span class="requiredFieldSymbol">*</span>' %}
<form id="editClassGradeForm">
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            {% for studentGrade in studentGrades %}
                <div class="row">
                    <input type="hidden" name="gradeItemRef[]" value="{{ studentGrade.id }}">
                    <input type="hidden" name="gradeCat" value="{{ studentGrade.getStudentGradeCategory.id }}">
                    <input type="hidden" name="classGradeTemplate[]" value="{{studentGrade.getClassGradeTemplate.id }}">
                    <input type="hidden" name="class" value="{{ postData.get('classRef') }}">

                    {#                     Grade List#}
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
                        <label class="col-form-label">{{ 'Grades'|trans }} {{ requireSymbol  | raw }}</label>
                        <select class="form-control simpleSelect2" name="gradeName[]">
                            <option value="">{{ 'Grade List' | trans }}</option>
                            {% for grade in definedGrades %}
                                <option {{ studentGrade.getClassGradeName == grade ? 'selected="selected"' }}
                                        value="{{ grade }}">{{ grade }}</option>
                            {% endfor %}
                        </select>
                    </div>


                    {#                      Number Should be equal#}
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
                        <label class="col-form-label">{{ 'Number equal or less than'|trans }} {{ requireSymbol | raw }}</label>
                        <select class="form-control simpleSelect2" name="gradeNumberEqualOrGreater[]">
                            <option value="">{{ 'Number equal or less than' | trans }}</option>
                            {% for number in 100..0 %}

                                {% set selected= "" %}
                                {% if number == studentGrade.getClassMarksEqualOrGreaterThan %}
                                    {% set selected= "selected='selected'" %}
                                {% endif %}

                                {% if number == 100 %}
                                    <option {{ selected }} value="{{ number }}">{{ number }}</option>
                                {% else %}
                                    <option {{ selected }} value="{{ number }}">{{ '=< '~ number }}</option>
                                {% endif %}

                            {% endfor %}
                        </select>
                    </div>


                    {#                     Grade Description#}
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
                        <label class="col-form-label">{{ 'Grade Description'|trans }}</label>
                        <input type="text" value="{{ studentGrade.getClassGradeDesc }}" class="form-control"
                               name="gradeDesc[]" placeholder="{{ 'Excellent' | trans }}">
                    </div>

                </div>
            {% endfor %}
        </div>
        <div class="kt-portlet__foot">
            <div class="kt-form__actions">
                <button type="submit" class="btn-primary btn updateClassGrade">
                    {{ 'Update'|trans }}
                </button>
                <button type="button" class="btn-default btn back">
                    {{ 'Back'|trans }}
                </button>
            </div>
        </div>
    </div>
</form>