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

{% block title %}Mapowania przewoźników | micey-projects{% endblock %}

{% block app_content %}
{% include 'partials/_flash_messages.html.twig' %}
<div class="ops-page carrier-mapping-page">
    <section class="ops-hero"><div class="ops-hero__content"><span class="ops-kicker"><span class="ui-icon">local_shipping</span>Ustawienia</span><h1>Mapowania statusów przewoźników</h1><p>Dokładny kod ma pierwszeństwo przed dokładną etykietą. Niższy priorytet wygrywa. Dopasowanie części tekstu nie jest wykonywane.</p></div></section>

    <section class="ops-card">
        <div class="ops-card__head ops-card__head--actions"><div><h2>Aktywne i historyczne mapowania</h2><p>Wyłączenie mapowania nie usuwa historii przesyłek ani wcześniejszych zmian workflow.</p></div><form method="get"><label class="ops-field"><span>Filtr przewoźnika</span><input name="carrier" value="{{ carrier }}" placeholder="inpost / dpd"></label><button class="button button--small button--ghost">Filtruj</button></form></div>
        <div class="ops-table-wrap"><table class="ops-table"><thead><tr><th>Przewoźnik</th><th>Raw kod</th><th>Raw etykieta</th><th>Status lokalny</th><th>Priorytet</th><th>Aktywne</th><th></th></tr></thead><tbody>
        {% for mapping in mappings %}
            {% set formId = 'carrier-mapping-' ~ mapping.id %}
            <tr>
                <td><input form="{{ formId }}" name="carrier_code" value="{{ mapping.carrierCode }}" maxlength="100" required></td>
                <td><input form="{{ formId }}" name="raw_status_code" value="{{ mapping.rawStatusCode }}" maxlength="190"></td>
                <td><input form="{{ formId }}" name="raw_status_label" value="{{ mapping.rawStatusLabel }}" maxlength="255"></td>
                <td><select form="{{ formId }}" name="workflow_status_id">{% for status in shipment_statuses %}<option value="{{ status.id }}" {{ mapping.workflowStatus and mapping.workflowStatus.id == status.id ? 'selected' : '' }}>{{ status.label }} ({{ status.code }})</option>{% endfor %}</select></td>
                <td><input form="{{ formId }}" type="number" name="priority" value="{{ mapping.priority }}" min="0" max="100000"></td>
                <td><label><input form="{{ formId }}" type="checkbox" name="active" value="1" {{ mapping.active ? 'checked' : '' }}> aktywne</label></td>
                <td>{% if can_manage %}<form id="{{ formId }}" method="post" action="{{ path('app_carrier_status_mapping_update', {id: mapping.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('carrier_status_mapping_update_' ~ mapping.id) }}"></form><button class="button button--small button--secondary" form="{{ formId }}">Zapisz</button>{% endif %}</td>
            </tr>
        {% else %}<tr><td colspan="7">Brak mapowań. Uruchom inicjalizator albo dodaj pierwsze mapowanie poniżej.</td></tr>{% endfor %}
        </tbody></table></div>
    </section>

    {% if can_manage %}
    <section class="ops-card"><div class="ops-card__head"><h2>Dodaj mapowanie</h2><p>Wymagany jest raw kod lub raw etykieta. E-mail, numer przesyłki i inne dane odbiorcy nie są tu przechowywane.</p></div>
        <form method="post" action="{{ path('app_carrier_status_mapping_create') }}" class="ops-form">
            <input type="hidden" name="_token" value="{{ csrf_token('carrier_status_mapping_create') }}">
            <div class="ops-form-grid ops-form-grid--three">
                <label class="ops-field"><span>Przewoźnik</span><input name="carrier_code" value="{{ carrier ?: 'inpost' }}" maxlength="100" required></label>
                <label class="ops-field"><span>Raw kod</span><input name="raw_status_code" value="{{ prefill_raw_code }}" maxlength="190"></label>
                <label class="ops-field"><span>Raw etykieta</span><input name="raw_status_label" value="{{ prefill_raw_label }}" maxlength="255"></label>
                <label class="ops-field"><span>Status lokalny</span><select name="workflow_status_id" required>{% for status in shipment_statuses %}<option value="{{ status.id }}">{{ status.label }} ({{ status.code }})</option>{% endfor %}</select></label>
                <label class="ops-field"><span>Priorytet</span><input type="number" name="priority" value="100" min="0" max="100000"></label>
                <label class="ops-field"><span>Aktywność</span><span><input type="checkbox" name="active" value="1" checked> aktywne</span></label>
            </div>
            <div class="ops-form-actions"><button class="button button--primary" type="submit">Dodaj mapowanie</button></div>
        </form>
    </section>
    {% endif %}
</div>
{% endblock %}