{% if this.professionalRequestSent is same as(true) %}
    {# Message de succès pour les clients professionnels #}
    <div class="bg-white rounded-b-lg border-b border-l border-r border-gray-200 p-8 shadow-md">
        <div class="flex items-center bg-green-50 p-4 rounded-lg">
            <div class="flex-shrink-0">
                <svg class="h-8 w-8 text-green-500" fill="none" viewBox="0 0 24 24"
                     stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                </svg>
            </div>
            <div class="ml-4">
                <h3 class="text-lg font-medium text-green-800">Demande envoyée !</h3>
                <p class="text-green-700">Votre demande de devis a bien été enregistrée. Un
                    conseiller vous
                    contactera sous 24h pour discuter de votre projet.</p>
            </div>
        </div>
    </div>
{% elseif this.professionalRequestSent is same as(false) %}
    {# Message d'erreur pour les clients professionnels #}
    <div class="bg-white rounded-b-lg border-b border-l border-r border-gray-200 p-8 shadow-md">
        <div class="flex items-center bg-red-50 p-4 rounded-lg">
            <div class="flex-shrink-0">
                <svg class="h-8 w-8 text-red-500" fill="none" viewBox="0 0 24 24"
                     stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                </svg>
            </div>
            <div class="ml-4">
                <h3 class="text-lg font-medium text-red-800">Un problème est survenu</h3>
                <p class="text-red-700 mb-3">Nous n'avons pas pu enregistrer votre demande
                    de devis.
                    Veuillez réessayer ou contacter notre service client.</p>
                <button
                        data-action="live#action"
                        data-live-action-param="retryProfessionalRequest"
                        class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500"
                >
                    Réessayer
                </button>
            </div>
        </div>
    </div>
{% else %}
    {# État indéterminé #}
    <div class="bg-white rounded-b-lg border-b border-l border-r border-gray-200 p-8 shadow-md">
        <div class="flex items-center justify-center">
            <div class="animate-spin rounded-full h-10 w-10 border-b-2 border-blue-700"></div>
            <p class="ml-3 text-blue-700">Traitement de votre demande...</p>
        </div>
    </div>
{% endif %}