{# @SyliusShop/Order/orderFormPreview.html.twig #}
{% extends '@SyliusShop/layout.html.twig' %}

{% block content %}
    <div class="container my-4">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h2>Aperçu de la commande {{ order.number }}</h2>
            <div class="btn-group">
                <a class="btn btn-outline-secondary" href="{{ pdfUrl }}" target="_blank" rel="noopener">
                    Ouvrir le PDF
                </a>
                <a class="btn btn-primary" href="{{ pdfUrl ~ '&download=1' }}">
                    Télécharger le PDF
                </a>
                <button class="btn btn-outline-secondary" onclick="window.print()">Imprimer</button>
            </div>
        </div>

        <div class="bg-white border rounded p-3">
            {# On réutilise exactement le même template que pour DOMPDF #}
            {% include '@SyliusShop/Order/orderForm.html.twig' with { order: order, isPreview: true } %}
        </div>
    </div>

    <style>
        /* Optionnel : donner une largeur A4 à l’aperçu pour coller au PDF */
        .bg-white { max-width: 794px; margin: 0 auto; } /* 794px ~ A4 @96dpi */
        @media print {
            .btn-group, h2 { display:none !important; }
            .bg-white { border: none; padding: 0; }
        }
    </style>
{% endblock %}