{% extends "base.html" %}
{% load i18n static %}

{% block title %}{% trans "Become a Seller" %}{% endblock %}

{% block content %}
<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-md-8 col-lg-6">
      <div class="card border-0 shadow-sm p-4 p-md-5">
        <h1 class="fw-bold text-center mb-4">{% trans "Register as a Vendor" %}</h1>
        <p class="text-center text-muted mb-5">{% trans "Join our community and start selling your products to thousands of customers." %}</p>

        <form action="{% url 'vendor_register' %}" method="post">
          {% csrf_token %}
          <div class="mb-3">
            <label for="business_name" class="form-label">{% trans "Business Name" %}</label>
            <input type="text" class="form-control" id="business_name" name="business_name" required>
          </div>
          
          <div class="mb-3">
            <label for="phone" class="form-label">{% trans "Business Phone" %}</label>
            <input type="text" class="form-control" id="phone" name="phone" required>
          </div>

          <div class="mb-3">
            <label for="address" class="form-label">{% trans "Business Address" %}</label>
            <input type="text" class="form-control" id="address" name="address" required>
          </div>

          <div class="mb-4">
            <label for="description" class="form-label">{% trans "Business Description" %}</label>
            <textarea class="form-control" id="description" name="description" rows="4"></textarea>
          </div>

          <div class="d-grid">
            <button type="submit" class="btn btn-primary btn-lg">{% trans "Submit Application" %}</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}
