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

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

{% block body %}
    <h1 class="text-danger">Tax Rates</h1>
    <table class="table">
        <thead>
        <tr>
            <th>Year</th>
            {% for tax_authority in tax_authorities %}
                <th>{{ tax_authority.taxauthority }}</th>
            {% endfor %}
        </tr>
        </thead>
        <tbody>
        {% for year in years %}
            <tr>
                <td>{{ year.year }}</td>
                {% for tax_authority in tax_authorities %}
                    <td>
                        <a href="{{ path('tax_rates_edit',{id: payrollService.taxRateID(year.year,tax_authority.taxauthority)}  ) }}">
                            {{ payrollService.taxRatePerMonth(year.year,tax_authority.taxauthority) *100|number_format(3)}}%</a>
                    </td>
                {% endfor %}
            </tr>
        {% endfor %}
        </tbody>
        </table>

    <hr>

    <a class="btn btn-info" href="{{ path('tax_rates_new') }}">New</a>
{% endblock %}



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