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

{% block title %}Statusy workflow | micey-projects{% endblock %}

{% block app_content %}
{% include 'partials/_flash_messages.html.twig' %}
<div class="ops-page workflow-settings">
    <section class="ops-hero">
        <div class="ops-hero__content">
            <span class="ops-kicker"><span class="ui-icon">conversion_path</span>Ustawienia</span>
            <h1>Statusy workflow</h1>
            <p>Kody i etapy systemowe są stabilne technicznie. Interfejs pokazuje edytowalne etykiety, kolory i ikony.</p>
        </div>
    </section>

    <nav class="workflow-tabs" aria-label="Zakres statusów">
        {% for scopeCode, scopeLabel in scopes %}
            <a class="{{ scope == scopeCode ? 'is-active' : '' }}" href="{{ path('app_workflow_statuses', {scope: scopeCode}) }}">{{ scopeLabel }}</a>
        {% endfor %}
    </nav>

    <section class="ops-card">
        <div class="ops-table-wrap">
            <table class="ops-table workflow-status-table">
                <thead>
                    <tr>
                        <th>Kod / etap</th>
                        <th>Etykieta i wygląd</th>
                        <th>Reguły</th>
                        <th>Użycia</th>
                        <th>Akcje</th>
                    </tr>
                </thead>
                <tbody>
                {% for row in rows %}
                    {% set item = row.status %}
                    {% set editFormId = 'workflow-status-edit-' ~ item.id %}
                    <tr>
                        <td>
                            <code>{{ item.code }}</code>
                            <small>{{ item.systemStage }}</small>
                            {% if row.required %}<span class="ops-chip">wymagany</span>{% endif %}
                        </td>
                        <td>
                            {% include 'status/_badge.html.twig' with {status: item} only %}
                            {% if can_manage %}
                                <input form="{{ editFormId }}" name="label" value="{{ item.label }}" maxlength="190" required>
                                <select form="{{ editFormId }}" name="color_class">
                                    {% for color in colors %}<option value="{{ color }}" {{ item.colorClass == color ? 'selected' : '' }}>{{ color }}</option>{% endfor %}
                                </select>
                                <select form="{{ editFormId }}" name="icon">
                                    {% for icon in icons %}<option value="{{ icon }}" {{ item.icon == icon ? 'selected' : '' }}>{{ icon }}</option>{% endfor %}
                                </select>
                                <input form="{{ editFormId }}" type="number" name="sort_order" value="{{ item.sortOrder }}" min="0" max="100000">
                            {% endif %}
                        </td>
                        <td>
                            {% if can_manage %}
                                {% if row.required %}<input form="{{ editFormId }}" type="hidden" name="active" value="1">{% endif %}
                                <label><input form="{{ editFormId }}" type="checkbox" name="active" value="1" {{ item.active ? 'checked' : '' }} {{ row.required ? 'disabled' : '' }}> aktywny</label>
                                <label><input form="{{ editFormId }}" type="checkbox" name="terminal" value="1" {{ item.terminal ? 'checked' : '' }} {{ row.required ? 'disabled' : '' }}> terminalny</label>
                                <label><input form="{{ editFormId }}" type="checkbox" name="blocks_automation" value="1" {{ item.blocksAutomation ? 'checked' : '' }} {{ row.required ? 'disabled' : '' }}> blokuje automatykę</label>
                            {% else %}
                                <span>{{ item.active ? 'aktywny' : 'wyłączony' }}</span>
                                {% if item.terminal %}<span class="ops-chip">terminalny</span>{% endif %}
                                {% if item.blocksAutomation %}<span class="ops-chip">blokuje automatykę</span>{% endif %}
                            {% endif %}
                        </td>
                        <td>
                            <strong>{{ row.usage.total }}</strong>
                            <small>bieżące: {{ row.usage.current }}, historia: {{ row.usage.history }}, mappingi: {{ row.usage.mappings }}</small>
                        </td>
                        <td>
                            {% if can_manage %}
                                <form id="{{ editFormId }}" method="post" action="{{ path('app_workflow_status_update', {id: item.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('workflow_status_update_' ~ item.id) }}">
                                </form>
                                <button class="button button--small button--secondary" type="submit" form="{{ editFormId }}">Zapisz</button>
                                {% if row.can_delete %}
                                    <form method="post" action="{{ path('app_workflow_status_delete', {id: item.id}) }}">
                                        <input type="hidden" name="_token" value="{{ csrf_token('workflow_status_delete_' ~ item.id) }}">
                                        <button class="button button--small button--danger" type="submit">Usuń</button>
                                    </form>
                                {% endif %}
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="5">Uruchom <code>php bin/console app:workflow:install-default-statuses</code>.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>

    {% if can_manage %}
        <section class="ops-card">
            <div class="ops-card__head">
                <h2>Dodaj status użytkownika</h2>
                <p>Nowy kod pozostaje niezmienny i wskazuje istniejący etap systemowy.</p>
            </div>
            <form method="post" action="{{ path('app_workflow_status_create') }}" class="workflow-create-form">
                <input type="hidden" name="_token" value="{{ csrf_token('workflow_status_create_' ~ scope) }}">
                <input type="hidden" name="scope" value="{{ scope }}">
                <label>Kod<input name="code" pattern="[a-z0-9][a-z0-9_-]{0,79}" required></label>
                <label>Etykieta<input name="label" maxlength="190" required></label>
                <label>Etap systemowy<select name="system_stage">{% for stage in system_stages %}<option value="{{ stage }}">{{ stage }}</option>{% endfor %}</select></label>
                <label>Kolor<select name="color_class">{% for color in colors %}<option value="{{ color }}">{{ color }}</option>{% endfor %}</select></label>
                <label>Ikona<select name="icon">{% for icon in icons %}<option value="{{ icon }}">{{ icon }}</option>{% endfor %}</select></label>
                <label>Kolejność<input type="number" name="sort_order" value="500" min="0" max="100000"></label>
                <label><input type="checkbox" name="active" value="1" checked> Aktywny</label>
                <label><input type="checkbox" name="terminal" value="1"> Terminalny</label>
                <label><input type="checkbox" name="blocks_automation" value="1"> Blokuje automatykę</label>
                <button class="button button--primary" type="submit">Dodaj status</button>
            </form>
        </section>
    {% endif %}
</div>
{% endblock %}