{% extends "Base.html" %}

{% block content %}

<main class="conteiner">
    <div class="row">
        <div class="col-md-8 offset-md-2 mt-4">
            <form action="/articulo/crear/" method="POST">
                <div class="card">
                    <div class="card-header text-bg-secondary">
                        <h4 class="text-center">Registrar nuevo articulo</h4>

                      </div>
                    <div class="card-body">
                          {% csrf_token %}
                          {{form.as_p}}
                    </div>
                    <div class="card-footer">
                        <div class="gap-3 d-md-flex justify-content-md-end mb-3">
                            <a class="btn btn-danger" href="{% url 'articulo_vista' %}">Cancelar</a>
                            <button class="btn btn-primary  ">Crear nuevo articulo</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</main>

<script>
    function permitirSoloNumeros(input) {
        input.value = input.value.replace(/[^0-9]/g, '');
    }
</script>
    
{% endblock  %}