{% extends "_base.html" %}
{% set active_page = "schedules" %}
{% from "_partials/table.html" import styled_table, table_header, table_body, table_row %}

{% block title %}Schedules — TaskQ Admin{% endblock %}

{% block content %}
<h2 class="text-xl font-semibold tracking-tight mb-4">Cron Schedules</h2>

{% if error %}
<div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-3 text-sm mb-4 text-red-700 dark:text-red-300">{{ error }}</div>
{% endif %}

{% if not cron_installed %}
<div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-3 text-sm text-yellow-700 dark:text-yellow-300">{{ notice_text }}</div>
{% elif schedules %}
{% call styled_table() %}
    {{ table_header(["Actor", "Cron", "TZ", "Enabled", "Next Fire", "Last Fire", "Last Error", "Failures", "Actions"]) }}
    {% call table_body() %}
    {% for s in schedules %}
        {% call table_row() %}
            <td class="px-4 py-2.5 text-sm font-medium">{{ s.actor }}</td>
            <td class="px-4 py-2.5 text-xs font-mono bg-slate-100 dark:bg-slate-800 rounded px-1.5 py-0.5">{{ s.cron_expr }}</td>
            <td class="px-4 py-2.5 text-xs text-slate-500">{{ s.timezone }}</td>
            <td class="px-4 py-2.5">
                {% if s.enabled %}
                <span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300">
                    <span class="w-1.5 h-1.5 rounded-full bg-green-500"></span> On
                </span>
                {% else %}
                <span class="px-2 py-0.5 rounded-full text-xs font-medium bg-slate-100 text-slate-500 dark:bg-slate-700 dark:text-slate-400">Off</span>
                {% endif %}
            </td>
            <td class="px-4 py-2.5 text-xs text-slate-500 whitespace-nowrap">{{ s.next_fire_at }}</td>
            <td class="px-4 py-2.5 text-xs text-slate-500 whitespace-nowrap">{{ s.last_fired_at or "—" }}</td>
            <td class="px-4 py-2.5 text-xs text-slate-500 max-w-[180px] truncate" title="{{ s.last_fire_error or '' }}">{{ s.last_fire_error[:80] if s.last_fire_error else "—" }}</td>
            <td class="px-4 py-2.5">
                {% if s.consecutive_failures > 0 %}
                <span class="px-1.5 py-0.5 rounded text-xs font-medium bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300">{{ s.consecutive_failures }}</span>
                {% else %}
                <span class="text-xs text-slate-400">0</span>
                {% endif %}
            </td>
            <td class="px-4 py-2.5">
                <div class="flex gap-1">
                    {% if s.enabled %}
                    <form method="post" action="{{ base_path }}/schedules/{{ s.id }}/disable" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                        <button type="submit" class="px-2 py-1 text-xs font-medium border border-slate-300 dark:border-slate-600 rounded text-slate-600 dark:text-slate-400 hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Disable</button>
                    </form>
                    {% else %}
                    <form method="post" action="{{ base_path }}/schedules/{{ s.id }}/enable" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                        <button type="submit" class="px-2 py-1 text-xs font-medium bg-green-600 text-white rounded hover:bg-green-700 transition-colors">Enable</button>
                    </form>
                    {% endif %}
                    <form method="post" action="{{ base_path }}/schedules/{{ s.id }}/skip" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                        <button type="submit" class="px-2 py-1 text-xs font-medium border border-slate-300 dark:border-slate-600 rounded text-slate-600 dark:text-slate-400 hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors">Skip</button>
                    </form>
                    <form method="post" action="{{ base_path }}/schedules/{{ s.id }}/run" class="inline">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                        <button type="submit" class="px-2 py-1 text-xs font-medium bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors">Run</button>
                    </form>
                </div>
            </td>
        {% endcall %}
    {% endfor %}
    {% endcall %}
{% endcall %}
{% else %}
<div class="bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-lg p-12 text-center">
    <p class="text-slate-400 text-sm">No cron schedules configured.</p>
</div>
{% endif %}
{% endblock %}