{% extends "base.html" %}

{% block title %}Emitir NF-e{% endblock %}

{% block content %}
{% set cliente_uf = (
    venda.pessoa.uf if venda.pessoa and venda.pessoa.uf else
    (venda.pessoa.estado if venda.pessoa and venda.pessoa.estado else
    (venda.cliente.uf if venda.cliente and venda.cliente.uf else
    (venda.cliente.estado if venda.cliente and venda.cliente.estado else '')))
)|upper %}
{% set emitente_uf = (empresa.uf or '')|upper %}
{% set destino_operacao_sugerido = '2' if cliente_uf and emitente_uf and cliente_uf != emitente_uf else '1' %}
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col">
            <h2><i class="bi bi-file-earmark-plus"></i> Emitir NF-e</h2>
            <p class="text-muted">Nota Fiscal Eletrônica - Modelo 55</p>
        </div>
    </div>

    <form id="form-emissao" method="POST" action="{{ url_for('fiscal_processar_nfe', venda_id=venda.id, modelo='55') }}">
        <!-- Dados da Venda -->
        <div class="card mb-3">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="bi bi-cart-check"></i> Dados da Venda</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <p><strong>Número do Pedido:</strong><br>{{ venda.numero_pedido }}</p>
                    </div>
                    <div class="col-md-3">
                        <p><strong>Data da Venda:</strong><br>{{ venda.data_venda.strftime('%d/%m/%Y') }}</p>
                    </div>
                    <div class="col-md-3">
                        <p><strong>Cliente:</strong><br>{{ venda.get_cliente_nome() or 'Consumidor Final' }}</p>
                    </div>
                    <div class="col-md-3">
                        <p><strong>Valor Total:</strong><br><span class="fs-5 text-success">R$ {{ "%.2f"|format(venda.valor_total) }}</span></p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Itens da Venda -->
        <div class="card mb-3">
            <div class="card-header bg-info text-white">
                <h5 class="mb-0"><i class="bi bi-list-ul"></i> Itens da Nota Fiscal</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Produto</th>
                                <th>NCM</th>
                                <th>CFOP</th>
                                <th>Qtd</th>
                                <th>Valor Unit.</th>
                                <th>Total</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in venda.itens %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>{{ item.produto.nome }}</td>
                                <td>
                                    {% if item.produto.ncm %}
                                    <span class="badge bg-success">{{ item.produto.ncm }}</span>
                                    {% else %}
                                    <span class="badge bg-danger">Não configurado</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if item.produto.cfop %}
                                    {{ item.produto.cfop }}
                                    {% else %}
                                    <span class="text-danger">-</span>
                                    {% endif %}
                                </td>
                                <td>{{ item.quantidade }}</td>
                                <td>R$ {{ "%.2f"|format(item.valor_unitario) }}</td>
                                <td>R$ {{ "%.2f"|format(item.valor_total) }}</td>
                                <td>
                                    {% if item.produto.ncm and item.produto.cfop %}
                                    <i class="bi bi-check-circle text-success"></i>
                                    {% else %}
                                    <i class="bi bi-exclamation-triangle text-danger" title="Produto sem dados fiscais"></i>
                                    {% endif %}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>

                <!-- Alertas de validação -->
                {% set produtos_sem_fiscal = [] %}
                {% for item in venda.itens %}
                    {% if not item.produto.ncm or not item.produto.cfop %}
                        {% set _ = produtos_sem_fiscal.append(item.produto.nome) %}
                    {% endif %}
                {% endfor %}

                {% if produtos_sem_fiscal %}
                <div class="alert alert-warning mt-3">
                    <i class="bi bi-exclamation-triangle"></i> 
                    <strong>Atenção!</strong> Os seguintes produtos não possuem dados fiscais completos:
                    <ul class="mb-0 mt-2">
                        {% for nome in produtos_sem_fiscal %}
                        <li>{{ nome }}</li>
                        {% endfor %}
                    </ul>
                    <a href="{{ url_for('produtos') }}" class="btn btn-sm btn-warning mt-2">
                        <i class="bi bi-pencil"></i> Cadastrar Dados Fiscais
                    </a>
                </div>
                {% endif %}
            </div>
        </div>

        <!-- Dados da NF-e -->
        <div class="card mb-3">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0"><i class="bi bi-file-earmark-text"></i> Dados da NF-e (MOC NFe ABI v1.00)</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Modelo:</label>
                            <input type="text" class="form-control" value="55 (NF-e)" readonly>
                            <small class="text-muted">ID: B04</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Série:</label>
                            <input type="text" class="form-control" value="{{ config.serie_nfe }}" readonly>
                            <small class="text-muted">ID: B05</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Número:</label>
                            <input type="text" class="form-control" value="{{ config.numero_nfe_atual }}" readonly>
                            <small class="text-muted">ID: B06</small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label">Natureza da Operação:</label>
                            <select name="natureza_operacao" class="form-select" required>
                                <option value="Venda de Mercadoria">Venda de Mercadoria</option>
                                <option value="Venda de Produção do Estabelecimento">Venda de Produção</option>
                                <option value="Venda de Serviço">Venda de Serviço</option>
                                <option value="Remessa para Demonstração">Remessa para Demonstração</option>
                                <option value="Devolução de Mercadoria">Devolução de Mercadoria</option>
                            </select>
                            <small class="text-muted">ID: B11 (natOp - até 60 caracteres)</small>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Tipo Operação:</label>
                            <select name="tipo_operacao" class="form-select" required>
                                <option value="1" selected>1 - Saída</option>
                                <option value="0">0 - Entrada</option>
                            </select>
                            <small class="text-muted">ID: B12a (tpNF)</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Destino:</label>
                            <select name="destino_operacao" class="form-select" required>
                                <option value="1" {% if destino_operacao_sugerido == '1' %}selected{% endif %}>1 - Interna</option>
                                <option value="2" {% if destino_operacao_sugerido == '2' %}selected{% endif %}>2 - Interestadual</option>
                                <option value="3">3 - Exterior</option>
                            </select>
                            <small class="text-muted">ID: B12b (idDest)</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Finalidade:</label>
                            <select name="finalidade" class="form-select" required>
                                <option value="1" selected>1 - Normal</option>
                                <option value="2">2 - Complementar</option>
                                <option value="3">3 - Ajuste</option>
                                <option value="4">4 - Devolução</option>
                            </select>
                            <small class="text-muted">ID: B15 (finNFe)</small>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Consumidor:</label>
                            <select name="consumidor_final" class="form-select" required>
                                <option value="0">0 - Normal</option>
                                <option value="1" selected>1 - Final</option>
                            </select>
                            <small class="text-muted">ID: B16 (indFinal)</small>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mb-3">
                            <label class="form-label">Presença:</label>
                            <select name="presenca" class="form-select" required>
                                <option value="0">0 - Não se aplica</option>
                                <option value="1" selected>1 - Presencial</option>
                                <option value="2">2 - Internet</option>
                                <option value="3">3 - Teleatendimento</option>
                                <option value="4">4 - Domicílio</option>
                                <option value="9">9 - Outros</option>
                            </select>
                            <small class="text-muted">ID: B17 (indPres)</small>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-3">
                        <div class="mb-3">
                            <label class="form-label">Ambiente:</label>
                            <input type="text" class="form-control" 
                                   value="{{ 'Homologação' if config.ambiente_nfe == 'homologacao' else 'Produção' }}" 
                                   readonly>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="mb-3">
                            <label class="form-label"><strong>Tipo de Emissão:</strong></label>
                            <select name="tipo_emissao" id="tipo_emissao" class="form-select" required>
                                <option value="1">1 - Normal (SEFAZ)</option>
                                <option value="6" selected>6 - SVC-RS (Contingência SVRS)</option>
                                <option value="7">7 - SVC-AN (Contingência SVAN)</option>
                                <option value="4">4 - DPEC</option>
                                <option value="5">5 - FS-DA (Conting. c/ DANFE)</option>
                                <option value="9">9 - Off-line NFC-e</option>
                            </select>
                            <small class="text-muted">ID: B12 (tpEmis)</small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="alert alert-info mb-0" id="alertaEmissao">
                            <i class="bi bi-info-circle"></i>
                            {% if config.ambiente_nfe == 'homologacao' %}
                            <strong>Modo de Homologação:</strong> Esta nota será enviada para o ambiente de testes.
                            {% else %}
                            <strong>Modo de Produção:</strong> Esta nota terá validade fiscal!
                            {% endif %}
                            <br><small>A Chave de Acesso de 44 dígitos será gerada automaticamente conforme MOC NFe ABI - Tabela 2-1</small>
                            <div id="infoTpEmis" class="mt-2 small">
                                <strong>SVC-RS:</strong> Contingência via SEFAZ Virtual do Rio Grande do Sul (SVRS)
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Transporte e Volumes -->
        <div class="card mb-3">
            <div class="card-header bg-secondary text-white">
                <h5 class="mb-0"><i class="bi bi-truck"></i> Transporte e Volumes</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="mb-3">
                            <label class="form-label">Modalidade do Frete:</label>
                            <select name="mod_frete" class="form-select">
                                <option value="9" selected>9 - Sem Frete</option>
                                <option value="0">0 - Por conta Emitente</option>
                                <option value="1">1 - Por conta Destinatário</option>
                                <option value="2">2 - Por conta Terceiros</option>
                                <option value="3">3 - Próprio por conta Remetente</option>
                                <option value="4">4 - Próprio por conta Destinatário</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="mb-3">
                            <label class="form-label">Transportadora:</label>
                            <select name="transportadora_id" class="form-select" id="transportadora_id">
                                <option value="">-- Selecione (opcional) --</option>
                                {% for t in transportadoras %}
                                <option value="{{ t.id }}">{{ t.razao_social or t.nome }} {% if t.cnpj %}({{ t.cnpj }}){% endif %}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Placa Veículo:</label>
                            <input type="text" name="veiculo_placa" class="form-control" placeholder="ABC1234" maxlength="10">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">UF Veículo:</label>
                            <input type="text" name="veiculo_uf" class="form-control" placeholder="BA" maxlength="2">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Qtd Volumes:</label>
                            <input type="number" name="volume_qtd" class="form-control" value="1" min="0">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Espécie:</label>
                            <input type="text" name="volume_especie" class="form-control" placeholder="CAIXA" maxlength="60">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="mb-3">
                            <label class="form-label">Marca:</label>
                            <input type="text" name="volume_marca" class="form-control" maxlength="60">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="mb-3">
                            <label class="form-label">Peso Bruto (kg):</label>
                            <input type="number" name="volume_peso_bruto" class="form-control" step="0.001" value="0">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="mb-3">
                            <label class="form-label">Peso Líquido (kg):</label>
                            <input type="number" name="volume_peso_liquido" class="form-control" step="0.001" value="0">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Totais -->
        <div class="card mb-3">
            <div class="card-header bg-dark text-white">
                <h5 class="mb-0"><i class="bi bi-calculator"></i> Totais da NF-e</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <p><strong>Total dos Produtos:</strong><br>
                        <span class="fs-5">R$ {{ "%.2f"|format(venda.subtotal) }}</span></p>
                    </div>
                    <div class="col-md-3">
                        <p><strong>Desconto:</strong><br>
                        <span class="fs-5 text-danger">R$ {{ "%.2f"|format(venda.desconto or 0) }}</span></p>
                    </div>
                    <div class="col-md-3">
                        <p><strong>Frete/Outras:</strong><br>
                        <span class="fs-5">R$ 0,00</span></p>
                    </div>
                    <div class="col-md-3">
                        <p><strong>Valor Total da NF-e:</strong><br>
                        <span class="fs-4 text-success"><strong>R$ {{ "%.2f"|format(venda.valor_total) }}</strong></span></p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Botões -->
        <div class="card">
            <div class="card-body">
                {% if not produtos_sem_fiscal %}
                <button type="submit" class="btn btn-success btn-lg">
                    <i class="bi bi-send"></i> Gerar e Transmitir NF-e
                </button>
                {% else %}
                <button type="button" class="btn btn-secondary btn-lg" disabled>
                    <i class="bi bi-exclamation-triangle"></i> Complete os Dados Fiscais Primeiro
                </button>
                {% endif %}
                
                <a href="{{ url_for('fiscal_notas') }}" class="btn btn-outline-secondary btn-lg">
                    <i class="bi bi-arrow-left"></i> Voltar
                </a>
            </div>
        </div>
    </form>
