{% extends 'base.html.twig' %}

{% block title %}Devis refuse - Association E-Cosplay{% endblock %}

{% block body %}
<main class="max-w-2xl mx-auto px-4 py-16">
    <div class="glass p-10 text-center">
        <div class="mx-auto mb-6 w-20 h-20 bg-red-500/20 flex items-center justify-center">
            <svg class="w-10 h-10 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M6 18L18 6M6 6l12 12"/>
            </svg>
        </div>

        <h1 class="text-3xl font-bold heading-page mb-3">Devis refuse</h1>
        <p class="text-sm text-gray-600 leading-relaxed mb-8">
            Bonjour {{ customer.firstName }},<br>
            Votre refus du devis <span class="font-mono font-bold">{{ devis.orderNumber.numOrder }}</span> a bien ete enregistre.<br>
            Notre equipe a ete notifiee et reviendra vers vous si besoin.
        </p>

        {% if devis.raisonMessage %}
            <div class="glass p-6 mb-6 text-left">
                <p class="font-bold uppercase tracking-widest text-gray-400 text-[10px] mb-2">Motif transmis</p>
                <p class="text-sm italic text-gray-700 whitespace-pre-wrap">{{ devis.raisonMessage }}</p>
            </div>
        {% endif %}

        <p class="text-[10px] text-gray-400 uppercase tracking-widest">
            Une question ? <a href="mailto:client@e-cosplay.fr" class="text-[#fabf04] hover:underline">client@e-cosplay.fr</a>
        </p>
    </div>
</main>
{% endblock %}
