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

{% block title %}{% if object %}Edit AI Model{% else %}Add AI Model{% endif %} | ChatLab{% endblock %}
{% block superuser_active %}active{% endblock %}

{% block workspace %}
<div class="page-header">
    <div>
        <h2 class="page-title">{% if object %}Edit AI Model{% else %}Add AI Model{% endif %}</h2>
        <p class="page-subtitle">Configure AI provider and model for companies to use.</p>
    </div>
    <a href="{% url 'superuser_model_list' %}" class="btn btn-secondary">← Back</a>
</div>

<div class="glass-card" style="padding:1.5rem; margin-top:1rem; max-width:600px;">
    <form method="post">
        {% csrf_token %}
        <div class="form-group">
            <label class="form-label">AI Provider</label>
            <select name="provider" class="form-input" required style="border-radius:0;">
                <option value="">-- Select Provider --</option>
                {% for val, label in provider_choices %}
                    <option value="{{ val }}" {% if object.provider == val %}selected{% endif %}>{{ label }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="form-group">
            <label class="form-label">Model ID</label>
            <input name="model_name" class="form-input" required style="border-radius:0;" placeholder="e.g., gpt-4o or gemini-2.0-flash" value="{% if object %}{{ object.model_name }}{% endif %}" />
            <span style="font-size:0.85rem; color:var(--text-muted);">Exact model identifier used by the API</span>
        </div>
        <div class="form-group">
            <label class="form-label">Display Name</label>
            <input name="display_name" class="form-input" required style="border-radius:0;" placeholder="e.g., GPT-4o or Gemini 2.0 Flash" value="{% if object %}{{ object.display_name }}{% endif %}" />
            <span style="font-size:0.85rem; color:var(--text-muted);">User-friendly name shown in dropdowns</span>
        </div>
        <div class="form-actions">
            <button class="btn btn-primary" type="submit">{% if object %}Update{% else %}Create{% endif %}</button>
            <a href="{% url 'superuser_model_list' %}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}