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

{% block title %}Expense Categories{% endblock %}

{% block body %}
    <h1 class="text-danger">Expense Categories</h1>

    <table class="table">
        <thead>
        <tr>
            <th>Name</th>
            <th>Slug</th>
            <th>actions</th>
        </tr>
        </thead>
        <tbody>
        {% for expense_category in expense_categories %}
            <tr>
                <td>{{ expense_category.name }}</td>
                <td>{{ expense_category.slug }}</td>
                <td>
                    <a class="btn btn-outline-danger" href="{{ path('expense_category_edit', {'id': expense_category.id}) }}">Edit</a>
                </td>
            </tr>

        {% endfor %}
        </tbody>
    </table>
    <br>
    <a class="btn btn-outline-success" href="{{ path('expense_category_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 %}