{% extends 'admin/base_admin.html' %}

{% block title %}Quick Types | ChatLab{% endblock %}
{% block admin_quicktype_active %}active{% endblock %}

{% block workspace %}
<div class="page-header">
    <div>
        <h2 class="page-title">Quick Types</h2>
        <p class="page-subtitle">Short canned snippets that agents and visitors can use.</p>
    </div>
    <a href="{% url 'admin_quicktype_create' %}" class="btn btn-primary">Add Quick Type</a>
</div>

<div class="glass-card" style="padding:1.5rem; margin-top:1rem;">
    {% if quicktypes %}
        <div class="table-container">
            <table class="custom-table">
                <thead>
                    <tr><th>Label</th><th>Created</th><th style="text-align:right;">Actions</th></tr>
                </thead>
                <tbody>
                    {% for q in quicktypes %}
                        <tr>
                            <td style="font-weight:600;">{{ q.label }}</td>
                            <td style="color:var(--text-muted); font-size:0.9rem;">{{ q.created_at|date:"M d, Y" }}</td>
                            <td style="text-align:right;">
                                <a href="{% url 'admin_quicktype_edit' q.pk %}" class="btn btn-secondary" style="padding:0.35rem 0.7rem;">Edit</a>
                                <form method="post" action="{% url 'admin_quicktype_delete' q.pk %}" style="display:inline;" onsubmit="return confirm('Delete this quick type?');">{% csrf_token %}<button class="btn btn-secondary" style="padding:0.35rem 0.7rem; margin-left:0.5rem; color:var(--danger);">Delete</button></form>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% else %}
        <div style="text-align:center; color:var(--text-muted); padding:2rem;">No quick types defined.</div>
    {% endif %}
</div>
{% endblock %}