{#
load fee on base of the student Fee dropdown selection.
this is not loading fee on base of class name is wrong
#}
<div class="kt-portlet">
    <div class="kt-portlet__body">
        <div class="kt-section">
            <div class="kt-section__content">
                <table class="table table-striped table-bordered">

                    <thead>
                    <tr>
                        <th style="width: 20px">{{ 'Name'|trans }}</th>
                        <th>{{ 'Amount'|trans }}</th>
                        <th>{{ 'Charge At'|trans }}</th>
                        <th>{{ 'Generation date'|trans }}</th>
                        <th>{{ 'Due Date date'|trans }}</th>
                        <th>{{ 'Last due date'|trans }}</th>
                        <th>{{ '#'|trans }}</th>
                    </tr>
                    </thead>

                    <tbody class="load_fee_on_based_of_class">

                    {% for key,value in classFee %}
                        {# class fee reference #}
                        <input type="hidden" name="Cf_r[]" class="form-control" value="{{ value.id }}"/>
                        <input type="hidden" name="Sf_r[]" class="form-control"/>
                        <input type="hidden" name="am[]" class="form-control"/>
                        <input type="hidden" name="tie[]" class="form-control"
                               value="{{ value.fee is defined ? value.fee.name }} "/>

                        <tr class="s___f_tr_lst" id="tr__ref_{{ key }}">
                            {# fee name #}
                            <th scope="row">{{ value.fee is defined ? value.fee.name }}</th>

                            <td>
                                {{ value.amount is defined ? value.amount }}
                            </td>

                            {# charge at #}
                            <td>
                                {% if value.fee.getIsChargedAtAdmissionTime %}
                                    <input type="hidden" value="2" name="admissionTime[]">
                                    <span class="kt-badge kt-badge--success  kt-badge--inline kt-badge--pill">{{ 'Admission time' | trans }}</span>
                                {% else %}
                                    <input type="hidden" value="0" name="admissionTime[]">
                                    <span class="kt-badge kt-badge--danger  kt-badge--inline kt-badge--pill">{{ 'Custom time' | trans }}</span>
                                {% endif %}
                            </td>

                            {# generation date #}
                            <td>
                                {% if value.fee.getIsChargedAtAdmissionTime %}
                                    <input type="hidden" name="gd[]" class="form-control"/>
                                {% else %}
                                    <input type="text" name="gd[]" class="form-control simpleDatePicker"
                                           value="{{ 'now'|date('d-M-Y') }} "/>
                                {% endif %}
                            </td>

                            {# due date#}
                            <td>
                                {% if value.fee.getIsChargedAtAdmissionTime %}
                                    <input type="hidden" name="dd[]" class="form-control"/>
                                {% else %}
                                    <input type="text" name="dd[]" class="form-control simpleDatePicker"
                                           value="{{ 'now'|date('d-M-Y') }} "/>
                                {% endif %}
                            </td>

                            {# last due date #}
                            <td>
                                {% if value.fee.getIsChargedAtAdmissionTime %}
                                    <input type="hidden" name="ldd[]" class="form-control"/>
                                {% else %}
                                    <input type="text" name="ldd[]" class="form-control simpleDatePicker"
                                           value="{{ 'now'|date('d-M-Y') }} "/>
                                {% endif %}
                            </td>

                            <td>
                                <button data-ref="{{ key }}" type="button"
                                        class="btn btn-danger btn-sm rm_tu_fe">{{ 'remove'|trans }}</button>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>