{% extends "Base.html" %}

{% block content %}
<main class="conteiner">
    <div class="row">
        <div class="col-md-10 offset-md-1 mt-4">
            <form action="/bodega/" method="POST">
                    <div class="card-header row col-12 justify-content-end mb-2 pr-0 mt-2">
                      <h3 class="text-center">Tabla de Bodega</h3>
                    </div>
                    <div class="table-responsive">
                        <table class="table mt-3">
                            <thead class="table-dark">
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Codigo de la bodega</th>
                                    <th scope="col">Nombre la bodega</th>
                                    <th scope="col">Estado</th>
                                    <th scope="col">Direccion</th>
                                    <th scope="col">ACTUALIZAR</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for bodega in persona %}
                                <tr>
                                    <th scope="row"> {{bodega.id}} </th>
                                    <td> {{bodega.codigo_bodega}} </td>
                                    <td> {{bodega.nombre_bodega}} </td>
                                    {% if bodega.estado %}
                                    <td> activo </td>
                                    {% else %}
                                    <td> inactivo </td>
                                    {% endif %}
                                    <td> {{bodega.direccion_bodega}} </td>
                                    <td class="text-center"> <a class="btn btn-secondary" href="{% url 'bodega_update' bodega.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 'bodega_registro' %}" >&#128190;</a>
            <br>
            <br>
        </div>
    </div>
</main>

{% endblock  %}