{% extends "django_kie/base_ui.html" %}

{% block content_ui %}
<div class="container-fluid m-0 p-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Document Types</h1>
        <a href="{% url 'django_kie:doctype_editor' %}" class="btn btn-primary">New Document Type</a>
    </div>
    <table class="table table-hover">
        <thead class="table-light">
            <tr>
                <th>Name</th>
                <th>Description</th>
                <th>Fields</th>
                <th>Versions</th>
                <th>Temperature</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for dt in document_types %}
            <tr>
                <td><a href="{% url 'django_kie:doctype_editor_edit' dt.pk %}">{{ dt.name }}</a></td>
                <td>{{ dt.description|default:""|truncatewords:20 }}</td>
                <td>{{ dt.document_fields.count }}</td>
                <td>{{ dt.document_type_versions.count }}</td>
                <td>{{ dt.temperature }}</td>
                <td class="text-end"><a href="{% url 'django_kie:doctype_editor_edit' dt.pk %}" class="btn btn-sm btn-outline-secondary">Edit</a></td>
            </tr>
            {% empty %}
            <tr><td colspan="6" class="text-muted text-center">No document types yet.</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}