{% extends "base.html.twig" %}
{% set pagename = 'Sample Fees' | trans %}
{% 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>
    <!--begin::Portlet-->
    <div class="kt-portlet" id="view____form">
        {% set colsClass = 'col-xl-4 col-lg-4 col-md-4 col-xs-6' %}
        <!--begin::Form-->
        <form class="kt-form" id="fee__form">
            {# form input elements #}
            <div class="kt-portlet__body">

                <input type="hidden" name="___rand__f" value="{{ studentFee.id }}" id="adding_section_to_customField">
                {#  Recurring #}
                <input type="hidden" name="recurring" value="off">

                <div class="row">
                    {# fee name #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Fee name'|trans }} {{ requireSymbol|raw }} </label>
                        <input type="text" name="name" class="form-control r__q" placeholder="{{ 'Fee name'|trans }}"
                               value="{{ studentFee.name }}" required="required" maxlength="50">
                    </div>

                    {# fee amount #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Amount'|trans }} {{ requireSymbol|raw }}  </label>
                        <input type="text" pattern="\d*" name="amount" class="form-control"
                               placeholder="{{ 'amount should be in digits'|trans }}" value="{{ studentFee.amount }}"
                               maxlength="6" required="required">
                    </div>

                    {#                    <div class="{{ colsClass }}">#}
                    {#                        <label class="col-form-label">{{ 'Recurring'|trans }} {{ requireSymbol |raw }} </label>#}
                    {#                        <div class="col-form-label">#}
                    {#                            <label class="kt-radio kt-radio--bold kt-radio--brand">#}
                    {#                                <input type="radio" name="recurring" value="on" {{ studentFee.recurring ? "" : "checked='checked'" }} > {{ 'Yes' |trans }}#}
                    {#                                <span></span>#}
                    {#                            </label>#}
                    {#                            &nbsp;&nbsp;#}
                    {#                            <label class="kt-radio kt-radio--bold kt-radio--brand">#}
                    {#                                <input type="radio" name="recurring" value="off" {{ studentFee.recurring ? "checked='checked' " : "" }}> {{ 'No' |trans }}#}
                    {#                                <span></span>#}
                    {#                            </label>#}
                    {#                        </div>#}
                    {#                    </div>#}

                    {#  Charge at #}
                    {# 1 mens adminssion time#}
                    {# 0 mens custom time #}
                    <div class="{{ colsClass }}">
                        <label class="col-form-label">{{ 'Charge at'|trans }}  </label>
                        <div class="col-form-label">
                            <label class="kt-checkbox kt-checkbox--bold kt-checkbox--brand">
                                <input type="checkbox" name="charge_atAd"
                                       value="2" {{ studentFee.getIsChargedAtAdmissionTime ? "checked='checked'" : "" }} > {{ 'Admission time?' |trans }}
                                <span></span>
                            </label>
                            {#                        <label class="kt-radio kt-radio--bold kt-radio--brand">#}
                            {#                            <input type="checkbox" name="charge_atAd" value="2" {{ studentFee.getIsChargedAtAdmissionTime ? "" : "checked='checked'" }} > {{ 'Admission time?' |trans }}#}
                            {#                            <span></span>#}
                            {#                        </label>#}
                            {#                        &nbsp;&nbsp;#}
                            {#                        <label class="kt-radio kt-radio--bold kt-radio--brand">#}
                            {#                            <input type="radio" name="charge_atAd" value="0" {{ studentFee.getIsChargedAtAdmissionTime ? "checked='checked' " : "" }}> {{ 'Custom' |trans }}#}
                            {#                            <span></span>#}
                            {#                        </label>#}
                        </div>
                    </div>

                    {# Fee #}
                    <div class="col-xl-12 col-lg-12 col-md-12 col-xs-12">
                        <label class="col-form-label">{{ 'Fee description'|trans }}  </label>
                        <input name="fee_details" class="form-control" placeholder="{{ 'Fee description'|trans }}"
                               value="{{ studentFee.description }}" maxlength="255"/>
                    </div>

                </div>

            </div>

            {# submit buttons #}
            <div class="kt-portlet__foot">
                <div class="kt-form__actions">
                    <button type="submit" class="btn-primary btn">
                        {{ studentFee.id is empty ? 'Add Sample Fee'|trans : 'Update Sample Fee'|trans }}
                    </button>

                    <a href="{{ path('fee') }}" class="btn-default btn">
                        {{ 'Back to list'|trans }}
                    </a>
                </div>
            </div>
        </form>
    </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 Sample Fee?</b></h5>
    <p>When you editing a Sample Fee, you will see all related information attached to Sample Fee</p>
    <ul>
        <li> <b>Name</b> e.g Books Fee, Hair Cut Fee </li>
        <li> <b>Amount</b> How much fee will Charge </li>
        <li><b>Charge At</b> - Its means when fee will Charge, If we check the box It will charge on Admission time neither it will charge on Custom time</li>
        <li><b>Fee Description </b> - Purpose of fee or Detail about the fee</li>
    </ul>
{% endblock %}