{% 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">
                {% 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 %}
                    <div class="card-header row col-12 justify-content-end mb-2 pr-0 mt-2">
                      <h3 class="col-md-4">Vista Bodega</h3>
                      <a class="btn btn-success col-md-3" href="{% url 'bodega_registro' %}">Nueva bodega</a>
                    </div>
                        <table class="table mt-3">
                            <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">codigo de la bodega</th>
                                    <th scope="col">nombre del supervisor</th>
                                    <th scope="col">estado</th>
                                    <th scope="col">Direccion</th>
                                    <th scope="col">Editar</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> <a class="btn btn-warning" href="{% url 'bodega_update' bodega.id %}">Editar</a> </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                  </table>
            </form>
        </div>
    </div>
</main>

{% endblock  %}