{% if success %}
<div class="bg-green-50 border border-green-200 rounded-lg p-6"
     x-data="{ show: false }"
     x-init="setTimeout(() => show = true, 100)"
     x-show="show"
     x-transition:enter="transition ease-out duration-300"
     x-transition:enter-start="opacity-0 transform scale-95"
     x-transition:enter-end="opacity-100 transform scale-100">
    
    <div class="flex items-center">
        <div class="flex-shrink-0">
            <svg class="h-8 w-8 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <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-3">
            <h3 class="text-lg font-medium text-green-800">Request Submitted Successfully!</h3>
            <p class="mt-2 text-green-700">{{ message }}</p>
        </div>
    </div>
    
    <div class="mt-6">
        <div class="bg-white rounded-lg p-4 border border-green-200">
            <h4 class="font-semibold text-gray-900 mb-2">What happens next?</h4>
            <ul class="text-sm text-gray-600 space-y-1">
                <li class="flex items-center">
                    <span class="w-2 h-2 bg-green-400 rounded-full mr-2"></span>
                    Our AI team will analyze your requirements
                </li>
                <li class="flex items-center">
                    <span class="w-2 h-2 bg-green-400 rounded-full mr-2"></span>
                    Personalized demo will be prepared within 24 hours
                </li>
                <li class="flex items-center">
                    <span class="w-2 h-2 bg-green-400 rounded-full mr-2"></span>
                    You'll receive a custom AI marketing strategy
                </li>
            </ul>
        </div>
    </div>
    
    <div class="mt-6">
        <button onclick="window.location.reload()" 
                class="bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition-colors">
            Submit Another Request
        </button>
    </div>
</div>
{% else %}
<div class="bg-red-50 border border-red-200 rounded-lg p-6">
    <div class="flex items-center">
        <div class="flex-shrink-0">
            <svg class="h-8 w-8 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <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-3">
            <h3 class="text-lg font-medium text-red-800">Submission Failed</h3>
            <p class="mt-2 text-red-700">Please try again or contact support.</p>
        </div>
    </div>
</div>
{% endif %} 