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

{% block title %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}

{% block breadcrumbs %}
<div class="breadcrumbs">
  <a href="{% url 'admin:index' %}">{% trans "Home" %}</a>
  &rsaquo; <a href="{% url 'admin:django_admin_runner_registeredcommand_changelist' %}">{% trans "Commands" %}</a>
  &rsaquo; {{ command_name }}
</div>
{% endblock %}

{% block content %}
<div class="rounded-default border border-base-200 dark:border-base-700 overflow-hidden">

  {% if entry.group %}
  <div class="px-4 py-2.5 bg-base-50 dark:bg-base-800 border-b border-base-200 dark:border-base-700">
    <span class="font-semibold text-xs uppercase tracking-wider text-font-default-light dark:text-font-default-dark">
      {{ entry.group }}
    </span>
  </div>
  {% endif %}

  <div class="p-6">
    <form method="post" enctype="multipart/form-data">
      {% csrf_token %}

      {% if form.fields %}
        <div class="flex flex-col gap-5 mb-8 max-w-2xl">
          {% for field in form %}

          {% if field.widget_type == 'unfoldbooleanwidget' or field.widget_type == 'checkboxinput' %}
          {# ── Checkbox row ── #}
          <div>
            <div class="flex items-center gap-3 group {% if field.errors %}errors{% endif %}">
              {{ field }}
              <label for="{{ field.id_for_label }}"
                     class="font-semibold ml-2 text-sm text-font-important-light dark:text-font-important-dark cursor-pointer">
                {{ field.label }}
              </label>
            </div>
            {% if field.help_text %}
            <p class="mt-1 ml-9 text-xs text-font-default-light dark:text-font-default-dark">
              {{ field.help_text }}
            </p>
            {% endif %}
            {% if field.errors %}
            <ul class="mt-1 ml-9">
              {% for error in field.errors %}
              <li class="text-xs text-red-600 dark:text-red-400">{{ error }}</li>
              {% endfor %}
            </ul>
            {% endif %}
          </div>

          {% else %}
          {# ── Standard input / select ── #}
          <div class="group {% if field.errors %}errors{% endif %}">
            <label for="{{ field.id_for_label }}"
                   class="block font-semibold mb-2 text-sm text-font-important-light dark:text-font-important-dark">
              {{ field.label }}
            </label>
            {{ field }}
            {% if field.help_text %}
            <p class="mt-1 text-xs text-font-default-light dark:text-font-default-dark">
              {{ field.help_text }}
            </p>
            {% endif %}
            {% if field.errors %}
            <ul class="mt-1">
              {% for error in field.errors %}
              <li class="text-xs text-red-600 dark:text-red-400">{{ error }}</li>
              {% endfor %}
            </ul>
            {% endif %}
          </div>

          {% endif %}
          {% endfor %}
        </div>
      {% else %}
        <p class="text-sm text-font-default-light dark:text-font-default-dark mb-8">
          {% trans "This command has no configurable parameters." %}
        </p>
      {% endif %}

      <div class="flex items-center gap-4">
        <button type="submit"
                class="border cursor-pointer font-medium px-3 py-2 rounded-default text-center whitespace-nowrap bg-primary-600 border-transparent text-white text-sm hover:bg-primary-500 transition-colors">
          {% trans "Run command" %}
        </button>
        <a href="{% url 'admin:django_admin_runner_registeredcommand_changelist' %}"
           class="text-sm font-medium text-font-default-light dark:text-font-default-dark hover:text-primary-600 dark:hover:text-primary-400 transition-colors">
          {% trans "Cancel" %}
        </a>
      </div>

    </form>
  </div>

</div>
{% endblock %}