{% 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 = 'Accounts List' | trans %}

{% block MainContent %}

    <span class="r__q__s" data-path="{{ path('requestHandler___accounts') }}"></span>

    <!--Begin::App-->
    <div class="kt-grid kt-grid--desktop kt-grid--ver kt-grid--ver-desktop kt-app">

        <!--Begin:: App Aside Mobile Toggle-->
        <button class="kt-app__aside-close" id="kt_user_profile_aside_close">
            <i class="la la-close"></i>
        </button>

        <!--End:: App Aside Mobile Toggle-->

        <!--Begin:: App Aside-->
        <!-- Add Category Section -->
        <div class="kt-grid__item kt-app__toggle kt-app__aside" id="kt_user_profile_aside">

            <!--begin:: Widgets/Applications/User/Profile1-->
            <div class="kt-portlet kt-portlet--height-fluid-">
                <div class="kt-portlet__head  kt-portlet__head--noborder">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">
                        </h3>
                    </div>
                </div>
                <div class="kt-portlet__body kt-portlet__body--fit-y">

                    <!--begin::Widget -->
                    <div class="kt-widget kt-widget--user-profile-1">
                        <div class="kt-widget__body">

                            <div class="kt-widget__items">

                                <form class="kt-form" id="a__ed__a_h" method="post">
                                    <input type="text" class="d-none" name="acc__rf">

                                    {# account name #}
                                    <div class="kt-portlet__head-label">
                                        <label class="col-form-label">{{ 'Name'|trans }} {{ requireSymbol|raw }} </label>
                                    </div>
                                    <input type="text" name="acc_n" class="form-control r__q">

                                    {# account description #}
                                    <div class="kt-portlet__head-label">
                                        <label class="col-form-label">{{ 'Description'|trans }} {{ requireSymbol|raw }} </label>
                                    </div>
                                    <textarea type="text" name="acc_de" class="form-control r__q"></textarea>

                                    {# account is defalut ?#}
                                    <div class="kt-portlet__head-label">
                                        <label class="col-form-label">{{ 'Is Default?'|trans }} </label>
                                    </div>
                                    <select name="acc_ID" class="form-control simpleSelect2">
                                        <option value="1">{{ 'No'|trans }}</option>
                                        <option value="2">{{ 'Yes'|trans }}</option>
                                    </select>

                                    {# account type ?#}
                                    <div class="kt-portlet__head-label">
                                        <label class="col-form-label">{{ 'Is Cash'|trans }} </label>
                                    </div>
                                    <select name="acc_ty" class="form-control simpleSelect2">
                                        <option value="2">{{ 'Yes'|trans }}</option>
                                        <option value="1">{{ 'No'|trans }}</option>
                                    </select>

                                    {# account is online ?#}
                                    <div class="kt-portlet__head-label">
                                        <label class="col-form-label">{{ 'Is Online'|trans }} </label>
                                    </div>
                                    <select name="acc_IO" class="form-control simpleSelect2">
                                        <option value="2">{{ 'Yes'|trans }}</option>
                                        <option value="1">{{ 'No'|trans }}</option>
                                    </select>

                                    <div class="kt-portlet__foot">
                                        <div class="kt-form__actions">
                                            <button type="button" class="btn-primary btn ef____dse" data-ref="a__ed__a_h" data-target="add__edit__accounts">
                                                <span class="ad___"> {{ 'Add Account'|trans }} </span>
                                                <span class="ed___ d-none"> {{ 'Update Account'|trans }} </span>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>

                        </div>
                    </div>

                    <!--end::Widget -->
                </div>
            </div>

            <!--end:: Widgets/Applications/User/Profile1-->
        </div>

        <!--End:: App Aside-->

        <!--Begin:: App Content-->
        <!-- List Categories Section -->
        <div class="kt-grid__item kt-grid__item--fluid kt-app__content">
            <div class="tab-content">
                <div class="tab-pane main__tab active">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="kt-portlet">
                                <div class="kt-portlet__head">
                                    <div class="kt-portlet__head-label">
                                        <h3 class="kt-portlet__head-title">{{ 'Accounts'|trans }}
                                        </h3>
                                    </div>
                                </div>
                                <div class="kt-portlet__body">
                                    <div class="kt-section">
                                        <div class="kt-section__content">
                                            <table class="table table-striped table-bordered">
                                                <thead>
                                                <tr>
                                                    <th>{{ 'Name'|trans }}</th>
                                                    <th>{{ 'Is default'|trans }}</th>
                                                    <th>{{ 'Cash '|trans }}</th>
                                                    <th>{{ 'Is Online'|trans }}</th>
                                                    <th>{{ 'Description'|trans }}</th>
                                                    <th>{{ 'Action'|trans }}</th>
                                                </tr>
                                                </thead>
                                                <tbody id="inv___s_____l___t">
                                                {% include "accounts/accounts_list_view.html.twig"  with {'account__list':account__list} %}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


{% endblock %}

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

{% block documentation %}
    <h5><b>Accounts List?</b></h5>
    <p>Sometimes, Schools have more than one payment methods, so from here we keep track about all accounts number, some accounts are specially use for the fee Submission, some of them are using
        <br>
        to Pay Teachers fees, some of them are using to transfer funds or Receive funds and etc.
        <br>
        At right side, you will see the list of all Accounts Number at left side you can add new Account Number.
    </p>

    <h5><b>How to add Account?</b></h5>
    <p> To add an account we need following information:</p>
    <ul>
        <li><b>Name</b> - account name</li>
        <li><b>Description</b> - purpose of the account</li>
        <li><b>Is Default</b> - is this default account, remember, only one account can be default at one time</li>
        <li><b>Is Cash</b> - is this account is using online or cash</li>
        <li><b>Is Online</b> - is this account is using online?</li>
    </ul>

    <p>At right side, we will see all following information, which are being added. To Edit the Account go the right column of the table</p>
{% endblock %}