{% extends "Base.html" %}

{% block content %}
<main class="conteiner">
    <div class="row">
        <div class="col-md-10 offset-md-1 mt-4">
            <form action="/inventario/" method="POST">
                    <div class="card-header row col-12 justify-content-end mb-2 pr-0 mt-2">
                      <h3 class="col-md-4">Vista inventario</h3>
                    </div>
                        <a href="{% url 'generar_reporte_pdf' %}" class="btn btn-primary">Descargar PDF</a>
                        <a href="{% url 'generar_reporte_excel' %}" class="btn btn-success">Descargar Excel</a>
                        <a href="{% url 'generar_reporte_csv' %}" class="btn btn-info">Descargar CSV</a>
                        <a href="{% url 'generar_grafico_chartjs' %}" class="btn btn-secondary">grafico</a>
                        <br>
                        <table class="table mt-3">
                            <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">articulo</th>
                                    <th scope="col">Descripcion de articulo</th>
                                    <th scope="col">bodega</th>
                                    <th scope="col">cantidad</th>
                                    <th scope="col">precio</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for inventario in persona %}
                                <tr>
                                    <th scope="row">{{ inventario.id }}</th>
                                    <td> {{ inventario.articulo.nombre_articulo }} {{inventario.articulo.medida}} </td>
                                    <td> {{ inventario.articulo.descripcion }} </td>
                                    <td> {{ inventario.bodega.nombre_bodega }} </td>
                                    <td> {{ inventario.cantidad }} </td>
                                    <td> {{ inventario.precio }} </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                  </table>
            </form>
        </div>
    </div>
</main>

{% endblock  %}