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

{% block title %}Monitoring panelu Snapwear: {{ provider.name }}{% endblock %}

{% block app_content %}
{% include 'partials/_flash_messages.html.twig' %}
<div class="ops-page snapwear-monitoring">
    <section class="ops-hero">
        <div class="ops-hero__content">
            <span class="ops-kicker"><span class="ui-icon">monitor_heart</span>Dostawcy / Snapwear</span>
            <h1>Monitoring panelu</h1>
            <p>{{ provider.name }} · logowanie formularzowe, matching po danych kontaktowych i polling statusów.</p>
        </div>
        <div class="ops-hero__actions">
            <a class="button button--ghost" href="{{ path('app_provider_configure', {id: provider.id}) }}">Konfiguracja</a>
            <a class="button button--ghost" href="{{ path('app_provider_status_mapping', {id: provider.id}) }}">Mapowanie statusów</a>
        </div>
    </section>

    <section class="ops-stat-grid">
        <div class="ops-card">
            <small>Stan sesji</small>
            <strong>{{ session_state }}</strong>
            <span>Wygasa: {{ session and session.expiresAt ? session.expiresAt|date('d.m.Y H:i') : 'brak danych' }}</span>
        </div>
        <div class="ops-card">
            <small>Ostatnie logowanie</small>
            <strong>{{ session and session.lastLoginAt ? session.lastLoginAt|date('d.m.Y H:i') : 'nigdy' }}</strong>
            <span>Ostatni sukces: {{ session and session.lastSuccessAt ? session.lastSuccessAt|date('d.m.Y H:i') : 'brak' }}</span>
        </div>
        <div class="ops-card">
            <small>Powiązania</small>
            <strong>{{ counts.matched|default(0) + counts.manual|default(0) }}</strong>
            <span>unmatched {{ counts.unmatched|default(0) }} · conflict {{ counts.conflict|default(0) }} · ambiguous {{ counts.ambiguous|default(0) }}</span>
        </div>
    </section>

    {% if session and session.lastError %}
        <div class="ops-note ops-note--error">
            <span class="ui-icon">error</span>
            <p><strong>{{ session.lastErrorCode|default('panel_error') }}</strong> — {{ session.lastError }}</p>
        </div>
    {% endif %}

    {% if unrecognized_statuses %}
        <section class="ops-card">
            <h2>Nierozpoznane statusy</h2>
            <div class="ops-meta-line">
                {% for raw in unrecognized_statuses %}<span class="ops-status is-red">{{ raw }}</span>{% endfor %}
            </div>
        </section>
    {% endif %}

    {% if can_manage %}
        <section class="ops-layout ops-layout--main-aside">
            <article class="ops-card">
                <h2>Przypisz zamówienie Snapwear ręcznie</h2>
                <p>Numer, e-mail i telefon kandydatów są maskowane. Nazwisko, kwota i produkty nie tworzą automatycznego powiązania.</p>
                <form method="post" action="{{ path('app_provider_snapwear_monitoring_link', {id: provider.id}) }}" class="workflow-create-form">
                    <input type="hidden" name="_token" value="{{ csrf_token('snapwear_monitoring_link_' ~ provider.id) }}">
                    <label>ID realizacji
                        <input type="number" name="fulfillment_id" min="1" required>
                    </label>
                    <label>Numer zamówienia Snapwear
                        <input name="external_order_id" list="snapwear-candidates" required>
                    </label>
                    <datalist id="snapwear-candidates">
                        {% for candidate in links %}
                            {% if not candidate.fulfillment %}
                                <option value="{{ candidate.externalOrderId }}">
                                    {{ candidate.rawStatus ?: candidate.matchStatus }} · {{ candidate.rawSnapshotJson.contact_preview.email|default('e-mail —') }} · {{ candidate.rawSnapshotJson.contact_preview.phone|default('telefon —') }}
                                </option>
                            {% endif %}
                        {% endfor %}
                    </datalist>
                    <label><input type="checkbox" name="confirm" value="1" required> Potwierdzam ręczne przypisanie</label>
                    <button class="button button--primary">Przypisz ręcznie</button>
                </form>
            </article>

            <aside class="ops-card">
                <h2>Operacje panelu</h2>
                <form method="post" action="{{ path('app_provider_snapwear_monitoring_refresh_session', {id: provider.id}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('snapwear_monitoring_refresh_' ~ provider.id) }}">
                    <button class="button button--secondary">Odśwież sesję</button>
                </form>
                <hr>
                <form method="post" action="{{ path('app_provider_snapwear_monitoring_match', {id: provider.id}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('snapwear_monitoring_match_' ~ provider.id) }}">
                    <label>Limit realizacji<input type="number" name="limit" value="50" min="1" max="100"></label>
                    <label><input type="checkbox" name="force" value="1"> Pomiń harmonogram dla niepowiązanych</label>
                    <button class="button button--secondary">Spróbuj dopasować</button>
                </form>
                <hr>
                <form method="post" action="{{ path('app_provider_snapwear_monitoring_poll', {id: provider.id}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('snapwear_monitoring_poll_' ~ provider.id) }}">
                    <label>Limit<input type="number" name="limit" value="20" min="1" max="100"></label>
                    <label><input type="checkbox" name="force" value="1"> Pomiń nextCheckAt</label>
                    <button class="button button--secondary">Odśwież teraz</button>
                </form>
            </aside>
        </section>
    {% endif %}


    <section class="ops-card">
        <h2>Kolejka automatycznego matchingu</h2>
        <p class="ops-muted">Lista jest budowana lokalnie. Panel Snapwear zostanie odpytany dopiero, gdy termin „Następna próba” zostanie osiągnięty.</p>
        <div class="ops-table-wrap">
            <table class="ops-table">
                <thead>
                    <tr>
                        <th>Realizacja</th>
                        <th>Zamówienie</th>
                        <th>Dispatch</th>
                        <th>Stan matchingu</th>
                        <th>Próby</th>
                        <th>Ostatnia / następna próba</th>
                        <th>Wygaśnięcie / komunikat</th>
                    </tr>
                </thead>
                <tbody>
                {% for fulfillment in match_queue %}
                    <tr>
                        <td><a href="{{ path('app_fulfillment_show', {id: fulfillment.id}) }}">#{{ fulfillment.id }}</a></td>
                        <td>
                            {% if fulfillment.salesOrder %}
                                <a href="{{ path('app_sales_order_show', {id: fulfillment.salesOrder.id}) }}">{{ fulfillment.salesOrder.reference|default('#' ~ fulfillment.salesOrder.id) }}</a>
                            {% else %}—{% endif %}
                        </td>
                        <td>{{ fulfillment.dispatchedAt ? fulfillment.dispatchedAt|date('d.m.Y H:i') : '—' }}</td>
                        <td><strong>{{ fulfillment.providerMatchStatus }}</strong></td>
                        <td>{{ fulfillment.providerMatchAttempts }}</td>
                        <td>
                            Ostatnia: {{ fulfillment.providerLastMatchAt ? fulfillment.providerLastMatchAt|date('d.m.Y H:i') : '—' }}<br>
                            Następna: {{ fulfillment.providerNextMatchAt ? fulfillment.providerNextMatchAt|date('d.m.Y H:i') : 'zatrzymana' }}
                        </td>
                        <td>
                            {{ fulfillment.providerMatchExpiresAt ? fulfillment.providerMatchExpiresAt|date('d.m.Y H:i') : '—' }}<br>
                            <small>{{ fulfillment.providerMatchLastError ?: '—' }}</small>
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="7">Brak realizacji oczekujących na automatyczny matching.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>

    <section class="ops-card">
        <h2>Powiązania i kandydaci panelu</h2>
        <div class="ops-table-wrap">
            <table class="ops-table">
                <thead>
                    <tr>
                        <th>Numer Snapwear / realizacja</th>
                        <th>Status lokalny</th>
                        <th>Status Snapwear</th>
                        <th>Dopasowanie</th>
                        <th>Tracking</th>
                        <th>Sprawdzenia</th>
                        <th>Ostatni błąd</th>
                        <th>Akcje</th>
                    </tr>
                </thead>
                <tbody>
                {% for link in links %}
                    <tr>
                        <td>
                            <code>{{ link.externalOrderId }}</code><br>
                            {% if link.fulfillment %}
                                <a href="{{ path('app_fulfillment_show', {id: link.fulfillment.id}) }}">Realizacja #{{ link.fulfillment.id }}</a>
                            {% else %}
                                <small>Kandydat bez realizacji</small>
                            {% endif %}
                        </td>
                        <td>{{ link.fulfillment ? link.fulfillment.statusCode : '—' }}</td>
                        <td>{{ link.rawStatus ?: '—' }}</td>
                        <td>
                            <strong>{{ link.matchStatus }}</strong><br>
                            <small>{{ link.matchMethod ?: '—' }} · {{ link.matchConfidence ?: '—' }}</small>
                        </td>
                        <td>
                            {{ link.trackingNumber ?: '—' }}<br>
                            <small>{{ link.carrierName ?: link.carrierCode ?: '—' }}</small>
                        </td>
                        <td>
                            Ostatnie: {{ link.lastCheckedAt ? link.lastCheckedAt|date('d.m.Y H:i') : '—' }}<br>
                            Sukces: {{ link.lastSuccessfulCheckAt ? link.lastSuccessfulCheckAt|date('d.m.Y H:i') : '—' }}<br>
                            Następne: {{ link.nextCheckAt ? link.nextCheckAt|date('d.m.Y H:i') : '—' }}
                        </td>
                        <td>
                            {% if link.lastErrorCode %}<strong>{{ link.lastErrorCode }}</strong><br>{% endif %}
                            <small>{{ link.lastErrorMessage ?: '—' }}</small>
                        </td>
                        <td>
                            {% if can_manage and link.fulfillment %}
                                <form method="post" action="{{ path('app_provider_snapwear_monitoring_poll', {id: provider.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('snapwear_monitoring_poll_' ~ provider.id) }}">
                                    <input type="hidden" name="external_order_id" value="{{ link.externalOrderId }}">
                                    <input type="hidden" name="fulfillment_id" value="{{ link.fulfillment.id }}">
                                    <input type="hidden" name="force" value="1">
                                    <button class="button button--tiny">Odśwież teraz</button>
                                </form>
                                <a class="button button--tiny button--ghost" href="{{ path('app_fulfillment_show', {id: link.fulfillment.id}) }}">Pokaż historię statusów</a>
                                <form method="post" action="{{ path('app_provider_snapwear_monitoring_unlink', {id: provider.id}) }}" onsubmit="return confirm('Usunąć powiązanie? Historia statusów i przesyłek pozostanie zachowana.');">
                                    <input type="hidden" name="_token" value="{{ csrf_token('snapwear_monitoring_unlink_' ~ provider.id) }}">
                                    <input type="hidden" name="link_id" value="{{ link.id }}">
                                    <input type="hidden" name="confirm" value="1">
                                    <button class="button button--tiny button--danger">Usuń powiązanie</button>
                                </form>
                            {% else %}
                                —
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="8">Brak danych monitoringu Snapwear.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
</div>
{% endblock %}