{% 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="/articulo/crear/" method="POST" class="shadow-lg p-4 bg-light rounded">
                {% csrf_token %}
                <h3 class="text-center text-secondary mb-4">Registrar Nuevo Artículo</h3>
                <div class="mb-3">
                    {{ form.as_p }}
                </div>
                <div class="d-flex justify-content-between align-items-center mt-4">
                    <a href="{% url 'articulo_vista' %}" 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> Crear Nuevo Artículo
                    </button>
                </div>
            </form>
        </div>
    </div>
</main>

<script>
    // Validación para permitir solo números en campos específicos
    function permitirSoloNumeros(input) {
        input.value = input.value.replace(/[^0-9]/g, '');
    }
</script>

{% endblock %}