{% 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="text-center">Tabla de articulos</h3>
                    </div>
                    <div class="table-responsive">
                        <table class="table mt-3">
                            <thead class="table-dark">
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Nombre del articulo</th>
                                    <th scope="col">Medida del articulo</th>
                                    <th scope="col">Descripcion</th>
                                    <th scope="col">Tipo del articulo</th>
                                    <th scope="col">Proveedor</th>
                                    <th scope="col">Precio de compra</th>
                                    <th scope="col">Precio de venta</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> {{ articulo.precio_compra }} </td>
                                    <td> {{ articulo.precio_venta }} </td>
                                    <td class="text-center"> <a class="btn btn-secondary" href="{% url 'articulo_update' articulo.id %}">&#128221;</a> </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                  </table>
                </div>
            </form>
        </div>
    </div>
    <div class="fixed-bottom col-12 mc-3">
        <di class="gap-2 d-md-flex justify-content-md-end mb-3">
            <a class="btn btn-success rounded-pill btn-lg" href="{% url 'articulo_registro' %}" >&#128190;</a>
            <br>
            <br>
        </div>
    </div>
</main>

{% endblock  %}