{% extends 'base.html' %}

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

{% block title %}Detalhe do Lote {{ lote.numero_controle }}{% endblock %}

{% block content %}
{% set historico = contexto_historico or {} %}
<div class="container-fluid py-4">
    <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', tipo='produto') if not historico.modo_compra_manual else url_for(historico.rota_importador or 'importador.entrada_manual') }}">{{ 'Entrada manual' if historico.modo_compra_manual else 'Importador' }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ url_for(historico.rota_historico or 'importador.historico_lotes_importacao') }}">{{ 'Histórico de entradas por arquivo' if historico.modo_compra_manual else 'Histórico de lotes' }}</a></li>
                    <li class="breadcrumb-item active">{{ lote.numero_controle }}</li>
                </ol>
            </nav>
            <h2 class="mb-1"><i class="fas fa-barcode text-primary me-2"></i>{{ lote.numero_controle }}</h2>
            <div class="d-flex flex-wrap gap-2 mb-2">
                {% if lote.controle_pessoal %}
                <span class="badge rounded-pill bg-info text-dark px-3 py-2">
                    <i class="fas fa-bookmark me-1"></i>{{ lote.controle_pessoal }}
                </span>
                {% else %}
                <span class="badge rounded-pill bg-light text-secondary border px-3 py-2">
                    <i class="fas fa-bookmark me-1"></i>Sem controle pessoal
                </span>
                {% endif %}
            </div>
            <p class="text-muted mb-0">{{ 'Detalhamento da entrada por arquivo e dos itens rastreados.' if historico.modo_compra_manual else 'Detalhamento do lote de importação e dos itens rastreados.' }}</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>
            <button
                type="button"
                class="btn btn-outline-dark"
                data-bs-toggle="modal"
                data-bs-target="#modalEdicaoComercialLote"
            >
                <i class="fas fa-pen me-1"></i>Editar dados comerciais
            </button>
            <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-primary">
                <i class="fas fa-chart-line me-1"></i>Análise do lote
            </a>
            <a href="{{ url_for(historico.rota_historico or 'importador.historico_lotes_importacao') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-1"></i>Voltar ao histórico
            </a>
        </div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-lg-8">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="text-muted small text-uppercase fw-semibold">Arquivo</div>
                            <div class="fw-semibold">{{ lote.arquivo_nome or '-' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-muted small text-uppercase fw-semibold">Criado em</div>
                            <div class="fw-semibold">{{ lote.data_criacao.strftime('%d/%m/%Y %H:%M') if lote.data_criacao else '-' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-muted small text-uppercase fw-semibold">Usuário</div>
                            <div class="fw-semibold">{{ lote.usuario.username if lote.usuario else 'Sistema' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-muted small text-uppercase fw-semibold">Preset</div>
                            <div class="fw-semibold">{{ lote.preset.nome if lote.preset else 'Não informado' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-muted small text-uppercase fw-semibold">Tabela alvo</div>
                            <div class="fw-semibold">{{ lote.tabela_preco_alvo.nome if lote.tabela_preco_alvo else 'Não aplicada' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-muted small text-uppercase fw-semibold">Destino dos custos</div>
                            <div class="fw-semibold">
                                {% if lote.destino_custos_extras == 'custo' %}
                                    Custo do produto
                                {% elif lote.destino_custos_extras == 'preco_cartao' %}
                                    Preço da tabela cartão
                                {% else %}
                                    Apenas rastreado
                                {% endif %}
                            </div>
                        </div>
                    </div>

                    <hr class="my-4">

                    <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-start gap-3 mb-3">
                        <div>
                            <div class="text-muted small text-uppercase fw-semibold">Dados comerciais</div>
                            <div class="small text-muted">Informações visíveis para o acompanhamento do lote.</div>
                        </div>
                        <button
                            type="button"
                            class="btn btn-sm btn-outline-dark"
                            data-bs-toggle="modal"
                            data-bs-target="#modalEdicaoComercialLote"
                        >
                            <i class="fas fa-pen me-1"></i>Editar
                        </button>
                    </div>

                    <div class="row g-3 align-items-stretch">
                        <div class="col-md-4">
                            <div class="border rounded-3 h-100 p-3 bg-light-subtle">
                                <div class="text-muted small text-uppercase fw-semibold mb-1">Controle pessoal</div>
                                <div class="fw-semibold">{{ lote.controle_pessoal or 'Sem controle pessoal informado.' }}</div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="border rounded-3 h-100 p-3 bg-light-subtle">
                                <div class="text-muted small text-uppercase fw-semibold mb-1">Observações</div>
                                <div class="mb-0 text-break">{{ lote.observacoes or 'Sem observações para esta importação.' }}</div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <h5 class="card-title mb-3"><i class="fas fa-chart-pie text-primary me-2"></i>Resumo</h5>
                    <div class="mb-3">
                        <div class="text-muted small text-uppercase fw-semibold">Itens</div>
                        <div class="fs-4 fw-bold">{{ totais.itens }}</div>
                    </div>
                    <div class="mb-3">
                        <div class="text-muted small text-uppercase fw-semibold">Qtd. importada</div>
                        <div class="fs-4 fw-bold">{{ totais.quantidade_formatada }}</div>
                    </div>
                    {% if resumo_comercial_lote %}
                    <div class="mb-3">
                        <div class="text-muted small text-uppercase fw-semibold">{{ resumo_comercial_lote.vendido_label }}</div>
                        <div class="fw-semibold">{{ resumo_comercial_lote.quantidade_vendida_formatada }}</div>
                    </div>
                    <div class="mb-3">
                        <div class="text-muted small text-uppercase fw-semibold">{{ resumo_comercial_lote.saldo_label }}</div>
                        <div class="fw-semibold {% if resumo_comercial_lote.saldo_negativo %}text-danger{% endif %}">{{ resumo_comercial_lote.saldo_atual_formatado }}</div>
                    </div>
                    <div class="mb-3">
                        <div class="text-muted small text-uppercase fw-semibold">Faturamento acompanhado</div>
                        <div class="fw-semibold">{{ resumo_comercial_lote.faturamento_formatado }}</div>
                    </div>
                    {% endif %}
                    <div class="mb-3">
                        <div class="text-muted small text-uppercase fw-semibold">Total da compra</div>
                        <div class="fs-4 fw-bold">{{ totais.valor_total_compra_formatado }}</div>
                    </div>
                    <div class="mb-3">
                        <div class="text-muted small text-uppercase fw-semibold">Frete rateado</div>
                        <div class="fw-semibold">{{ totais.frete_formatado }}</div>
                    </div>
                    <div>
                        <div class="text-muted small text-uppercase fw-semibold">Outros rateados</div>
                        <div class="fw-semibold">{{ totais.outros_formatado }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% set controle_saldo_lote = lote.opcoes_importacao.get('controlar_saldo_lote') if lote.opcoes_importacao else False %}
    {% set bloquear_venda_saldo_lote = lote.opcoes_importacao.get('bloquear_venda_saldo_lote') if lote.opcoes_importacao else False %}
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-white">
            <h5 class="mb-0"><i class="fas fa-layer-group me-2 text-primary"></i>Controle comercial do lote</h5>
        </div>
        <div class="card-body">
            {% if controle_saldo_lote %}
            <div class="d-flex flex-wrap gap-2 mb-2">
                <span class="badge bg-primary">Lançamento com saldo próprio</span>
                {% if bloquear_venda_saldo_lote %}
                <span class="badge bg-danger">Venda bloqueia sem saldo</span>
                {% else %}
                <span class="badge bg-warning text-dark">Saldo pode ficar negativo</span>
                {% endif %}
            </div>
            <p class="text-muted mb-0 small">Esse lote foi marcado como lançamento. Ou seja: a venda baixa deste saldo, e se o bloqueio estiver desligado o sistema deixa o saldo negativo para mostrar que vendeu além deste lançamento.</p>
            {% else %}
            <p class="text-muted mb-0">Este lote está em modo analítico padrão: ele rastreia a importação, não bloqueia venda nem mantém saldo próprio — então abaixo mostramos o importado, o vendido desde a importação e o estoque atual dos produtos para facilitar a conferência.</p>
            {% endif %}
        </div>
    </div>

    {% if usuario and usuario.nivel in ['admin', 'gerente'] %}
    <div class="card shadow-sm mb-4 border-0 bg-light-subtle">
        <div class="card-body py-3">
            <button
                class="btn btn-sm btn-outline-secondary"
                type="button"
                data-bs-toggle="collapse"
                data-bs-target="#informacoesTecnicasLote"
                aria-expanded="false"
                aria-controls="informacoesTecnicasLote"
            >
                <i class="fas fa-cogs me-1"></i>Mostrar informações técnicas da importação
            </button>
            <div class="collapse mt-3" id="informacoesTecnicasLote">
                <div class="row g-4">
                    <div class="col-lg-6">
                        <div class="text-muted small text-uppercase fw-semibold mb-2">Colunas mapeadas</div>
                        {% if lote.mapeamento %}
                        <div class="table-responsive">
                            <table class="table table-sm table-striped align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th>Campo CapeServer</th>
                                        <th>Coluna origem</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for campo, coluna in lote.mapeamento.items() %}
                                    <tr>
                                        <td><code>{{ campo }}</code></td>
                                        <td>{{ coluna }}</td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        {% else %}
                        <p class="text-muted mb-0">Nenhum mapeamento salvo.</p>
                        {% endif %}
                    </div>
                    <div class="col-lg-6">
                        <div class="text-muted small text-uppercase fw-semibold mb-2">Opções da importação</div>
                        {% if lote.opcoes_importacao %}
                        <div class="table-responsive">
                            <table class="table table-sm table-striped align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th>Opção</th>
                                        <th>Valor</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for campo, valor in lote.opcoes_importacao.items() %}
                                    <tr>
                                        <td><code>{{ campo }}</code></td>
                                        <td>{{ valor }}</td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        {% else %}
                        <p class="text-muted mb-0">Nenhuma opção adicional salva.</p>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    <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-boxes me-2 text-primary"></i>Itens do lote</h5>
            <span class="text-muted small">{{ itens|length }} item(ns)</span>
        </div>
        <div class="card-body p-0">
            {% if itens %}
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Linha</th>
                            <th>Produto</th>
                            <th>Marca</th>
                            <th>Cota</th>
                            <th class="text-center">Qtd. importada</th>
                            <th class="text-center">{{ 'Baixado' if controle_saldo_lote else 'Vendido' }}</th>
                            <th class="text-center">{{ 'Saldo do lançamento' if controle_saldo_lote else 'Estoque atual' }}</th>
                            <th class="text-end">Custo original</th>
                            <th class="text-end">Custo final</th>
                            <th class="text-end">Preço cartão</th>
                            <th class="text-end">Extras rateados</th>
                            <th>{{ 'Rateio por empresa' if controle_saldo_lote else 'Estoque por empresa' }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in itens %}
                        {% set resumo = item.resumo_detalhe or {} %}
                        {% set resumo_comercial = item.resumo_comercial or {} %}
                        <tr>
                            <td><span class="badge bg-secondary">{{ item.linha_origem }}</span></td>
                            <td>
                                <div class="fw-semibold">{{ item.produto_nome or '-' }}</div>
                                <div class="small text-muted">Código importado: {{ item.produto_codigo or '-' }}</div>
                                {% if item.produto and item.produto.codigo_produto and item.produto.codigo_produto != item.produto_codigo %}
                                <div class="small text-primary">Cadastro atual: {{ item.produto.codigo_produto }}</div>
                                {% endif %}
                            </td>
                            <td>{{ item.marca or '-' }}</td>
                            <td>
                                {% if item.cota %}
                                <span class="badge bg-info text-dark">{{ item.cota }}</span>
                                {% else %}
                                <span class="text-muted">-</span>
                                {% endif %}
                            </td>
                            <td class="text-center fw-semibold">{{ resumo_comercial.quantidade_importada_formatada or resumo.quantidade_total_formatada }}</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 ('Baixado deste lançamento' if controle_saldo_lote else 'Vendido desde a importação') }}</div>
                            </td>
                            <td class="text-center">
                                <div class="fw-semibold {% if resumo_comercial.saldo_negativo %}text-danger{% endif %}">{{ resumo_comercial.saldo_atual_formatado or '0' }}</div>
                                <div class="small text-muted">{{ resumo_comercial.saldo_label or ('Saldo do lançamento' if controle_saldo_lote else 'Estoque atual') }}</div>
                            </td>
                            <td class="text-end">{{ resumo.custo_unitario_original_formatado }}</td>
                            <td class="text-end">{{ resumo.custo_unitario_final_formatado }}</td>
                            <td class="text-end">
                                {% if item.preco_cartao_original or item.preco_cartao_final %}
                                    <div>Orig.: {{ resumo.preco_cartao_original_formatado }}</div>
                                    <div class="small text-muted">Final: {{ resumo.preco_cartao_final_formatado }}</div>
                                {% else %}
                                    <span class="text-muted">-</span>
                                {% endif %}
                            </td>
                            <td class="text-end">
                                <div>Frete: {{ resumo.valor_frete_rateado_formatado }}</div>
                                <div class="small text-muted">Outros: {{ resumo.valor_outros_rateado_formatado }}</div>
                            </td>
                            <td>
                                {% if not controle_saldo_lote and resumo.estoque_empresa_formatadas %}
                                    {% for quantidade_empresa in resumo.estoque_empresa_formatadas %}
                                    <div class="small">{{ quantidade_empresa.empresa_nome }}: <strong>{{ quantidade_empresa.quantidade }}</strong></div>
                                    {% endfor %}
                                {% elif resumo.quantidades_empresa_formatadas %}
                                    {% for quantidade_empresa in resumo.quantidades_empresa_formatadas %}
                                    <div class="small">{{ quantidade_empresa.empresa_nome }}: <strong>{{ quantidade_empresa.quantidade }}</strong></div>
                                    {% endfor %}
                                {% else %}
                                    <span class="text-muted">{{ 'Sem rateio por empresa' if controle_saldo_lote else 'Sem estoque por empresa' }}</span>
                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="text-center py-5">
                <i class="fas fa-box-open fa-3x text-muted mb-3"></i>
                <h5 class="text-muted">Nenhum item encontrado</h5>
                <p class="text-muted mb-0">Este lote não possui itens registrados.</p>
            </div>
            {% endif %}
        </div>
    </div>
</div>

<div class="modal fade" id="modalEdicaoComercialLote" tabindex="-1" aria-labelledby="modalEdicaoComercialLoteLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <form method="post" action="{{ url_for('importador.atualizar_detalhe_lote_importacao', lote_id=lote.id) }}">
                <input type="hidden" name="modo" value="{{ 'entrada_manual' if historico.modo_compra_manual else '' }}">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalEdicaoComercialLoteLabel">
                        <i class="fas fa-pen me-2 text-primary"></i>Editar dados comerciais do lote
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                </div>
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-5">
                            <label for="controlePessoalLoteModal" class="form-label text-muted small text-uppercase fw-semibold mb-1">Controle pessoal</label>
                            <input
                                id="controlePessoalLoteModal"
                                type="text"
                                class="form-control"
                                name="controle_pessoal"
                                maxlength="120"
                                placeholder="Ex.: Coleção inverno / compra abril"
                                value="{{ lote.controle_pessoal or '' }}"
                            >
                            <div class="form-text">Use esse campo para a referência comercial que fizer mais sentido para a equipe.</div>
                        </div>
                        <div class="col-md-7">
                            <label for="observacoesLoteModal" class="form-label text-muted small text-uppercase fw-semibold mb-1">Observações</label>
                            <textarea
                                id="observacoesLoteModal"
                                class="form-control"
                                name="observacoes"
                                rows="6"
                                placeholder="Anotações comerciais e observações do lote"
                            >{{ lote.observacoes or '' }}</textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-1"></i>Salvar alterações
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}