{% extends 'base_admin.html.twig' %}

{% block title %}Impot Tax Rates{% endblock %}

{% block body %}
    <h1 class="text-danger">Impot Tax Rates</h1>
    {% for year in years %}
        <button class="btn btn-success ImpotButtons" data="{{ year.year }}">{{ year.year }}</button>
    {% endfor %}
    <button id="ImpotButtonsAll" class="btn btn-success">All</button>
    <br> <br>

    {% for year in years %}

        <table class="table mb-3" id={{ year.year }}>
            <thead>
            <tr>
                <th>Year</th>
                <th>Salary Lower Bound</th>
                <th>Salary Upper Bound</th>
                {% for classification in classifications %}
                    <th>{{ classification.impotClassification }}</th>
                {% endfor %}
            </tr>
            </thead>
            <tbody>
            {% for impot_tax_rate in impot_tax_rates %}
                {% if year.year == impot_tax_rate.year %}
                    <tr>
                        <td>{{ impot_tax_rate.year }}</td>
                        <td>{{ impot_tax_rate.salaryLowerBound|number_format(0) }}</td>
                        <td>{{ impot_tax_rate.salaryUpperBound|number_format(0) }}</td>
                        {% for classification in classifications %}
                            <td>
                                {% if payrollService.impotTaxRate(impot_tax_rate.year,classification.impotClassification ,impot_tax_rate.salaryLowerBound) != "NA" %}
                                    <a href="{{ path('impot_tax_rates_edit',{id: payrollService.impotTaxRateID(impot_tax_rate.year,classification.impotClassification ,impot_tax_rate.salaryLowerBound)}) }}"> {{ (payrollService.impotTaxRate(impot_tax_rate.year,classification.impotClassification ,impot_tax_rate.salaryLowerBound)*100 )|number_format(3) }}%</a>
                                {% else %}  N/A
                                {% endif %}
                            </td>
                        {% endfor %}
                    </tr>
                {% else %}
                {% endif %}
            {% endfor %}
            </tbody>
        </table>
    {% endfor %}
    <a class="btn btn-success" href="{{ path('impot_tax_rates_new') }}">New</a>
{% endblock %}





{% block datatable %}
    <script>
        $('.ImpotButtons').click(function(){
            var getData=$(this).attr('data');
            $('table').hide();
            $('#'+getData).show();
        });
        $('#ImpotButtonsAll').click(function () {
            $('table').show();
        });

    </script>

    <script>
        $(document).ready(function () {
            $('.table').DataTable({
                'pageLength': 100,
                "order": [[0, 'asc'], [1, 'asc']],
                "paging": false,
                "searching": false,
                "bInfo": false
            });
        });
    </script>
{% endblock datatable %}