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

{% block BeforeAnyCSSFile %}
    {% for file in encore_entry_css_files('select2__init') %}
        <link rel="stylesheet" href="{{ assetsBasePath~file }}">
    {% endfor %}
{% endblock %}

{% set pagename = 'Making Classes Fee' | trans %}

{% block MainContent %}

    <span class="r__q__s" data-path="{{ path('requestHandler_student_fee') }}"></span>
    <span class="r__q__s__th" data-path="{{ path('requestHandler_student_fee') }}"></span>
    <span class="class_fee_scheduler_route d-none" data-path="{{ path('class_fee_schedule') }}"></span>

    <form id="fee__schedule">
        {% include "fee/class_fee_schedule__content.html.twig"  with {'subjects':subjects,'classFee':classFee, 'classFeeSchedule':classFeeSchedule, 'classes':classes, 'stu_fee':stu_fee,'u_r':''} %}
    </form>
    <div class="kt-portlet">
        {# submit buttons #}
        <div class="kt-portlet__foot">
            <div class="kt-form__actions">
                <button type="button" class="btn-primary btn s__f_s">
                    {{ classFeeSchedule.id is empty ? 'Save fee schedule'|trans : 'Update fee schedule'|trans }}
                </button>

                {% if classFeeSchedule.id is not empty %}
                    <a href="{{ path('fee') }}" class="btn-default btn">
                        {{ 'Back to list'|trans }}
                    </a>
                {% endif %}
            </div>
        </div>

    </div>

{% endblock %}

{% block ExtraJsFIles %}
    {% for file in encore_entry_js_files('studentFee') %}
        <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}
{% endblock %}

{% block documentation %}
    <h5><b>Add/Editing Classes Fee?</b></h5>
    <br/>

    <p>From here we can create Class or Subject Fee, This page is divided into <b>5 Steps</b></p>
    <ul>
        <li><b>Select Class / Subject Dropdown / Add New Fee Section</b> - At some time you will see the Subject DropDown but at some time you will not.
            <br>
            As you remember, when you creating or updating a Class you select <b>Class Fee Type</b> so, It will take effects here, If Selected Class fee is Subject Wise then Subject Dropdown will loads,
            If Selected Class fee type is Class wise then Subject DropDown will hide.
        </li>
        <li><b>Attached Fees with the Selected Classes will Display at second Step</b>, If you want to attached another fee which is not is available in the Attached Fee Section, Please go to First Section and Click <b>Advance Option</b> & Select the Fee that you want to add. </li>
        <li><b>Add Recurring Fee</b> - Recurring will be re-occur in decided interval of time, Recurring Fee Section will ask?
            <ul>
                <li><b>Tuition Fee</b> -  This the fee which you've entered while add/editing a class. <a target="_blank" href="{{ path('secure_file_server', {'filePath': secure('/fekara/media/help/tuitionFeeAtSampleClass.png')}) }}">See Fig in Sample Class</a>
                    , <a target="_blank" href="{{ path('secure_file_server', {'filePath': secure('/fekara/media/help/tuitionFeeClass.png')}) }}">See Fig in Class</a>
                    <br>
                    If you wish to change tuition fee, you can change by simpling entering fee in the tuition fee box
                </li>
                <li> <b>Recurring Interval</b> - After how many month fee will generate and invoice sent to the Parents? </li>
                <li><b>Generation Date</b> - At which date of the Month, fee will generate? 1 Means, 1 date of the Month & 10 means, at 10 date of the Month</li>
                <li><b>Due Date</b> - At which Date this fee will be Due, in this box you will only write the number, the entered number will add into <b>Generation Date</b> & Create Due Date
                e.g if you wrote 2 in <b>Generation Date</b> & 4 in <b>Due Date</b> then at 1 date of Month fee will generate & at 6th date of the Month will be Due & Parents get notify </li>
                <li><b>Last Due Date</b> - Last Due is same as Due Date, Last Due date will add days into <b>Generation Date</b></li>
                <li><b>Generate Button</b> - Generate Button will generated related fees in the <b>4 Section</b></li>
            </ul>
        </li>
        <li><b>List of Recurring Fee</b> - Here you will find the list of {{ 'Recurring Fee'|trans }} with the Remove button at most right, which help to remove the fee or If you wish to change any single Recurring fee, amount, Date, Last Due Date or name you can do it  </li>
        <li><b>Save Fee Schedule</b> Button, Will save the all the listed fee into database & will generate alerts and Notifications</li>
    </ul>

{% endblock%}