tp_servicedesk/ui/views/ticket/index.html

<h1 class="title">Tickets</h1>
<include href="/ui/session/error.html">
<p><a class="button" href="/ticket/create">create ticket</a></p>
<hr>

<table class="table is-fullwidth is-bordered">
    <thead>
        <tr class="has-background-warning">
            <th>id</th><th>title</th>
            <th>status</th><th>priority</th><th>created_at</th>
            <th></th>
        </tr>
    </thead>

    <tbody>
        <repeat group="{{@tickets}}" value="{{@ticket}}">
            <tr>
                <td>{{@ticket.id}}</td>
                <td><a href="/ticket/{{@ticket.id}}">{{@ticket.title}}</a></td>
                <td><icons type="status">{{@ticket.status_name}}</icons></td>
                <td><icons type="priority">{{@ticket.priority_name}}</icons></td>
                <td>{{@ticket.created_at}}</td>
                <td>
                    <a class="button is-link is-small" href="/ticket/{{@ticket.id}}/edit">
                        <i class="fa fa-edit"></i></a>
                    <a class="button is-danger is-small" 
                        href="/ticket/{{@ticket.id}}/delete" 
                        onclick="return confirm('Are you sure you want to delete this ticket?');">
                        <i class="fa fa-trash-can"></i></a>
                </td>
            </tr>
        </repeat>
    </tbody>
</table>