{% extends 'base/layout.html' %}

{% block content %}
<div class="container mx-auto px-4 py-16 text-center">
    <div class="bg-gray-800 rounded-lg shadow-lg p-8 max-w-lg mx-auto">
        <h1 class="text-4xl font-bold text-green-400 mb-4">Store Created!</h1>
        <p class="text-xl text-gray-300 mb-8">Congratulations, your store "{{ store_name }}" is now active.</p>
        
        <div class="flex justify-center space-x-4">
            <a href="{% url 'store:seller_dashboard' %}" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded transition">
                Go to Dashboard
            </a>
            <a href="{% url 'store:card_list' %}" class="bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded transition">
                Browse Market
            </a>
        </div>
    </div>
</div>
{% endblock %}