{% extends "base.html" %}

{% block content %}
<div class="container-fluid p-0 text-black">
    <div class="bg-dark py-5">
        <div class="container text-center">
            <h2 class="mb-4 text-4xl font-bold text-[#954E4E] mt-12">Welcome to Sasa Shop! ⭐️</h2>
            <p class="lead mb-4">Daftar akunmu sekarang juga, lalu tukarkan SKU dan ID Transaksimu dengan berbagai macam mobil!</p>
            {% if user.is_authenticated %}
            <div class="mt-12 pr-2">
                <a href="{% url 'dashboard' %}" class="rounded-lg bg-[#FCDD8F] py-2 px-4 mr-2 hover:bg-[#FCDD8F]/50 hover:outline hover:outline-2 hover:outline-[#FCDD8F]">Dashboard</a>
            </div>
            {% else %}
            <div class="mt-12 pr-2">
                <a href="{% url 'create_user' %}" class="rounded-lg bg-[#FCDD8F] py-2 px-4 mr-2 hover:bg-[#FCDD8F]/50 hover:outline hover:outline-2 hover:outline-[#FCDD8F]">Register</a>
                <a href="{% url 'login' %}" class="rounded-lg bg-[#EAA4A4] py-2 px-4 hover:bg-[#EAA4A4]/50 hover:outline hover:outline-2 hover:outline-[#EAA4A4]">Login</a>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}