{% extends 'layouts/app.html.twig' %}

{% block title %}CRON | Ustawienia | micey-projects{% endblock %}

{% block app_content %}
    {% include 'partials/_flash_messages.html.twig' %}

    <section class="panel panel--hero">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">Ustawienia</p>
                <h2 class="panel__title">CRON i zadania cykliczne</h2>
                <p class="panel__text">
                    Uruchamiaj ręcznie te same procesy, które standardowo wykonuje harmonogram serwera.
                    Każde zadanie zachowuje swój własny lock, limit i ochronę przed równoległym wykonaniem.
                </p>
            </div>
            <form
                method="post"
                action="{{ path('app_settings_cron_run_all') }}"
                data-turbo-confirm="Uruchomić po kolei wszystkie automatyczne zadania? Operacja nie uruchamia ręcznego testu sesji Snapwear, ale może wykonać realne synchronizacje oraz wysyłki."
            >
                <input type="hidden" name="_token" value="{{ csrf_token('settings_cron_run_all') }}">
                <button type="submit" class="button button--primary">
                    <span class="ui-icon" aria-hidden="true">playlist_play</span>
                    Uruchom wszystkie
                </button>
            </form>
        </div>
    </section>

    <section class="panel">
        <div class="presta-warning-box">
            <strong>Ważne:</strong> ręczne uruchamianie nie zastępuje prawidłowo skonfigurowanych zadań CRON na serwerze.
            Przyciski wykonują rzeczywiste operacje, nie tryb testowy. Jeżeli proces działa już w tle, jego lock powinien
            bezpiecznie zablokować drugie wykonanie.
        </div>
    </section>

    <section class="panel">
        <div class="panel__header">
            <div>
                <p class="panel__eyebrow">Procesy automatyczne</p>
                <h2 class="panel__title">Dostępne zadania</h2>
                <p class="panel__text">Każde zadanie korzysta ze stałych, bezpiecznych parametrów zgodnych z konfiguracją produkcyjną.</p>
            </div>
        </div>

        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px;">
            {% for task in cron_tasks %}
                <article style="display:flex;flex-direction:column;gap:14px;border:1px solid var(--border-color, #dfe3ea);border-radius:12px;padding:18px;background:#fff;">
                    <div style="display:flex;align-items:flex-start;gap:12px;">
                        <span class="ui-icon" aria-hidden="true" style="font-size:28px;">{{ task.icon }}</span>
                        <div>
                            <h3 style="margin:0 0 6px;font-size:17px;">{{ task.name }}</h3>
                            <p class="panel__text" style="margin:0;">{{ task.description }}</p>
                        </div>
                    </div>

                    {% if not task.includeInBulk %}
                        <span class="status-badge status-badge--warning" style="align-self:flex-start;">Tylko ręcznie</span>
                    {% endif %}

                    <div style="display:grid;gap:7px;font-size:13px;">
                        <div><strong>Zalecana częstotliwość:</strong> {{ task.recommendedSchedule }}</div>
                        <code style="display:block;overflow-wrap:anywhere;padding:10px;border-radius:8px;background:#f5f7fa;">{{ task.displayCommand }}</code>
                    </div>

                    <form
                        method="post"
                        action="{{ path('app_settings_cron_run', {taskKey: task.key}) }}"
                        data-turbo-confirm="Uruchomić teraz zadanie: {{ task.name|e('html_attr') }}?"
                        style="margin-top:auto;"
                    >
                        <input type="hidden" name="_token" value="{{ csrf_token('settings_cron_run_' ~ task.key) }}">
                        <button type="submit" class="button button--secondary" style="width:100%;justify-content:center;">
                            <span class="ui-icon" aria-hidden="true">play_arrow</span>
                            Uruchom teraz
                        </button>
                    </form>
                </article>
            {% endfor %}
        </div>
    </section>

    {% if cron_results is not empty %}
        <section class="panel">
            <div class="panel__header">
                <div>
                    <p class="panel__eyebrow">Ostatnie wykonanie</p>
                    <h2 class="panel__title">Wyniki zadań</h2>
                    <p class="panel__text">Wynik jest dostępny po ostatnim ręcznym uruchomieniu i znika po kolejnym odświeżeniu strony.</p>
                </div>
            </div>

            <div style="display:grid;gap:14px;">
                {% for result in cron_results %}
                    <details style="border:1px solid {{ result.successful ? '#b8dcc5' : '#efb4b4' }};border-radius:10px;background:#fff;" {{ not result.successful ? 'open' : '' }}>
                        <summary style="display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:14px 16px;">
                            <span>
                                <strong>{{ result.name }}</strong><br>
                                <small>{{ result.finished_at }} · {{ result.duration_ms }} ms · exit {{ result.exit_code }}</small>
                            </span>
                            <span class="status-badge {{ result.successful ? 'status-badge--success' : 'status-badge--failed' }}">
                                {{ result.successful ? 'Sukces' : 'Błąd' }}
                            </span>
                        </summary>
                        <div style="padding:0 16px 16px;">
                            <code style="display:block;margin-bottom:10px;overflow-wrap:anywhere;">{{ result.command }}</code>
                            <pre style="max-height:460px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0;padding:14px;border-radius:8px;background:#111827;color:#e5e7eb;font-size:12px;line-height:1.55;">{{ result.output }}</pre>
                        </div>
                    </details>
                {% endfor %}
            </div>
        </section>
    {% endif %}
{% endblock %}