{% extends 'base.html' %}
{% block title %}{{ t.fleet_register_title }} — PickkerMarket{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 600px;">
        <h1>{{ t.fleet_register_title }}</h1>

        {% if company %}
            {% if company.is_approved %}
            <div class="order-card">
                <span class="surface-badge ok">{{ t.profile_named_location_registered }}</span>
                <h3 style="margin: 8px 0 4px;">{{ company.company_name }}</h3>
                <a href="{% url 'market:fleet_dashboard' %}" class="btn-cta" style="margin-top: 10px; display: inline-block;">{{ t.fleet_dashboard_title }} &rarr;</a>
            </div>
            {% else %}
            <div class="order-card">
                <span class="surface-badge warn">{{ t.fleet_pending_title }}</span>
                <h3 style="margin: 8px 0 4px;">{{ company.company_name }}</h3>
                <p style="color: var(--muted);">{{ pending_message }}</p>
            </div>
            {% endif %}
        {% else %}
        <p style="color: var(--muted); margin-bottom: 20px;">{{ t.fleet_register_intro }}</p>

        <form method="post" class="auth-form">
            {% csrf_token %}
            <label for="company_name">{{ t.fleet_company_name_label }}</label>
            <input type="text" id="company_name" name="company_name" required>

            <label for="registration_number">{{ t.fleet_registration_number_label }}</label>
            <input type="text" id="registration_number" name="registration_number">

            <button type="submit" class="btn-cta" style="margin-top: 16px;">{{ t.fleet_register_submit }}</button>
        </form>
        {% endif %}
    </div>
</section>
{% endblock %}