{# select class + On Off Fee's #}
<div class="kt-portlet" id="view____form">
    {% set colsClass = 'col-xl-3 col-lg-3 col-md-3 col-xs-12' %}
    {# form input elements #}
    <div class="kt-portlet__body">

        {#<input type="hidden" name="___rand__f" value="{{ classFeeSchedule.id }}" id="adding_section_to_customField">#}
        <input type="hidden" name="c_r" value="{{ app.request.query.get('class_id') }}">
        <input type="hidden" name="u_r" value="{{ u_r }}">

        {# select class #}
        <div class="row">
            {# list of all classes #}
            <div class="{{ colsClass }}">
                <label class="col-form-label">{{ 'Select Class'|trans }} </label>
                <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="cls___">
                    <option></option>
                    {% for cl in classes %}
                        {% if isInstanceof(cl,'ClassSessionEnrolment') %}
                            <option data-at="{{ cl.fee }}" data-csr="{{ cl.id }}"
                                    value="{{ cl.getClassSession.id }}">{{ cl.getClassSession.name }}</option>
                        {% else %}

                            {% set selectedVar = '' %}
                            {% if app.request.query.get('class_id') ==  cl.id %}
                                {% set selectedVar = 'selected="selected"' %}
                            {% endif %}

                            <option {{ selectedVar }}
                                    data-session="{{ cl.session.getStartDate | date('d-M-Y') }} / {{ cl.session.getEndDate | date('d-M-Y') }}"
                                    data-at="{{ cl.fee }}" data-csr=""
                                    value="{{ cl.id }}" {{ app.request.query.get('class') is not empty and app.request.query.get('class') | urldecrypt == cl.id ? 'selected="selected"' }}>{{ cl.session.name }}
                                > {{ cl.name }}
                            </option>

                        {% endif %}
                    {% endfor %}
                </select>
            </div>
            {% if subjects is defined and subjects is iterable %}
                {# select subject #}
                {# add or edit class fee, yes, or nt.#}
                <div class="d-none {{ colsClass }}">
                    <label class="col-form-label">{{ 'Select Fee type?'|trans }} <small>add class or subject
                            fee</small></label>
                    <div class="col-form-label">
                        <label class="kt-radio kt-radio--bold kt-radio--brand">
                            <input type="radio" name="fee_type"
                                   value="off"> {{ 'Class vise fee' |trans }}
                            <span></span>
                        </label>
                        &nbsp;&nbsp;
                        <label class="kt-radio kt-radio--bold kt-radio--brand">
                            <input type="radio" checked="checked" name="fee_type"
                                   value="on"> {{ 'Subject vise fee' |trans }}
                            <span></span>
                        </label>

                    </div>
                </div>
                {# list of all subjects #}
                <div class="subjectsDropdown {{ colsClass }}">
                    <label class="col-form-label">{{ 'Select Subject'|trans }} </label>
                    <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="subject__">
                        <option></option>
                        {% for subject in subjects %}
                            <option data-fee="{{ subject.fee }}" value="{{ subject.id }}">{{ subject.getSubjectName }}
                                -- {{ subject.id }}</option>
                        {% endfor %}
                    </select>
                </div>

            {% endif %}
        </div>


        <br>

        {# Un-necessay fields #}
        <div class="col-form-label advanceFeeDiv">
            <span data-toggle="collapse" data-target="#demo" class="hand-cursor">
            <b>{{ 'Advance'|trans }}</b>
                {# dropdown #}
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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">
                        <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
                        <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
                              id="Path-94" fill="#000000" fill-rule="nonzero"
                              transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) "></path>
                    </g>
                </svg>
            </span>
        </div>

        {#  One Off fee's #}

        <div class="collapse row" id="demo">
            {#  select fee, from student fee table #}
            <div class="col-xl-2 col-lg-2 col-md-2 col-xs-6">
                <label class="col-form-label">{{ 'Select fee'|trans }}  </label>
                <select class="form-control simpleSelect2" name="fe_fm_st_fe">
                    <option></option>
                    {% for fee in stu_fee %}
                        <option data-am="{{ fee.getAmount }}" data-name="{{ fee.name }}"
                                value="{{ fee.id }}">{{ fee.name }}</option>
                    {% endfor %}
                </select>
            </div>

            {# fee charge at #}
            <div class="col-xl-2 col-lg-2 col-md-2 col-xs-6">
                <label class="col-form-label">{{ 'Charge at'|trans }}  </label>
                <select class="form-control simpleSelect2" name="fe_chr_at">
                    <option value="a">{{ 'Admission' }}</option>
                    <option value="c">{{ 'custom' }}</option>
                </select>
            </div>

            {# generation date #}
            <div class="col-xl-2 col-lg-2 col-md-2 col-xs-6">
                <label class="col-form-label">{{ 'Generation date'|trans }}  </label>
                <input type="text" name="g__up_up" class="form-control r__q simpleDatePicker"
                       value="{{ 'now'|date('d-M-Y') }}"/>
            </div>

            {#                due date #}
            <div class="col-xl-2 col-lg-2 col-md-2 col-xs-6">
                <label class="col-form-label">{{ 'Fee Due after days?'|trans }}  </label>
                <input type="number" name="dd__up_up" class="form-control" value="0"/>
            </div>

            {#       last due date#}
            <div class="col-xl-2 col-lg-2 col-md-2 col-xs-6">
                <label class="col-form-label">{{ 'Fee Last due days? '|trans }}  </label>
                <input type="number" name="ld__up_up" class="form-control" value="10"/>
            </div>

            <div class="col-xl-2 col-lg-2 col-md-2 col-xs-6">
                <label class="col-form-label">&nbsp;</label>
                <br>
                <button type="button" class="btn-primary btn __a_d_selectd_fe">{{ 'Add fee'|trans }}</button>
            </div>

        </div>

    </div>
</div>

<span class="replaceAllContent">
    {# list from the classFee table #}
    <span class="c__fee_l">
        {% include "fee/load_fee_on_based_of_classes.html.twig"  with {'classFee':classFee} %}
    </span>

    {# tution fee#}
    {% include "fee/ClassFeeScheduler/ClassFeeSchedulerTutionFeeGenerater.html.twig" %}
</span>