{% extends "Base.html" %}

{% block content %}
<main class="conteiner">
    <div class="row">
        <div class="col-md-10 offset-md-1 mt-4">
            <form action="/articulo/" method="POST">
                    <div class="card-header row col-12 justify-content-end mb-2 pr-0 mt-2">
                      <h3 class="col-md-4">Vista articulo</h3>
                      <a class="btn btn-success col-md-3" href="{% url 'articulo_registro' %}">Nuevo articulo</a>
                    </div>
                        <table class="table mt-3">
                            <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">nombre del articulo</th>
                                    <th scope="col">medida</th>
                                    <th scope="col">descripcion</th>
                                    <th scope="col">tipo_articulo</th>
                                    <th scope="col">proveedors</th>
                                    <th scope="col">actualizar</th>

                                </tr>
                            </thead>
                            <tbody>
                            {% for articulo in persona %}
                                <tr>
                                    <th scope="row">{{ articulo.id }}</th>
                                    <td> {{ articulo.nombre_articulo }} </td>
                                    <td> {{ articulo.medida }} </td>
                                    <td> {{ articulo.descripcion }} </td>
                                    <td> {{ articulo.tipo_articulo.tipo_articulo }} </td>
                                    <td> {{ articulo.proveedor.nombre_proveedor }} </td>
                                    <td> <a class="btn btn-warning" href="{% url 'articulo_update' articulo.id %}">Editar</a> </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                  </table>
            </form>
        </div>
    </div>
</main>

{% endblock  %}