{% extends "Base.html" %}

{% block content %}

<main class="container my-5">
    <div class="row justify-content-center">
        <div class="col-lg-6 col-md-8 col-sm-12">
            <form action="/ventas/nueva_venta/" method="POST" class="shadow-lg p-4 bg-light rounded">
                {% csrf_token %}
                <h3 class="text-center text-secondary mb-4">Registrar nueva venta</h3>
                <div class="mb-3">
                    {{ form.as_p }}
                </div>
                <div class="d-flex justify-content-between align-items-center mt-4">
                    <a href="{% url 'lista_ventas' %}" class="btn btn-outline-danger">
                        <i class="bi bi-x-circle"></i> Cancelar
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-save"></i> Nueva venta
                    </button>
                </div>
            </form>
        </div>
    </div>
</main>

{% endblock %}