{% extends "base.html" %}

{% import 'macros/empresa.html' as empresa_ui %}

{% block title %}Auditoria de Estoque - CapeServer{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h2><i class="bi bi-clock-history text-primary"></i> Auditoria de Estoque</h2>
            <p class="text-muted mb-0">Histórico completo de movimentações de estoque</p>
        </div>
        <div class="d-flex gap-2">
            <button type="button" class="btn btn-outline-dark" onclick="capeVoltarOu('{{ url_for('estoque_inventario') }}')">
                <i class="bi bi-arrow-left"></i> Voltar
            </button>
            <a href="{{ url_for('estoque_ajuste') }}" class="btn btn-warning">
                <i class="bi bi-sliders"></i> Ajuste Manual
            </a>
            <a href="{{ url_for('estoque_inventario') }}" class="btn btn-outline-primary">
                <i class="bi bi-clipboard-check"></i> Inventário
            </a>
        </div>
    </div>

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3">
                <div class="col-md-3">
                    <label class="form-label">Produto</label>
                    <select name="produto_id" class="form-select">
                        <option value="">Todos os produtos</option>
                        {% for produto in produtos %}
                        <option value="{{ produto.id }}" {% if filtros.produto_id == produto.id %}selected{% endif %}>
                            {{ produto.nome[:40] }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Empresa</label>
                    <select name="empresa_id" class="form-select">
                        <option value="">Todas</option>
                        {% for empresa in empresas %}
                        <option value="{{ empresa.id }}" {% if filtros.empresa_id == empresa.id %}selected{% endif %}>
                            {{ empresa_ui.nome(empresa) }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Depósito</label>
                    <select name="deposito_id" class="form-select">
                        <option value="">Todos</option>
                        {% for deposito in depositos %}
                        <option value="{{ deposito.id }}" {% if filtros.deposito_id == deposito.id %}selected{% endif %}>
                            {{ deposito.nome }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Tipo</label>
                    <select name="tipo" class="form-select">
                        <option value="">Todos</option>
                        {% for t in tipos_disponiveis %}
                        <option value="{{ t }}" {% if filtros.tipo == t %}selected{% endif %}>{{ t|capitalize }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Origem</label>
                    <select name="origem" class="form-select">
                        <option value="">Todas</option>
                        {% for o in origens_disponiveis %}
                        <option value="{{ o }}" {% if filtros.origem == o %}selected{% endif %}>{{ o|replace('_', ' ')|title }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Data Início</label>
                    <input type="date" name="data_inicio" class="form-control" value="{{ filtros.data_inicio or '' }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Data Fim</label>
                    <input type="date" name="data_fim" class="form-control" value="{{ filtros.data_fim or '' }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Classificar</label>
                    <select name="classificar" class="form-select">
                        <option value="codigo" {% if filtros.classificar == 'codigo' %}selected{% endif %}>Código</option>
                        <option value="nome" {% if filtros.classificar == 'nome' %}selected{% endif %}>Nome</option>
                        <option value="descricao" {% if filtros.classificar == 'descricao' %}selected{% endif %}>Descrição</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Ordem</label>
                    <select name="ordem" class="form-select">
                        <option value="asc" {% if filtros.ordem == 'asc' %}selected{% endif %}>Crescente</option>
                        <option value="desc" {% if filtros.ordem == 'desc' %}selected{% endif %}>Decrescente</option>
                    </select>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary me-2">
                        <i class="bi bi-search"></i> Filtrar
                    </button>
                    <a href="{{ url_for('estoque_auditoria') }}" class="btn btn-outline-secondary">
                        <i class="bi bi-x-lg"></i>
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Tabela de Movimentações -->
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bi bi-list-ul"></i> Movimentações</h5>
            <span class="badge bg-secondary">{{ movimentos|length }} registros</span>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover table-striped mb-0">
                    <thead class="table-light">
                        <tr>
                            <th style="width: 140px;">Data/Hora</th>
                            <th>Produto</th>
                            <th>Depósito</th>
                            <th class="text-center">Tipo</th>
                            <th>Origem</th>
                            <th class="text-end">Quantidade</th>
                            <th class="text-end">Est. Anterior</th>
                            <th class="text-end">Est. Resultante</th>
                            <th>Usuário</th>
                            <th>Observações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% if movimentos %}
                            {% for mov in movimentos %}
                            <tr>
                                <td>
                                    <small>{{ mov.data_movimento.strftime('%d/%m/%Y') }}</small>
                                    <br><small class="text-muted">{{ mov.data_movimento.strftime('%H:%M:%S') }}</small>
                                </td>
                                <td>
                                    {% if mov.produto_id %}
                                        {% set produto = namespace(nome='Produto #' ~ mov.produto_id) %}
                                        {% for p in produtos if p.id == mov.produto_id %}
                                            {% set produto.nome = p.nome %}
                                        {% endfor %}
                                        <span title="{{ produto.nome }}">{{ produto.nome[:30] }}{% if produto.nome|length > 30 %}...{% endif %}</span>
                                    {% else %}
                                        <span class="text-muted">-</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if mov.deposito_origem %}
                                        {{ mov.deposito_origem.nome }}
                                        {% if mov.tipo == 'transferencia' and mov.deposito_destino %}
                                        <i class="bi bi-arrow-right text-primary"></i> {{ mov.deposito_destino.nome }}
                                        {% endif %}
                                    {% else %}
                                        <span class="text-muted">Geral</span>
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    {% if mov.tipo == 'entrada' %}
                                    <span class="badge bg-success">Entrada</span>
                                    {% elif mov.tipo == 'saida' %}
                                    <span class="badge bg-danger">Saída</span>
                                    {% elif mov.tipo == 'ajuste' %}
                                    <span class="badge bg-warning text-dark">Ajuste</span>
                                    {% elif mov.tipo == 'transferencia' %}
                                    <span class="badge bg-info">Transferência</span>
                                    {% else %}
                                    <span class="badge bg-secondary">{{ mov.tipo }}</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <small class="text-muted">{{ mov.origem or '-' }}</small>
                                </td>
                                <td class="text-end">
                                    {% if mov.quantidade > 0 %}
                                    <span class="text-success fw-bold">+{{ "%.3f"|format(mov.quantidade) }}</span>
                                    {% elif mov.quantidade < 0 %}
                                    <span class="text-danger fw-bold">{{ "%.3f"|format(mov.quantidade) }}</span>
                                    {% else %}
                                    <span class="text-muted">0</span>
                                    {% endif %}
                                </td>
                                <td class="text-end">
                                    {% if mov.estoque_anterior is not none %}
                                    {{ "%.3f"|format(mov.estoque_anterior) }}
                                    {% else %}
                                    <span class="text-muted">-</span>
                                    {% endif %}
                                </td>
                                <td class="text-end">
                                    {% if mov.estoque_resultante is not none %}
                                    <strong>{{ "%.3f"|format(mov.estoque_resultante) }}</strong>
                                    {% else %}
                                    <span class="text-muted">-</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if mov.usuario %}
                                    {% set nome_usuario = mov.usuario.username if mov.usuario.username is defined and mov.usuario.username else (mov.usuario.email if mov.usuario.email is defined and mov.usuario.email else '-') %}
                                    <small>{{ nome_usuario[:15] }}</small>
                                    {% else %}
                                    <span class="text-muted">-</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if mov.observacoes %}
                                    <small title="{{ mov.observacoes }}">{{ mov.observacoes[:30] }}{% if mov.observacoes|length > 30 %}...{% endif %}</small>
                                    {% elif mov.referencia %}
                                    <small class="text-muted">Ref: {{ mov.referencia }}</small>
                                    {% else %}
                                    <span class="text-muted">-</span>
                                    {% endif %}
                                </td>
                            </tr>
                            {% endfor %}
                        {% else %}
                            <tr>
                                <td colspan="10" class="text-center py-5">
                                    <i class="bi bi-inbox display-4 text-muted"></i>
                                    <p class="mt-3 mb-0 text-muted">Nenhuma movimentação encontrada</p>
                                    {% if filtros.produto_id or filtros.empresa_id or filtros.tipo or filtros.origem or filtros.data_inicio %}
                                    <a href="{{ url_for('estoque_auditoria') }}" class="btn btn-outline-primary mt-3">
                                        <i class="bi bi-x-lg"></i> Limpar Filtros
                                    </a>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
        {% if movimentos|length >= 500 %}
        <div class="card-footer text-center text-muted">
            <small><i class="bi bi-info-circle"></i> Exibindo os últimos 500 registros. Use os filtros para refinar a busca.</small>
        </div>
        {% endif %}
    </div>
</div>

{% endblock %}