{% extends "admin/base_site.html" %}
{% load i18n %}

{% block title %}{% trans "Chat Settings" %}{% endblock %}

{% block content %}
<h1>{% trans "Chat Settings" %}</h1>

{% if messages %}
  {% for message in messages %}
    <div class="alert alert-{{ message.tags }}">{{ message }}</div>
  {% endfor %}
{% endif %}

{# Tenant picker #}
<form method="get" style="margin-bottom:1.5rem;">
  <label for="tenant_id"><strong>{% trans "Tenant" %}:</strong></label>
  <select name="tenant_id" id="tenant_id" onchange="this.form.submit()" style="margin-left:.5rem;">
    {% for t in tenants %}
      <option value="{{ t.pk }}" {% if selected_tenant.pk == t.pk %}selected{% endif %}>{{ t.name }} ({{ t.slug }})</option>
    {% endfor %}
  </select>
</form>

{# Settings form #}
<form method="post" action="?{% if selected_tenant %}tenant_id={{ selected_tenant.pk }}{% endif %}">
  {% csrf_token %}
  <table class="form" style="width:100%;border-collapse:collapse;">
    <tbody>
      {% for field in form %}
        <tr>
          <th style="width:30%;padding:.5rem .75rem;text-align:left;vertical-align:top;">
            <label for="{{ field.id_for_label }}" style="font-weight:bold;font-size:.9rem;">{{ field.label }}</label>
            {% if field.help_text %}
              <br><span style="font-size:.8rem;color:#666;">{{ field.help_text }}</span>
            {% endif %}
          </th>
          <td style="padding:.5rem .75rem;">
            {{ field }}
            {% if field.errors %}
              <ul class="errorlist">{% for e in field.errors %}<li>{{ e }}</li>{% endfor %}</ul>
            {% endif %}
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
  <div style="margin-top:1rem;">
    <input type="submit" value="{% trans "Save" %}" class="default" style="padding:.5rem 1.5rem;font-size:1rem;">
  </div>
</form>
{% endblock %}