{% set requireSymbol = '<span class="requiredFieldSymbol">*</span>' %}
{# assign grade #}
{% for studentGrade in studentGrades %}
    <div class="row">
        <input type="hidden" name="gradeItemRef[]" value="{{ studentGrade.id }}">
        {# Grade List #}
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            <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.getStudentGradeName == grade ? 'selected="selected"' }}
                            value="{{ grade }}">{{ grade }}</option>
                {% endfor %}
            </select>
        </div>
        {#  Number Should be equal  #}
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            <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.getStudentGradeEqualOrGreaterThanMarks %}
                        {% 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-3 col-md-3 col-sm-3 col-xs-3">
            <label class="col-form-label">{{ 'Grade Description'|trans }}</label>
            <input type="text" value="{{ studentGrade.getStudentGradeDesc }}" class="form-control" name="gradeDesc[]" placeholder="{{ 'Excellent' | trans }}">
        </div>
        {# Button to Offer Add or remove #}
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            <label class="col-form-label">&nbsp;</label>
            <br>
            <div class="pull-right">
                <button type="button" class="addMoreGrade btn-info btn btn-sm">{{ 'Add More' | trans }}</button>
                &nbsp;
                <button type="button"
                        class="studentGradeRemoveItem btn-danger btn btn-sm">{{ 'Remove' | trans }}</button>
            </div>
        </div>
    </div>
{% endfor %}