{% extends "base.html.twig" %}


{% set pagename = 'Grade Category' | trans %}

{% block MainContent %}
    <form method="post" action="{{ path('app_settings_grade_category') }}" id="gradeCategory">
        {# Require fields #}
        <div class="kt-portlet">
            <div class="kt-portlet__body">

                <div class="row">
                    <input type="hidden" value="{{ gradeCategory.id }}" name="grdCat"/>
                    <input type="reset" class="d-none" value="1"/>
                    {# grade name #}
                    <div class="col-xl-12 col-lg-12 col-md-12 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'Name'|trans }} {{ requireSymbol | raw }} </label>
                        </div>
                        <input type="text" name="grdCat_name" class="form-control" required="required" maxlength="255"
                               value="{{ gradeCategory.getGradeCategoryName }}"/>
                    </div>

                    {# grade implement if marks are equal or above #}
                    <div class="col-xl-12 col-lg-12 col-md-12 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'Grade Description'|trans }} </label>
                        </div>
                        <textarea name="grdCat_des" class="form-control"
                                  maxlength="255">{{ gradeCategory.getGradeCategoryDesc }}</textarea>
                    </div>
                </div>
            </div>
            {# submit button #}
            <div class="kt-portlet__foot">
                <div class="kt-form__actions" data-formId="gradeCategory">
                    <button type="submit" class="btn-primary btn formSubmitButton">
                        {{ gradeCategory.id is empty ? 'Add Grade'|trans : 'Update Grade'|trans }}
                    </button>

                    <a href="{{ path('app_settings_grade_category_list') }}" class="btn-default btn">
                        {{"Grades List"|trans }}
                    </a>

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

    </form>
{% endblock %}

{% block ExtraJsFIles %}
    {% for file in encore_entry_js_files('appSettings') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}
{% endblock %}
{% block documentation %}
        <h5><b>Add/Editing Grades Category</b></h5>

        <p>
            In some School/Institute there are different Grading System from different level of Classes, eg. If Student of Class 5 will take 90% Marks we declare him A+ & If Student of Class 10 will take 90% Marks we might declare him B+ so, we
            can define create two Grades Category, One is 5th Class Grade or other is 10 Class Grade & assign them to respective Class.
        </p>

        <p>Write down the Grade Category name & Description, then your Grade will be ready</p>

{% endblock %}