{% extends "base.html" %}

{% block title %}Relatório de Produtos{% endblock %}

{% block content %}
{% if modo_ranking_legacy|default(false) %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-box-seam"></i> Relatório de Produtos</h2>
</div>

<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">Data Início</label>
                <input type="date" name="data_inicio" class="form-control" 
                       value="{{ data_inicio.strftime('%Y-%m-%d') }}">
            </div>
            <div class="col-md-3">
                <label class="form-label">Data Fim</label>
                <input type="date" name="data_fim" class="form-control" 
                       value="{{ data_fim.strftime('%Y-%m-%d') }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">Produto (Histórico)</label>
                <select name="produto_id" class="form-select">
                    <option value="">Selecione um produto...</option>
                    {% for produto in todos_produtos %}
                    <option value="{{ produto.id }}" {% if produto_id_filtro == produto.id %}selected{% endif %}>
                        {{ produto.nome }}
                    </option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-2 d-flex align-items-end">
                <button type="submit" class="btn btn-primary w-100">
                    <i class="bi bi-search"></i> Filtrar
                </button>
            </div>
        </form>
    </div>
</div>

<div class="card mb-4">
    <div class="card-header bg-success text-white">
        <h5 class="mb-0"><i class="bi bi-trophy-fill"></i> TOP 10 - Mais Vendidos (Quantidade)</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th width="5%">#</th>
                        <th>Produto</th>
                        <th class="text-end">Qtd Vendida</th>
                        <th class="text-end">Receita Total</th>
                        <th class="text-end">Lucro Total</th>
                        <th class="text-end">Margem %</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in top_mais_vendidos %}
                    <tr>
                        <td><strong>{{ loop.index }}º</strong></td>
                        <td>
                            <a href="?data_inicio={{ data_inicio.strftime('%Y-%m-%d') }}&data_fim={{ data_fim.strftime('%Y-%m-%d') }}&produto_id={{ item.produto.id }}" 
                               class="text-decoration-none">
                                {{ item.produto.nome }}
                            </a>
                        </td>
                        <td class="text-end"><span class="badge bg-primary">{{ item.quantidade_vendida }}</span></td>
                        <td class="text-end text-success">R$ {{ "%.2f"|format(item.receita_total) }}</td>
                        <td class="text-end text-info">R$ {{ "%.2f"|format(item.lucro_total) }}</td>
                        <td class="text-end">
                            <span class="badge {% if item.margem_percentual >= 30 %}bg-success{% elif item.margem_percentual >= 15 %}bg-warning{% else %}bg-danger{% endif %}">
                                {{ "%.1f"|format(item.margem_percentual) }}%
                            </span>
                        </td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="6" class="text-center text-muted">Nenhum produto vendido no período</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="card mb-4">
    <div class="card-header bg-warning text-dark">
        <h5 class="mb-0"><i class="bi bi-cash-stack"></i> TOP 10 - Mais Lucrativos</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th width="5%">#</th>
                        <th>Produto</th>
                        <th class="text-end">Lucro Total</th>
                        <th class="text-end">Receita Total</th>
                        <th class="text-end">Qtd Vendida</th>
                        <th class="text-end">Margem %</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in top_mais_lucrativos %}
                    <tr>
                        <td><strong>{{ loop.index }}º</strong></td>
                        <td>
                            <a href="?data_inicio={{ data_inicio.strftime('%Y-%m-%d') }}&data_fim={{ data_fim.strftime('%Y-%m-%d') }}&produto_id={{ item.produto.id }}" 
                               class="text-decoration-none">
                                {{ item.produto.nome }}
                            </a>
                        </td>
                        <td class="text-end text-success"><strong>R$ {{ "%.2f"|format(item.lucro_total) }}</strong></td>
                        <td class="text-end">R$ {{ "%.2f"|format(item.receita_total) }}</td>
                        <td class="text-end"><span class="badge bg-primary">{{ item.quantidade_vendida }}</span></td>
                        <td class="text-end">
                            <span class="badge {% if item.margem_percentual >= 30 %}bg-success{% elif item.margem_percentual >= 15 %}bg-warning{% else %}bg-danger{% endif %}">
                                {{ "%.1f"|format(item.margem_percentual) }}%
                            </span>
                        </td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="6" class="text-center text-muted">Nenhum produto vendido no período</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

