{% 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 row col-12 justify-content-start mb-2 pr-0 mt-2">
                        <a class="btn btn-danger col-3" href="{% url 'articulo_vista' %}"><- volver</a>
                        <h3 class="col-5">Registro articulo</h3>

                      </div>
                    <div class="card-body">
                        {% if error %}
                        <div class="alert alert-danger" role="alert">
                            {{error}}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                              </button>                          </div>
                        {% endif %}
                        {% if mensaje %}
                        <div class="alert alert-success" role="alert">
                           Proveedor a sido guardado con exito
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                          </button>
                          </div>
                        {% endif %}
                          {% csrf_token %}
                          {{form.as_p}}
                          
                          <div class="d-grid gap-2 col-6 mx-auto mt-3">
                            <button class="btn btn-primary btn-lg ">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  %}