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

{% block title %}NPC's · dmtools{% endblock %}

{% block body %}
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="h3 mb-0">NPC's</h1>
    </div>

    <div class="card shadow-sm">
        <div class="card-body">
            <table class="table table-striped table-hover align-middle datatable w-100"
                   data-datatable-src="{{ path('app_npcs_data') }}"
                   data-row-url="{{ path('app_npcs') }}/__ID__"
                   data-datatable-options='{"order": [[0, "asc"]]}'>
                <thead>
                    <tr>
                        <th data-data="name" data-format="link">Name</th>
                        <th data-data="family">Family</th>
                        <th data-data="age">Age</th>
                        <th data-data="race">Race</th>
                        <th data-data="occupation">Occupation</th>
                        <th data-data="villageStatus">Village status</th>
                        <th data-data="bloodCartInvolvement">Blood cart</th>
                        <th data-data="mysteryImportance">Mystery</th>
                        <th data-data="gameNotes" data-format="truncate" data-orderable="false">Game notes</th>
                        <th data-data="updatedAt">Updated</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
{% endblock %}