{# Contenu du panneau d'export d'une commande (ticket #248) : statut courant, bouton de
   réexport et journal daté. Rendu à la fois dans l'onglet (order_export_tab.html.twig) et,
   après un ré-export, renvoyé en AJAX pour rafraîchir le journal in-place. L'id #pcExportPanel
   est la cible du remplacement AJAX : il doit rester stable. #}
<div id="pcExportPanel" class="card-body">
    <h3 class="card-title">Exportation vers {{ backoffice }}</h3>

    <p style="margin-bottom: 1rem;">
        <span style="font-weight: 600;">Statut&nbsp;:</span>
        <span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:{{ status_color }};margin:0 4px 0 6px;vertical-align:middle;"></span>
        <span style="color:{{ status_color }};font-weight:600;">{{ status_label }}</span>
        {% if status_message %}
            <span style="color:#666;"> — {{ status_message }}</span>
        {% endif %}
    </p>

    <p style="margin-bottom: 1rem;">
        <button type="button" class="btn btn-primary"
                onclick="{{ module_name }}_exportOrder(this, '{{ reference|e('js') }}')"
                {% if not exportable %}disabled title="Cette commande n'est pas exportable en l'état"{% endif %}>
            <i class="material-icons" style="vertical-align:middle;font-size:18px;">sync</i>
            Réexporter vers {{ backoffice }}
        </button>
    </p>

    {% if entries is empty %}
        <p style="color:#888;font-style:italic;">Aucune tentative d'exportation enregistrée pour cette commande.</p>
    {% else %}
        <div class="table-responsive">
            <table class="table" style="margin-bottom:0;">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Révision</th>
                        <th>Résultat</th>
                        <th>Détail</th>
                    </tr>
                </thead>
                <tbody>
                    {% for entry in entries %}
                        <tr>
                            <td style="white-space:nowrap;">{{ entry.date_add|date('d/m/Y H:i') }}</td>
                            <td>
                                {%- if entry.revision is null -%}
                                    —
                                {%- elseif entry.revision == 0 -%}
                                    Initiale
                                {%- else -%}
                                    Modification&nbsp;#{{ entry.revision }}
                                {%- endif -%}
                            </td>
                            <td style="white-space:nowrap;">
                                <span style="display:inline-block;width:9px;height:9px;border-radius:50%;background:{{ entry.color }};margin-right:6px;vertical-align:middle;"></span>
                                <span style="color:{{ entry.color }};">{{ entry.label }}</span>
                            </td>
                            <td style="color:#555;">{{ entry.message ?? '' }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
</div>
