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

{% block title %}Payroll settings{% endblock %}

{% block body %}
    <h1 class="text-danger">Payroll settings</h1>
    <hr>

    <div class="row">
        <div class="col-4">
            <div class="border py-4">
                <ul>
                    <ul>EMPLOYERS</ul>
                    <ul><a href="{{ path('employer_index') }}">Employers</a></ul>
                    <ul><a href="{{ path('expense_category_index') }}">Expense categories</a></ul>
                    <ul><a href="{{ path('admin_import') }}">Import from xls</a></ul>
                </ul>
            </div>
        </div>

        <div class="col-4">
            <div class="border py-4">
                <ul>
                    <ul>TAXES</ul>
                    <ul><a href="{{ path('tax_rates_index') }}">Tax Rates</a></ul>
                    <ul><a href="{{ path('impot_tax_rates_index') }}">Impot Tax Rates</a></ul>
                    <ul> .</ul>
                </ul>
            </div>
        </div>

        <div class="col-4">
            <div class="border py-4">
                <ul>
                    <ul>SWISS RULES</ul>
                    <ul><a href="{{ path('nationality_index') }}">Nationalities</a></ul>
                    <ul><a href="{{ path('swiss_permits_index') }}">Swiss Permits</a></ul>
                    <ul> .</ul>
                </ul>
            </div>

        </div>
    </div>






{% endblock %}


{% block javascripts %}
    {{ parent() }}
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script src="https://npmcdn.com/flatpickr/dist/l10n/fr.js"></script>
    <script src="{{ asset('admin/js/AGS.js') }}"></script>




    {% include 'template_parts/_js_date_ranges.html.twig' %}
{% endblock javascripts %}

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