{% extends "core/base.html" %}

{% block title %}Registrar Vehículo{% endblock %}

{% block content %}
<div class="container mt-5">
    <h1 class="text-center text-primary">Registro de Vehículo</h1>
    <form method="post" class="p-4 shadow rounded" style="background-color: #f8f9fa;">
        {% csrf_token %}
        <div class="row mb-3">
            <div class="col-md-6">
                <label for="marca" class="form-label">Marca</label>
                {{ form.marca }}
            </div>
            <div class="col-md-6">
                <label for="modelo" class="form-label">Modelo</label>
                {{ form.modelo }}
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-md-6">
                <label for="anho" class="form-label">Año</label>
                {{ form.anho }}
            </div>
            <div class="col-md-6">
                <label for="nro_chasis" class="form-label">Número de Chasis</label>
                {{ form.nro_chasis }}
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-md-6">
                <label for="numero_despacho" class="form-label">Número de Despacho</label>
                {{form.numero_despacho}}
            </div>
            <div class="col-md-6">
                <label for="cliente" class="form-label">Cliente</label>
                {{ form.cliente }}
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-md-6">
                <label for="estado" class="form-label">Estado</label>
                {{ form.estado }}
            </div>
        </div>
        <button type="submit" class="btn btn-primary w-100">Guardar</button>
    </form>
</div>
{% endblock %}