{% extends '_include/base.html.twig' %}

{% block title %}Invoice Categories{% endblock %}

{% block breadcrumbs %}
    <nav aria-label="Breadcrumb">
        <ul class="breadcrumb__list">
            <li class="breadcrumb__item"><a href="{{ path('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb__item" aria-current="page">Invoice Category List</li>
        </ul>
    </nav>
{% endblock %}

{% block page_title %}Invoice Category List{% endblock %}

{% block page_actions %}
    <a href="{{ path('app_invoice_category_new') }}" class="btn btn--primary"><i class="fa fa-plus" aria-hidden="true"></i> New Invoice Category</a>
{% endblock %}

{% block content %}
    <div class="card">
        <div class="card__body">
            <table id="table" class="data-table">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Description</th>
                        <th>Invoice Type</th>
                        <th>Financial Classification</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for invoice_category in invoice_categories %}
                        <tr>
                            <td>{{ invoice_category.id }}</td>
                            <td>{{ invoice_category.name }}</td>
                            <td>{{ invoice_category.description }}</td>
                            <td>{{ invoice_category.invoiceType }}</td>
                            <td>{{ invoice_category.financialClassification }}</td>
                            <td class="align-center">
                                <div class="action-inline">
                                    <a href="{{ path('app_invoice_category_show', {'id': invoice_category.id}) }}"
                                       class="tone-info" title="Show">
                                        <i class="fa fa-search" aria-hidden="true"></i>
                                    </a>
                                    <a href="{{ path('app_invoice_category_edit', {'id': invoice_category.id}) }}"
                                       class="tone-warning" title="Edit">
                                        <i class="fa fa-edit" aria-hidden="true"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    {% else %}
                        <tr><td colspan="6" class="align-center tone-muted">No records found</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <link href="{{ asset('assets/lib/DataTables/datatables.min.css') }}" rel="stylesheet">
    <script src="{{ asset('assets/lib/DataTables/datatables.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            $('#table').DataTable();
        });
    </script>
{% endblock %}