{% extends 'base.html' %}

{% block title %}Estoque - Sistema de Comandas{% endblock %}

{% block content %}
<div class="clearfix">
    <h2 style="float: left;">Controle de Estoque</h2>
    <div style="float: right;">
        <a href="{% url 'estoque:movimentacao' %}" class="btn btn-success">Nova Movimentação</a>
        <a href="{% url 'estoque:movimentacoes' %}" class="btn">Ver Movimentações</a>
        <a href="{% url 'estoque:baixo' %}" class="btn btn-warning">Estoque Baixo</a>
    </div>
</div>

<table class="table">
    <thead>
        <tr>
            <th>Produto</th>
            <th>Grupo</th>
            <th>Estoque Atual</th>
            <th>Estoque Mínimo</th>
            <th>Status</th>
            <th>Última Atualização</th>
        </tr>
    </thead>
    <tbody>
        {% for produto in object_list %}
        <tr>
            <td>{{ produto.nome }}</td>
            <td>{{ produto.grupo.nome }}</td>
            <td><strong>{{ produto.estoque_atual }}</strong></td>
            <td>{{ produto.estoque_minimo }}</td>
            <td>
                {% if produto.estoque_baixo %}
                    <span style="color: #dc3545;">Baixo</span>
                {% elif produto.estoque_atual == 0 %}
                    <span style="color: #dc3545;">Zerado</span>
                {% else %}
                    <span style="color: #28a745;">Normal</span>
                {% endif %}
            </td>
            <td>{{ produto.atualizado_em|date:"d/m H:i" }}</td>
        </tr>
        {% empty %}
        <tr>
            <td colspan="6" class="text-center">Nenhum produto cadastrado.</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}