{# USE in the class fee scheduler edit purpose. #}
<div class="kt-portlet" id="view____form">
    <!--begin::Form-->

    <div class="kt-portlet__body">

        {# session start and end date #}
        <div class="row">
            <h4 class="centerButton"> <small>{{ 'Session Duration' | trans }}:</small> <span class="sessionStartDate"></span></h4>
        </div>
        <hr>
        {# select tution fee #}
        <div class="row">

            {# tution fee #}
            <div class="col-xl-2 col-lg-2 col-md-2 col-xs-6">
                <label class="col-form-label">{{ 'Tution fee'|trans }} {{ requireSymbol|raw }} </label>
                <input type="number" class="form-control" name="tu__fe"/>
            </div>

            {# recurring interval #}
            <div class="col-xl-2 col-lg-2 col-md-2 col-xs-6">
                <label class="col-form-label">{{ 'Recurring interval'|trans }} {{ requireSymbol|raw }} </label>
                <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="r__i">
                    <option value="1">{{ '1 Month'|trans }}</option>
                    <option value="2">{{ '2 Month'|trans }}</option>
                    <option value="3">{{ '3 Month'|trans }}</option>
                    <option value="4">{{ '4 Month'|trans }}</option>
                    <option value="6">{{ '6 Month'|trans }}</option>
                    <option value="12">{{ '12 Month'|trans }}</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 }} {{ requireSymbol|raw }} </label>
                <input type="number" max="30" name="g__d_up" class="form-control r__q" value="1"/>
            </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="d__d_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="l_d__d_up" class="form-control" value="10"/>
            </div>

            {# submit button #}
            <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 btn-sm gene__fee_bt">{{ 'Generate'|trans }}</button>
            </div>
        </div>
    </div>
</div>

{#generated tuition fee#}
<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">
                    <tbody class="gen__tution_fee">

                    {% if FeeList is defined %}

                        {% for key,value in FeeList %}
                            {% if value.getClassFee is  empty and value.getStudentFee is empty %}
                                <tr id="mon___{{ value.id }}" data-target="{{ value.id }}">
                                    <td>
                                        <input type="hidden" name="admissionTime[]" value="0">
                                        <input type="hidden" name="CFS_r[]" class="form-control"
                                               value="{{ value.id }}"/>
                                        <input type="text" name="tie[]" class="form-control"
                                               value="{{ value.getTitle }}"/>
                                    </td>
                                    <td>
                                        <input type="text" name="am[]" class="form-control"
                                               value="{{ value.getAmount }}"/>
                                    </td>
                                    <td>
                                        <input type="text" name="gd[]" class="form-control simpleDatePicker"
                                               value="{{ date_format(value.getGenerationDate) }}"/>
                                    </td>
                                    <td>
                                        <input type="text" name="dd[]" class="form-control simpleDatePicker"
                                               value="{{ date_format(value.getDueDate) }}"/>
                                    </td>
                                    <td>
                                        <input type="text" name="ldd[]" class="form-control simpleDatePicker"
                                               value="{{ date_format(value.getLastDueDate) }}"/>
                                    </td>
                                    <td>
                                        <button data-ref="{{ value.id }}" type="button"
                                                class="btn-danger btn btn-sm rm_tu_fe_btm__FRMDB">{{ 'Remove' | trans }}</button>
                                    </td>
                                </tr>
                            {% endif %}
                        {% endfor %}

                    {% endif %}

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>