{% extends 'base.html' %}

{% block content %}
    <div class="container">
        <h2>Registrar Nueva Compra</h2>

        <form method="POST">
            {% csrf_token %}
            {{ form.as_p }}

            <div class="d-flex justify-content-end mt-3">
                <a href="{% url 'lista_compras' %}" class="btn btn-secondary btn-sm me-2">
                    Volver a la Lista
                </a>
                <button type="submit" class="btn btn-success btn-sm">
                    Guardar
                </button>
            </div>
        </form>
    </div>
{% endblock %}

{% block footer %}
    <footer class="footer mt-auto py-3 bg-dark text-white">
        <div class="container">
            <span class="text-muted">© 2024 Mi Aplicación de Compras. Todos los derechos reservados.</span>
        </div>
    </footer>
{% endblock %}