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

{% block title %}{% trans "Run Management Commands" %} | {{ site_title|default:_('Django site admin') }}{% endblock %}

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

{% block content %}
<div class="flex flex-col gap-5">
  {% if grouped_commands %}
    {% for group_name, commands in grouped_commands.items %}
    <div class="rounded-default border border-base-200 dark:border-base-700 overflow-hidden">
      <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">
          {{ group_name }}
        </span>
      </div>
      <div class="divide-y divide-base-100 dark:divide-base-700">
        {% for cmd in commands %}
        <div class="flex items-center justify-between px-4 py-3 bg-white dark:bg-base-900">
          <div>
            <p class="font-semibold text-sm text-font-important-light dark:text-font-important-dark">
              <a href="{% url 'admin:django_admin_runner_command_run' cmd.name %}" class="hover:text-primary-600 dark:hover:text-primary-400 transition-colors">{{ cmd.name }}</a>
            </p>
            {% if cmd.command_class.help %}
            <p class="text-xs text-font-default-light dark:text-font-default-dark mt-0.5">
              {{ cmd.command_class.help }}
            </p>
            {% endif %}
          </div>
          <div class="flex items-center gap-2">
            <a href="{% url 'admin:django_admin_runner_commandexecution_changelist' %}?command_name={{ cmd.name }}"
               class="border cursor-pointer font-medium px-3 py-2 rounded-default text-center whitespace-nowrap bg-transparent border-base-300 dark:border-base-600 text-font-important-light dark:text-font-important-dark text-sm hover:bg-base-100 dark:hover:bg-base-800 transition-colors">
              {% trans "History" %}
            </a>
            <a href="{% url 'admin:django_admin_runner_command_run' cmd.name %}"
               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" %}
            </a>
          </div>
        </div>
        {% endfor %}
      </div>
    </div>
    {% endfor %}
  {% else %}
    <p class="text-sm text-font-default-light dark:text-font-default-dark">
      {% trans "No commands registered." %}
    </p>
  {% endif %}
</div>
{% endblock %}