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

{% set pagename = 'Sample Fees' | trans %}
{% set addBtnTitle = 'Add Sample Fee?' | trans %}
{% set addBtnLink = path('add_fee') %}

{% block MainContent %}
    <div class="alert alert-info" role="alert">
        <div class="alert-icon"><i class="flaticon-questions-circular-button"></i></div>
        <div class="alert-text">
            <div><b>{{ 'Info'|trans }}</b></div>
            These Fees are <b>Sample Fees</b>, The Fee can use as a reference while creating a Class.
            <br>
            Changes made in these Fees will <b>not effected</b> in Inherited Fees by Class.
        </div>
    </div>
    <span class="r__q__s" data-path="{{ path('requestHandler_student_fee') }}"></span>
    {% include "fee/list__of_fee.html.twig"  with {'feeList':feeList} %}
{% 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>Sample Fees?</b></h5>
    <br/>

    <div class="mb-3 accordion accordion-solid accordion-toggle-plus" id="accordionExample1">
        <div class="card">
            <div class="card-header" id="flow_div">
                <div class="card-title" data-toggle="collapse" data-target="#collapse_flow_div" aria-expanded="false"
                     aria-controls="collapseOne1">
                    Q1.  What are the Sample Fees ? (If you're new to Sample Fees, Please make sure you followed
                    these Setups)
                </div>
            </div>
            <div id="collapse_flow_div" class="collapse" aria-labelledby="flow_div" data-parent="#accordionExample1"
                 style="">
                <div class="card-body">
                    A1. <a target="_blank"
                           href="{{ path('secure_file_server', {'filePath'  : secure('fekara/media/help/ClassSubjectFlow.png')}) }}">See
                        Fig, To Check Flow</a>
                    <ul>
                        <li>Step 1 <b>{{ 'Define Grades'|trans }} </b><a target="_blank" href="{{ path('app_settings_assign_grade') }}">Complete Step 1</a></li>
                        <li>Step 2 <b>Add  {{ 'Sample Fees'|trans }} </b><a target="_blank" href="{{ path('add_fee') }}">Complete Step 2</a></li>
                        <li>Step 3 <b>Add  {{ 'Sample Subjects'|trans }} </b><a href="{{ path('add_subject') }}">Complete Step 3</a></li>
                        <li>Step 4 <b>Add  {{ 'Sample Classes'|trans }} </b><a href="{{ path('add_class') }}">Complete Step 4</a></li>
                        <li>Step 5 <b>Create  {{ 'Sessions / Batches'|trans }} </b><a href="{{ path('add_session') }}">Complete Step 5</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <h5><b>From where they are manage?</b></h5>
    <p>At this page you're viewing the List of {{ 'Sample Fees' | trans }}, which are currently in use by the Classes, In this Sample Fee List, you will see the following information:</p>
    <ul>
        <li><b>Fee Name</b></li>
        <li><b>Amount</b> - How much fee will be charged </li>
        <li><b>Charge At Admission</b> - There are two type of fees
            <ul>
                <li><b>Yes</b> - This fee will charge on Admission Time</li>
                <li><b>No</b> - This fee will charge on declare Time</li>
            </ul>
        </li>
        <li><b>Description</b> - Fee Description</li>
        <li><b>Action</b> - What we can do over the Sample Fee?
            <ul>
                <li>Edit the Sample Fee</li>
            </ul>
        </li>
    </ul>
    <p><b class="red-color-">All the above listed items can be change or remove by editing the Subject.</b></p>
{% endblock %}