{% extends parent_template %}

{% block title %}Phoenix - {% block insidetitle %}Dashboard{% endblock %}{% endblock %}

{% block head %}
    {{ parent() }}
    <!-- component css -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">

{% endblock %}

{% block body %}
    <div class="main" id="main-app-content">

        {#{% include 'App/Default/Panel/includes/header.include.html.twig' %}#}
        {#{% include 'App/Default/Panel/includes/menu.include.html.twig' %}#}

        <!-- START CONTENT -->
        <section id="content" class="content">
            <table id="ticket-reason">
                <thead>
                <tr>
                    <th>Id</th>
                    <th>Name</th>
                    <th>Description</th>
                    <th>Actions</th>
                </tr>
                </thead>

                <tbody>
                    <ul class="collection">
                        {% for reason in ticketReasonList %}
                            {% include 'FormForgeBundle:FormForgeReason:reason.list.table.html.twig' %}
                        {% endfor%}
                    </ul>
                </tbody>
            </table>
            <a href="{{ path('form_forge_new_reason') }}" class="btn">Create ticket</a>
        </section>

    </div>
{% endblock %}

{% block scripts %}
    {{ parent() }}
    {#<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>#}
    <script>
        $(document).ready( function () {
            $('#ticket-reason').DataTable();
        } );
    </script>
{% endblock %}