{% extends "base.html" %}
{% block contenido %}
<nav aria-label="breadcrumb">
  <ol class="breadcrumb lh-sm">
    <li class="breadcrumb-item"><a href="{{ url_for('admin.admin_') }}" class="link-dark">{{ _("Configuración") }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ _("Idioma del sistema") }}</li>
  </ol>
</nav>

<div class="ca-page-header">
  <h4><i class="bi bi-translate me-2" style="color:#78BF30"></i>{{ _("Idioma del Sistema") }}</h4>
  <p class="text-muted mb-0">{{ _("Configure el idioma predeterminado global para todos los usuarios y la organización.") }}</p>
</div>

<form method="post" class="ca-card p-3 col-12 col-md-6 mt-3">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

  <div class="mb-3">
    <label for="language" class="form-label">{{ _("Idioma predeterminado") }}</label>
    <select class="form-select form-select-sm" id="language" name="language" required>
      {% for code, label in language_choices %}
        <option value="{{ code }}" {% if code == current_language %}selected{% endif %}>{{ label }} ({{ code }})</option>
      {% endfor %}
    </select>
    <div class="form-text">{{ _("Los usuarios individuales pueden sobreescribir esta preferencia desde su perfil.") }}</div>
  </div>

  <div class="d-flex gap-2">
    <button type="submit" class="btn btn-primary btn-sm">{{ _("Guardar") }}</button>
    <a href="{{ url_for('admin.admin_') }}" class="btn btn-outline-secondary btn-sm">{{ _("Cancelar") }}</a>
  </div>
</form>
{% endblock %}