</div>

<script>
// Atualizar informações conforme tipo de emissão selecionado
document.getElementById('tipo_emissao').addEventListener('change', function() {
    const infoDiv = document.getElementById('infoTpEmis');
    const alertDiv = document.getElementById('alertaEmissao');
    
    const descricoes = {
        '1': '<strong>Normal:</strong> Emissão direta na SEFAZ do estado (quando disponível)',
        '6': '<strong>SVC-RS:</strong> Contingência via SEFAZ Virtual do Rio Grande do Sul (SVRS). Para PE, BA, MA, PA, PI, RS, SC, etc.',
        '7': '<strong>SVC-AN:</strong> Contingência via SEFAZ Virtual do Ambiente Nacional (SVAN). Para SP, MG, GO, etc.',
        '4': '<strong>DPEC:</strong> Declaração Prévia de Emissão em Contingência. Prazo 24h para regularização.',
        '5': '<strong>FS-DA:</strong> Formulário de Segurança - Documento Auxiliar. Emissão em contingência com DANFE em papel.',
        '9': '<strong>Off-line NFC-e:</strong> Apenas para NFC-e em contingência off-line.'
    };
    
    infoDiv.innerHTML = descricoes[this.value] || '';
    
    // Alertas especiais
    if (this.value === '1') {
        alertDiv.classList.remove('alert-info', 'alert-warning');
        alertDiv.classList.add('alert-success');
    } else if (['4', '5', '9'].includes(this.value)) {
        alertDiv.classList.remove('alert-info', 'alert-success');
        alertDiv.classList.add('alert-warning');
    } else {
        alertDiv.classList.remove('alert-success', 'alert-warning');
        alertDiv.classList.add('alert-info');
    }
});

document.getElementById('form-emissao').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const tpEmis = document.getElementById('tipo_emissao').value;
    let mensagem = 'Confirma a emissão da NF-e?\n\nEsta ação irá:\n- Gerar o XML da nota\n- Assinar digitalmente\n- Transmitir para a SEFAZ';
    
    if (tpEmis === '6') {
        mensagem += '\n\n⚠️ Usando SVC-RS (Contingência SVRS)';
    } else if (tpEmis === '7') {
        mensagem += '\n\n⚠️ Usando SVC-AN (Contingência SVAN)';
    }
    
    if (!confirm(mensagem)) {
        return;
    }
    
    const formData = new FormData(this);
    
    fetch(this.action, {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert(data.message);
            window.location.href = "{{ url_for('fiscal_notas') }}";
        } else {
            alert('Erro: ' + data.message);
        }
    })
    .catch(error => {
        alert('Erro ao processar: ' + error);
    });
});
</script>
{% endblock %}