{% extends 'superuser/base_superuser.html' %}

{% block title %}AI Models | ChatLab{% endblock %}
{% block superuser_active %}active{% endblock %}

{% block workspace %}
<div class="page-header">
    <div>
        <h2 class="page-title">AI Models</h2>
        <p class="page-subtitle">Manage provider models available to companies.</p>
    </div>
    <a href="{% url 'superuser_model_create' %}" class="btn btn-primary">Add AI Model</a>
</div>

<div class="glass-card" style="padding:1.5rem; margin-top:1rem;">
    {% if ai_models %}
        <div class="table-container">
            <table class="custom-table">
                <thead>
                    <tr>
                        <th>Display Name</th>
                        <th>Provider</th>
                        <th>Model ID</th>
                        <th>Created</th>
                        <th style="text-align:right;">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% regroup ai_models by provider as models_by_provider %}
                    {% for provider_group in models_by_provider %}
                        {% for m in provider_group.list %}
                            <tr>
                                <td style="font-weight:600;">{{ m.display_name }}</td>
                                <td><span style="background:rgba(99,102,241,0.2); padding:0.2rem 0.6rem; border-radius:3px; font-size:0.85rem;">{{ m.get_provider_display }}</span></td>
                                <td style="font-family:monospace; font-size:0.9rem; color:var(--text-muted);">{{ m.model_name }}</td>
                                <td style="color:var(--text-muted); font-size:0.9rem;">{{ m.created_at|date:"M d, Y" }}</td>
                                <td style="text-align:right;">
                                    <a href="{% url 'superuser_model_edit' m.pk %}" class="btn btn-secondary" style="padding:0.35rem 0.7rem; font-size:0.85rem;">Edit</a>
                                    <form method="post" action="{% url 'superuser_model_delete' m.pk %}" style="display:inline;" onsubmit="return confirm('Delete this model? Companies using it will need to choose another.');">
                                        {% csrf_token %}
                                        <button type="submit" class="btn btn-secondary" style="padding:0.35rem 0.7rem; font-size:0.85rem; color:var(--danger); margin-left:0.5rem;">Delete</button>
                                    </form>
                                </td>
                            </tr>
                        {% endfor %}
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% else %}
        <div style="text-align:center; color:var(--text-muted); padding:2rem;">No AI models defined yet.</div>
    {% endif %}
</div>
{% endblock %}