{% extends 'base.html' %}

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

{% block title %}{{ (contexto_historico.titulo_pagina if contexto_historico else 'Histórico de Lotes de Importação') }}{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    {% set historico = contexto_historico or {} %}
    <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3 mb-4">
        <div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-1">
                    <li class="breadcrumb-item"><a href="{{ url_for(historico.rota_importador or 'importador.index') }}">{{ 'Entrada manual' if historico.modo_compra_manual else 'Importador' }}</a></li>
                    <li class="breadcrumb-item active">{{ historico.titulo_curto or 'Histórico de lotes' }}</li>
                </ol>
            </nav>
            <h2 class="mb-1"><i class="fas fa-layer-group text-primary me-2"></i>{{ historico.titulo_pagina or 'Histórico de lotes de importação' }}</h2>
            <p class="text-muted mb-0">{{ historico.subtitulo_pagina or 'Rastreie entradas por sequência, controle pessoal, cota, marca, produto e custos extras.' }}</p>
        </div>
        <div class="d-flex gap-2 flex-wrap">
            <span class="badge bg-primary fs-6" title="{{ empresa_ui.titulo(empresa) }}">{{ empresa_ui.nome(empresa) }}</span>
            <a href="{{ url_for(historico.rota_importador or 'importador.index', tipo='produto') if not historico.modo_compra_manual else url_for(historico.rota_importador or 'importador.entrada_manual') }}" class="btn btn-success">
                <i class="fas fa-file-import me-1"></i>{{ historico.novo_label or 'Nova importação' }}
            </a>
        </div>
    </div>

    {% if schema_pendencias %}
    <div class="alert alert-warning d-flex align-items-start gap-2" role="alert">
        <i class="fas fa-triangle-exclamation mt-1"></i>
        <div>
            <div class="fw-semibold">Estrutura do histórico ainda não concluída neste ambiente</div>
            <div class="small">Pendências detectadas: {{ schema_pendencias|join(', ') }}.</div>
        </div>
    </div>
    {% endif %}

    <div class="card mb-4">
        <div class="card-body">
            <form method="get">
                <div class="row g-3 align-items-end mb-2">
                    <div class="col-md-2">
                        <label class="form-label">Controle interno</label>
                        <input type="text" class="form-control" name="numero_controle" value="{{ filtros.numero_controle }}" placeholder="Ex.: IMP-001...">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Controle pessoal</label>
                        <input type="text" class="form-control" name="controle_pessoal" value="{{ filtros.controle_pessoal }}" placeholder="Ex.: Inverno 2026">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Cota</label>
                        <input type="text" class="form-control" name="cota" value="{{ filtros.cota }}" placeholder="Ex.: COTA A">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Marca</label>
                        <input type="text" class="form-control" name="marca" value="{{ filtros.marca }}" placeholder="Ex.: Nike">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Produto / código</label>
                        <input type="text" class="form-control" name="produto" value="{{ filtros.produto }}" placeholder="Nome ou código do produto">
                    </div>
                </div>
                <div class="row g-3 align-items-end">
                    <div class="col-md-2">
                        <label class="form-label">Data de lançamento — de</label>
                        <input type="date" class="form-control" name="data_inicio" value="{{ filtros.data_inicio }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">até</label>
                        <input type="date" class="form-control" name="data_fim" value="{{ filtros.data_fim }}">
                    </div>
                    <div class="col-md-2 d-flex gap-2">
                        <button type="submit" class="btn btn-primary flex-fill">
                            <i class="fas fa-search me-1"></i>Filtrar
                        </button>
                        <a href="{{ url_for(historico.rota_historico or 'importador.historico_lotes_importacao') }}" class="btn btn-outline-secondary" title="Limpar filtros">
                            <i class="fas fa-eraser"></i>
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-xl-2 col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small text-uppercase fw-semibold">Lotes</div>
                    <div class="display-6 fw-bold">{{ totais.lotes }}</div>
                </div>
            </div>
        </div>
        <div class="col-xl-2 col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small text-uppercase fw-semibold">Itens</div>
                    <div class="display-6 fw-bold">{{ totais.itens }}</div>
                </div>
            </div>
        </div>
        <div class="col-xl-2 col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small text-uppercase fw-semibold">Quantidade total</div>
                    <div class="display-6 fw-bold">{{ totais.quantidade_formatada }}</div>
                </div>
            </div>
        </div>
        <div class="col-xl-2 col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small text-uppercase fw-semibold">Custo total</div>
                    <div class="fw-bold fs-4">{{ totais.custo_total_formatado }}</div>
                </div>
            </div>
        </div>
        <div class="col-xl-2 col-md-4">
            <div class="card border-0 shadow-sm h-100" style="border-left: 3px solid #7209b7 !important;">
                <div class="card-body">
                    <div class="text-muted small text-uppercase fw-semibold">Meta</div>
                    <div class="fw-bold fs-4" style="color:#7209b7">{{ totais.venda_total_formatado }}</div>
                    <div class="small text-muted">Projeção ao preço cartão</div>
                </div>
            </div>
        </div>
        <div class="col-xl-2 col-md-4">
            <div class="card border-0 shadow-sm h-100" style="border-left: 3px solid #10b981 !important;">
                <div class="card-body">
                    <div class="text-muted small text-uppercase fw-semibold">Vendas Realizadas</div>
                    <div class="fw-bold fs-4" style="color:#10b981">{{ totais.venda_consolidada_formatado }}</div>
                    <div class="small text-muted">Qtd vendida: {{ totais.quantidade_vendida_formatada or '0' }}</div>
                    {% if totais.venda_total and totais.venda_total > 0 %}
                    {% set pct_meta = ((totais.venda_consolidada or 0) / totais.venda_total * 100)|round(1) %}
                    <div class="small {% if pct_meta >= 80 %}text-success{% elif pct_meta >= 50 %}text-warning{% else %}text-danger{% endif %}">{{ pct_meta }}% da meta</div>
                    {% endif %}
                </div>
            </div>
        </div>
        <div class="col-xl-2 col-md-4">
            <div class="card border-0 shadow-sm h-100" style="border-left: 3px solid #4361ee !important;">
                <div class="card-body">
                    <div class="text-muted small text-uppercase fw-semibold">Saldo em Estoque</div>
                    <div class="fw-bold fs-4" style="color:#4361ee">{{ totais.saldo_estoque_formatado }}</div>
                    <div class="small text-muted">Estoque atual dos produtos</div>
                </div>
            </div>
        </div>
        <div class="col-xl-2 col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small text-uppercase fw-semibold">Custos extras</div>
                    <div class="fw-bold fs-4">{{ totais.custos_extras_formatado }}</div>
                    <div class="small text-muted">Frete: {{ totais.frete_formatado }} · Outros: {{ totais.outros_formatado }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card shadow-sm">
        <div class="card-header bg-white d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="fas fa-list-ul me-2 text-primary"></i>Lotes encontrados</h5>
            <span class="text-muted small">Mostrando até os 100 lotes mais recentes</span>
        </div>
        <div class="card-body p-0">
            {% if lotes %}
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th class="text-center">Lanç.</th>
                            <th>Data</th>
                            <th>Controle pessoal</th>
                            <th>Origem</th>
                            <th class="text-center">Importado</th>
                            <th class="text-center">Vendido</th>
                            <th class="text-center">Saldo atual</th>
                            <th class="text-center">Escoamento</th>
                            <th>Financeiro</th>
                            <th>Custos extras</th>
                            <th class="text-center">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for lote in lotes %}
                        {% set itens = lote.itens or [] %}
                        {% set resumo = lote.resumo_listagem or {} %}
                        {% set resumo_comercial = resumo.resumo_comercial or {} %}
                        <tr>
                            <td class="text-center">
                                <span class="badge bg-primary-subtle text-primary-emphasis fs-6">{{ '%02d'|format(resumo.sequencia or loop.index) }}</span>
                            </td>
                            <td>
                                <div>{{ lote.data_criacao.strftime('%d/%m/%Y %H:%M') if lote.data_criacao else '-' }}</div>
                                <div class="small text-muted">{{ lote.usuario.username if lote.usuario else 'Sistema' }}</div>
                            </td>
                            <td>
                                <div class="fw-semibold">{{ lote.controle_pessoal or 'Sem controle pessoal' }}</div>
                                <div class="small text-muted" title="{{ lote.numero_controle }}">Interno: {{ lote.numero_controle }}</div>
                                {% if lote.observacoes %}
                                <div class="small text-muted">{{ lote.observacoes[:70] }}{% if lote.observacoes|length > 70 %}...{% endif %}</div>
                                {% endif %}
                            </td>
                            <td>
                                {% set marcas = resumo.marcas_resumo or [] %}
                                {% set cotas = resumo.cotas_resumo or [] %}
                                {% if resumo.controle_saldo_lote %}
                                <div class="small mb-1">
                                    <span class="badge bg-primary-subtle text-primary-emphasis">Saldo próprio</span>
                                    {% if resumo.bloquear_venda_saldo_lote %}
                                    <span class="badge bg-danger-subtle text-danger-emphasis">Bloqueia venda</span>
                                    {% endif %}
                                </div>
                                {% endif %}
                                {% if marcas %}
                                <div class="small mb-1">
                                    <span class="text-muted">Marca:</span>
                                    {% for m in marcas %}<span class="badge bg-info-subtle text-info-emphasis me-1">{{ m }}</span>{% endfor %}
                                </div>
                                {% endif %}
                                {% if cotas %}
                                <div class="small">
                                    <span class="text-muted">Cota:</span>
                                    {% for c in cotas %}<span class="badge bg-warning-subtle text-warning-emphasis me-1">{{ c }}</span>{% endfor %}
                                </div>
                                {% endif %}
                                {% if not marcas and not cotas %}
                                <span class="text-muted small">—</span>
                                {% endif %}
                            </td>
                            <td class="text-center">
                                <div class="fw-semibold">{{ resumo_comercial.quantidade_importada_formatada or resumo.quantidade_total_formatada }}</div>
                                <div class="small text-muted">{{ 'lote' if resumo.controle_saldo_lote else 'arquivo' }}</div>
                            </td>
                            <td class="text-center">
                                <div class="fw-semibold">{{ resumo_comercial.quantidade_vendida_formatada or '0' }}</div>
                                <div class="small text-muted">{{ resumo_comercial.vendido_label or 'Vendido' }}</div>
                            </td>
                            <td class="text-center">
                                <div class="fw-semibold {% if resumo_comercial.saldo_negativo %}text-danger{% endif %}">{{ resumo_comercial.saldo_atual_formatado or resumo.saldo_estoque_formatado or '0' }}</div>
                                <div class="small text-muted">{{ resumo_comercial.saldo_label or 'Estoque atual' }}</div>
                            </td>
                            <td class="text-center">
                                {% set escoamento = resumo_comercial.escoamento or 0 %}
                                <span class="badge {% if escoamento >= 100 %}bg-success{% elif escoamento >= 50 %}bg-warning text-dark{% else %}bg-secondary{% endif %}">
                                    {{ resumo_comercial.escoamento_formatado or '0,0%' }}
                                </span>
                            </td>
                            <td>
                                <div>Custo: <strong>{{ resumo.custo_total_formatado }}</strong></div>
                                <div class="small" style="color:#7209b7">Meta: {{ resumo.venda_total_formatado }}</div>
                                <div class="small" style="color:#10b981">Vendas: {{ resumo.venda_consolidada_formatado or 'R$ 0,00' }}</div>
                            </td>
                            <td>
                                <div>Frete: <strong>R$ {{ "{:,.2f}".format(lote.valor_frete or 0).replace(',', '_').replace('.', ',').replace('_', '.') }}</strong></div>
                                <div class="small text-muted">Outros: R$ {{ "{:,.2f}".format(lote.valor_outros_custos or 0).replace(',', '_').replace('.', ',').replace('_', '.') }}</div>
                            </td>
                            <td class="text-center">
                                <div class="small text-muted text-start mb-2 px-1">
                                    <div><strong>Arquivo:</strong> {{ resumo.arquivo_nome }}</div>
                                    <div><strong>Resumo:</strong> {{ lote.qtd_registros or 0 }} reg. · {{ resumo.itens_total or itens|length }} itens · Qtd {{ resumo.quantidade_total_formatada }}</div>
                                    <div><strong>Status:</strong> {{ resumo.registros_resumo }}</div>
                                    <div><strong>Destino:</strong> {{ resumo.destino_label }}</div>
                                    {% if resumo.controle_saldo_lote %}
                                    <div><strong>Controle:</strong> saldo próprio{% if resumo.bloquear_venda_saldo_lote %} · bloqueia sem saldo{% endif %}</div>
                                    {% endif %}
                                </div>
                                <div class="btn-group btn-group-sm">
                                    <a href="{{ url_for('importador.detalhe_lote_importacao', lote_id=lote.id, **({'modo': 'entrada_manual'} if historico.modo_compra_manual else {})) }}" class="btn btn-outline-primary">
                                        <i class="fas fa-eye me-1"></i>Detalhes
                                    </a>
                                    <a href="{{ url_for('importador.analise_lote_importacao', lote_id=lote.id, **({'modo': 'entrada_manual'} if historico.modo_compra_manual else {})) }}" class="btn btn-outline-success">
                                        <i class="fas fa-chart-line me-1"></i>Análise
                                    </a>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="text-center py-5">
                <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                <h5 class="text-muted">{{ historico.vazio_titulo or 'Nenhum lote encontrado' }}</h5>
                <p class="text-muted mb-0">{{ historico.vazio_descricao or 'Ajuste os filtros ou faça uma nova importação de produtos para começar a rastrear os lançamentos.' }}</p>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}