{% if produto_selecionado %}
<div class="card mb-4 border-primary">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="bi bi-book"></i> Histórico de Vendas - {{ produto_selecionado.nome }}</h5>
    </div>
    <div class="card-body">
        {% if historico_produto %}
        <div class="table-responsive">
            <table class="table table-bordered table-hover">
                <thead class="table-light">
                    <tr>
                        <th width="10%">Data</th>
                        <th width="10%">Venda #</th>
                        <th>Cliente</th>
                        <th class="text-center" width="10%">Quantidade</th>
                        <th class="text-end" width="12%">Preço Unit.</th>
                        <th class="text-end" width="12%">Valor Total</th>
                        <th class="text-end" width="12%">Lucro</th>
                    </tr>
                </thead>
                <tbody>
                    {% for venda in historico_produto %}
                    <tr>
                        <td>{{ venda.data.strftime('%d/%m/%Y') }}</td>
                        <td>
                            {% set venda_detalhes_disponivel = has_endpoint('venda_detalhes') %}
                            <a href="{{ safe_url_for('venda_detalhes', fallback='#', id=venda.venda_id) }}" 
                               class="badge bg-secondary text-decoration-none {% if not venda_detalhes_disponivel %}disabled{% endif %}" target="_blank"
                               {% if not venda_detalhes_disponivel %}onclick="return false;" aria-disabled="true" title="Detalhamento da venda indisponível neste runtime"{% endif %}>
                                #{{ venda.venda_id }}
                            </a>
                        </td>
                        <td>{{ venda.cliente }}</td>
                        <td class="text-center">{{ venda.quantidade }}</td>
                        <td class="text-end">R$ {{ "%.2f"|format(venda.preco_unitario) }}</td>
                        <td class="text-end text-success"><strong>R$ {{ "%.2f"|format(venda.valor_total) }}</strong></td>
                        <td class="text-end text-info">R$ {{ "%.2f"|format(venda.lucro) }}</td>
                    </tr>
                    {% endfor %}
                    <tr class="table-active">
                        <td colspan="3" class="text-end"><strong>TOTAIS:</strong></td>
                        <td class="text-center"><strong>{{ historico_produto|sum(attribute='quantidade') }}</strong></td>
                        <td></td>
                        <td class="text-end text-success"><strong>R$ {{ "%.2f"|format(historico_produto|sum(attribute='valor_total')) }}</strong></td>
                        <td class="text-end text-info"><strong>R$ {{ "%.2f"|format(historico_produto|sum(attribute='lucro')) }}</strong></td>
                    </tr>
                </tbody>
            </table>
        </div>
        {% else %}
        <p class="text-center text-muted mb-0">Nenhuma venda encontrada para este produto no período.</p>
        {% endif %}
    </div>
