{% extends "base.html" %}
{% block content %}

<div class="max-w-3xl mx-auto">

    <h1 class="text-2xl font-bold text-[color:var(--color-text)] mb-6">
        Add Business
    </h1>

    <form method="post" class="bg-[color:var(--color-bg)] shadow rounded-xl border border-[color:var(--color-border)] p-6 space-y-6">
        {% csrf_token %}
        {{ form.non_field_errors }}

        {% for field in form %}
        <div>
            <label class="block text-sm font-semibold text-[color:var(--color-text-muted)] mb-1">
                {{ field.label }}
            </label>
            {{ field }}
            {% for error in field.errors %}
                <p class="text-red-600 text-sm">{{ error }}</p>
            {% endfor %}
        </div>
        {% endfor %}

        <button class="w-full py-3 bg-[color:var(--color-primary)] text-white rounded-lg hover:bg-[color:var(--color-primary-hover)] transition">
            Save Business
        </button>
    </form>

</div>

{% endblock %}