</div>
{% endif %}
{% else %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1><i class="bi bi-box-seam"></i> Relatório de Produtos</h1>
</div>

<!-- Filtros -->
<div class="card mb-4">
    <div class="card-body">
        <form method="GET" class="row g-3">
            <!-- Linha 1: Datas e Produto -->
            <div class="col-md-2">
                <label class="form-label">Empresa:</label>
                <select name="empresa_id" class="form-select">
                    {% for empresa in empresas_disponiveis %}
                    <option value="{{ empresa.id }}" {% if empresa_id_selecionada == empresa.id %}selected{% endif %}>
                        {{ empresa.nome or ('Empresa ' ~ empresa.id) }}
                    </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="{{ data_inicio.strftime('%Y-%m-%d') if data_inicio else '' }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">Data Fim:</label>
                <input type="date" name="data_fim" class="form-control" 
                       value="{{ data_fim.strftime('%Y-%m-%d') if data_fim else '' }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">Produto (para ver histórico):</label>
                <select name="produto_id" class="form-select">
                    <option value="">-- Todos os produtos --</option>
                    {% for produto in todos_produtos %}
                    <option value="{{ produto.id }}" {% if produto_id_filtro == produto.id %}selected{% endif %}>
                        {{ produto.nome }}
                    </option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Código Produto:</label>
                <input type="text" name="codigo_produto" class="form-control"
                       value="{{ codigo_produto_filtro or '' }}" placeholder="Código / barras / ref">
            </div>
            <div class="col-md-2">
                <label class="form-label">NCM:</label>
                <select name="ncm" class="form-select">
                    <option value="">-- Todos --</option>
                    {% for ncm in ncms %}
                    <option value="{{ ncm }}" {% if ncm_filtro == ncm %}selected{% endif %}>{{ ncm }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Classificação:</label>
                <select name="classificar" class="form-select">
                    <option value="codigo" {% if classificar == 'codigo' %}selected{% endif %}>Código</option>
                    <option value="nome" {% if classificar == 'nome' %}selected{% endif %}>Nome</option>
                    <option value="descricao" {% if 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 ordem == 'asc' %}selected{% endif %}>Crescente</option>
                    <option value="desc" {% if ordem == 'desc' %}selected{% endif %}>Decrescente</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Grupo:</label>
                <select name="grupo_id" class="form-select">
                    <option value="">-- Todos --</option>
                    {% for grupo in grupos %}
                    <option value="{{ grupo.id }}" {% if grupo_id_filtro == grupo.id %}selected{% endif %}>{{ grupo.nome }}</option>
                    {% endfor %}
                </select>
            </div>
            
            <!-- Linha 2: Mais filtros -->
            <div class="col-md-2">
                <label class="form-label">Embalagem:</label>
                <select name="embalagem_id" class="form-select">
                    <option value="">-- Todas --</option>
                    {% for emb in embalagens %}
                    <option value="{{ emb.id }}" {% if embalagem_id_filtro == emb.id %}selected{% endif %}>{{ emb.nome }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Marca:</label>
                <select name="marca" class="form-select">
                    <option value="">-- Todas --</option>
                    {% for marca in marcas %}
                    <option value="{{ marca }}" {% if marca_filtro == marca %}selected{% endif %}>{{ marca }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Perfil Tributário:</label>
                <select name="perfil_tributario_id" class="form-select">
                    <option value="">-- Todos --</option>
                    {% for perfil in perfis_tributarios %}
                    <option value="{{ perfil.id }}" {% if perfil_tributario_id_filtro == perfil.id %}selected{% endif %}>{{ perfil.nome }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Fornecedor:</label>
                <select name="fornecedor_id" class="form-select">
                    <option value="">-- Todos --</option>
                    {% for forn in fornecedores %}
                    <option value="{{ forn.id }}" {% if fornecedor_id_filtro == forn.id %}selected{% endif %}>{{ forn.razao_social }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-3 d-flex align-items-end gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-search"></i> Filtrar
                </button>
                <a href="{{ url_for('relatorio_produtos') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-x-circle"></i> Limpar
                </a>
            </div>
        </form>
    </div>
</div>


<!-- Tabela de Produtos Cadastrados -->
<div class="card">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="bi bi-box"></i> Produtos Cadastrados</h5>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-bordered table-hover mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Código</th>
                        <th>Nome</th>
                        <th>Pendências</th>
                        <th>Grupo</th>
                        <th>Embalagem</th>
                        <th>NCM</th>
                        <th>Marca</th>
                        <th>Perfil Tributário</th>
                        <th>Fornecedor</th>
                        <th class="text-end">Estoque</th>
                        <th class="text-end">Preço Venda</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    {% for produto in produtos %}
                    {% set pendencias = [] %}
                    {% if not (produto.codigo_produto or produto.codigo_barras or produto.referencia) %}
                        {% set pendencias = pendencias + ['Código'] %}
                    {% endif %}
                    {% if not produto.grupo %}
                        {% set pendencias = pendencias + ['Grupo'] %}
                    {% endif %}
                    {% if not produto.embalagem %}
                        {% set pendencias = pendencias + ['Embalagem'] %}
                    {% endif %}
                    {% if not produto.ncm %}
                        {% set pendencias = pendencias + ['NCM'] %}
                    {% endif %}
                    {% if not produto.fornecedor %}
                        {% set pendencias = pendencias + ['Fornecedor'] %}
                    {% endif %}
                    {% if not produto.perfil_tributario_id or produto.perfil_tributario_id not in perfis_por_id %}
                        {% set pendencias = pendencias + ['Perfil tributário'] %}
                    {% endif %}
                    {% if produto.valor_venda is none or (produto.valor_venda or 0) <= 0 %}
                        {% set pendencias = pendencias + ['Preço venda'] %}
                    {% endif %}
                    <tr{% if produto_selecionado and produto.id == produto_selecionado.id %} class="table-active"{% endif %}>
                        <td>{{ produto.codigo_produto or produto.codigo_barras or produto.referencia or '-' }}</td>
                        <td>{{ produto.nome }}</td>
                        <td>
                            {% if pendencias %}
                                <div class="d-flex flex-wrap gap-1">
                                    {% for pendencia in pendencias %}
                                    <span class="badge bg-warning text-dark">{{ pendencia }}</span>
                                    {% endfor %}
                                </div>
                            {% else %}
                                <span class="badge bg-success">Completo</span>
                            {% endif %}
                        </td>
                        <td>{{ produto.grupo.nome if produto.grupo else '-' }}</td>
                        <td>{{ produto.embalagem.nome if produto.embalagem else '-' }}</td>
                        <td>{{ produto.ncm or '-' }}</td>
                        <td>{{ produto.marca or '-' }}</td>
                        <td>{{ perfis_por_id[produto.perfil_tributario_id].nome if produto.perfil_tributario_id in perfis_por_id else '-' }}</td>
                        <td>{{ produto.fornecedor.razao_social if produto.fornecedor else '-' }}</td>
                        <td class="text-end">{{ produto.estoque_atual if produto.estoque_atual is not none else '-' }}</td>
                        <td class="text-end">R$ {{ '%.2f'|format(produto.valor_venda or 0) }}</td>
                        <td>{% if produto.ativo %}<span class="badge bg-success">Ativo</span>{% else %}<span class="badge bg-danger">Inativo</span>{% endif %}</td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="12" class="text-center text-muted py-3">Nenhum produto encontrado para os filtros informados.</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

{% if produto_selecionado %}
{% set resumo_livro_item = resumo_livro_item|default({'total_eventos': 0, 'qtd_movimentos': 0, 'qtd_eventos_negocio': 0, 'qtd_alteracoes_cadastro': 0, 'primeiro_evento': None, 'ultimo_evento': None, 'saldo_atual': None}) %}
{% set livro_item = livro_item|default([]) %}
{% set is_fracionado = produto_selecionado.fracionado if produto_selecionado else false %}
{% set historico_pdf_disponivel = has_endpoint('relatorio_produtos_pdf') %}
{% set historico_csv_disponivel = has_endpoint('relatorio_produtos_historico_csv') %}
{% set historico_xlsx_disponivel = has_endpoint('relatorio_produtos_historico_xlsx') %}
<div class="card mt-4">
    <div class="card-header bg-secondary text-white d-flex justify-content-between align-items-center">
        <div>
            <h5 class="mb-0"><i class="bi bi-journal-text"></i> Livro do Item</h5>
            <small class="text-white-50">
                {{ produto_selecionado.nome }}
                {% if resumo_livro_item.primeiro_evento %}
                • acompanhamento completo desde {{ resumo_livro_item.primeiro_evento.strftime('%d/%m/%Y %H:%M') }}
                {% endif %}
            </small>
        </div>
        <div class="d-flex gap-2">
            <a class="btn btn-sm btn-danger {% if not historico_pdf_disponivel %}disabled{% endif %}"
               href="{{ safe_url_for('relatorio_produtos_pdf', fallback='#', produto_id=produto_selecionado.id, empresa_id=empresa_id_selecionada, data_inicio=(data_inicio.strftime('%Y-%m-%d') if data_inicio else ''), data_fim=(data_fim.strftime('%Y-%m-%d') if data_fim else '')) }}"
               {% if not historico_pdf_disponivel %}onclick="return false;" aria-disabled="true" title="Exportação PDF do histórico indisponível neste runtime"{% endif %}>
                <i class="bi bi-filetype-pdf"></i> PDF
            </a>
            <a class="btn btn-sm btn-light {% if not historico_csv_disponivel %}disabled{% endif %}"
               href="{{ safe_url_for('relatorio_produtos_historico_csv', fallback='#', produto_id=produto_selecionado.id, empresa_id=empresa_id_selecionada, data_inicio=(data_inicio.strftime('%Y-%m-%d') if data_inicio else ''), data_fim=(data_fim.strftime('%Y-%m-%d') if data_fim else '')) }}"
               {% if not historico_csv_disponivel %}onclick="return false;" aria-disabled="true" title="Exportação CSV do histórico indisponível neste runtime"{% endif %}>
                <i class="bi bi-filetype-csv"></i> CSV
            </a>
            <a class="btn btn-sm btn-warning {% if not historico_xlsx_disponivel %}disabled{% endif %}"
               href="{{ safe_url_for('relatorio_produtos_historico_xlsx', fallback='#', produto_id=produto_selecionado.id, empresa_id=empresa_id_selecionada, data_inicio=(data_inicio.strftime('%Y-%m-%d') if data_inicio else ''), data_fim=(data_fim.strftime('%Y-%m-%d') if data_fim else '')) }}"
               {% if not historico_xlsx_disponivel %}onclick="return false;" aria-disabled="true" title="Exportação Excel do histórico indisponível neste runtime"{% endif %}>
                <i class="bi bi-file-earmark-excel"></i> Excel
            </a>
        </div>
    </div>
    <div class="card-body border-bottom">
        <div class="row g-3">
            <div class="col-lg col-md-4">
                <div class="p-3 bg-primary bg-opacity-10 rounded border border-primary-subtle h-100">
                    <div class="text-primary fw-bold">Total de Eventos</div>
                    <div class="fs-4">{{ resumo_livro_item.total_eventos or 0 }}</div>
                </div>
            </div>
            <div class="col-lg col-md-4">
                <div class="p-3 bg-success bg-opacity-10 rounded border border-success-subtle h-100">
                    <div class="text-success fw-bold">Movimentos de Estoque</div>
                    <div class="fs-4">{{ resumo_livro_item.qtd_movimentos or 0 }}</div>
                </div>
            </div>
            <div class="col-lg col-md-4">
                <div class="p-3 bg-primary bg-opacity-10 rounded border border-primary-subtle h-100">
                    <div class="text-primary fw-bold">Eventos Comerciais/Fiscais</div>
                    <div class="fs-4">{{ resumo_livro_item.qtd_eventos_negocio or 0 }}</div>
                </div>
            </div>
            <div class="col-lg col-md-4">
                <div class="p-3 bg-info bg-opacity-10 rounded border border-info-subtle h-100">
                    <div class="text-info fw-bold">Alterações de Cadastro</div>
                    <div class="fs-4">{{ resumo_livro_item.qtd_alteracoes_cadastro or 0 }}</div>
                </div>
            </div>
            <div class="col-lg col-md-4">
                <div class="p-3 bg-secondary bg-opacity-10 rounded border border-secondary-subtle h-100">
                    <div class="text-secondary fw-bold">Primeiro Evento</div>
                    <div class="small fw-semibold mt-2">
                        {% if resumo_livro_item.primeiro_evento %}
                        {{ resumo_livro_item.primeiro_evento.strftime('%d/%m/%Y %H:%M') }}
                        {% else %}
                        -
                        {% endif %}
                    </div>
                </div>
            </div>
            <div class="col-lg col-md-4">
                <div class="p-3 bg-secondary bg-opacity-10 rounded border border-secondary-subtle h-100">
                    <div class="text-secondary fw-bold">Último Evento</div>
                    <div class="small fw-semibold mt-2">
                        {% if resumo_livro_item.ultimo_evento %}
                        {{ resumo_livro_item.ultimo_evento.strftime('%d/%m/%Y %H:%M') }}
                        {% else %}
                        -
                        {% endif %}
                    </div>
                </div>
            </div>
            <div class="col-lg col-md-4">
                <div class="p-3 bg-warning bg-opacity-10 rounded border border-warning-subtle h-100">
                    <div class="text-warning fw-bold">Saldo Atual Conhecido</div>
                    <div class="fs-4">
                        {% if resumo_livro_item.saldo_atual is not none %}
                        {% if is_fracionado %}{{ "%.3f"|format(resumo_livro_item.saldo_atual|float)|replace(".", ",") }}{% else %}{{ resumo_livro_item.saldo_atual|float|int }}{% endif %}
                        {% else %}
                        -
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-bordered table-sm mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Data/Hora</th>
                        <th>Evento</th>
                        <th>Origem</th>
                        <th>Documento</th>
                        <th>Referência</th>
                        <th>Usuário</th>
                        <th class="text-end text-success">Entrada</th>
                        <th class="text-end text-danger">Saída</th>
                        <th class="text-end">Saldo</th>
                        <th>Observações</th>
                    </tr>
                </thead>
                <tbody>
                    {% if livro_item %}
                        {% for linha in livro_item %}
                        <tr{% if linha.tipo_linha == 'cadastro' %} class="table-light"{% elif linha.tipo_linha == 'negocio' %} class="table-primary-subtle"{% endif %}>
                            <td>{{ linha.data_hora.strftime('%d/%m/%Y %H:%M') if linha.data_hora else '-' }}</td>
                            <td>
                                {% if linha.tipo_linha == 'cadastro' %}
                                    <span class="badge bg-info text-dark">{{ linha.evento }}</span>
                                {% elif linha.tipo_linha == 'negocio' %}
                                    <span class="badge bg-primary">{{ linha.evento }}</span>
                                {% elif linha.entrada %}
                                    <span class="badge bg-success">{{ linha.evento }}</span>
                                {% elif linha.saida %}
                                    <span class="badge bg-danger">{{ linha.evento }}</span>
                                {% else %}
                                    <span class="badge bg-secondary">{{ linha.evento }}</span>
                                {% endif %}
                            </td>
                            <td>{{ linha.origem or '-' }}</td>
                            <td>{{ linha.documento or '-' }}</td>
                            <td>{{ linha.referencia or '-' }}</td>
                            <td>{{ linha.usuario or '-' }}</td>
                            <td class="text-end text-success">{% if linha.entrada is not none %}{% if is_fracionado %}{{ "%.3f"|format(linha.entrada|float)|replace(".", ",") }}{% else %}{{ linha.entrada|float|int }}{% endif %}{% else %}-{% endif %}</td>
                            <td class="text-end text-danger">{% if linha.saida is not none %}{% if is_fracionado %}{{ "%.3f"|format(linha.saida|float)|replace(".", ",") }}{% else %}{{ linha.saida|float|int }}{% endif %}{% else %}-{% endif %}</td>
                            <td class="text-end fw-bold">{% if linha.saldo is not none %}{% if is_fracionado %}{{ "%.3f"|format(linha.saldo|float)|replace(".", ",") }}{% else %}{{ linha.saldo|float|int }}{% endif %}{% else %}-{% endif %}</td>
                            <td>{{ linha.observacoes or '-' }}</td>
                        </tr>
                        {% endfor %}
                    {% else %}
                        <tr>
                            <td colspan="10" class="text-center text-muted py-3">
                                Nenhum evento encontrado para este item até a data informada.
                            </td>
                        </tr>
                    {% endif %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

{% endif %}

{% endblock %}