{% extends "base.html" %}

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

{% block title %}Importar XML de Entrada{% endblock %}

{% block content %}
<div class="container-fluid mt-4">
    <div class="row">
        <div class="col-md-12">
            <h2><i class="bi bi-file-earmark-arrow-up"></i> Importar XML de Nota Fiscal de Entrada</h2>
            <p class="text-muted">Importe XML de NF-e de compra para dar entrada no estoque automaticamente</p>
            <hr>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="bi bi-upload"></i> Upload de XML</h5>
                </div>
                <div class="card-body">
                    <form method="POST" enctype="multipart/form-data" id="formImportarXML">
                        <!-- Seleção de Empresa Destinatária -->
                        <div class="mb-3">
                            <label class="form-label">
                                <i class="bi bi-building"></i> Empresa Destinatária *
                            </label>
                            {% if is_multi_empresa() %}
                            <select class="form-select" name="empresa_id" id="empresaSelect" required>
                                <option value="">Selecione a empresa que recebeu a nota...</option>
                                {% for empresa in empresas %}
                                <option value="{{ empresa.id }}" 
                                        data-cnpj="{{ empresa.cnpj }}" 
                                        data-cpf="{{ empresa.cpf }}">
                                    {{ empresa_ui.nome(empresa) }}
                                    {% if empresa.cnpj %}(CNPJ: {{ empresa.cnpj }}){% elif empresa.cpf %}(CPF: {{ empresa.cpf }}){% endif %}
                                </option>
                                {% endfor %}
                            </select>
                            <small class="text-muted">
                                <i class="bi bi-info-circle"></i> Será detectado automaticamente pelo CNPJ/CPF do destinatário no XML
                            </small>
                            {% else %}
                            <!-- Modo single-empresa: usar empresa padrão -->
                            <input type="hidden" name="empresa_id" id="empresaSelect" value="{{ empresas[0].id if empresas else '' }}">
                            <input type="text" class="form-control" 
                                value="{{ empresa_ui.nome(empresas[0], 'N/A') if empresas else 'N/A' }}{% if empresas and empresas[0].cnpj %} (CNPJ: {{ empresas[0].cnpj }}){% endif %}" 
                                   readonly>
                            <small class="text-muted">
                                <i class="bi bi-info-circle"></i> Importando para a empresa padrão
                            </small>
                            {% endif %}
                            <div id="empresaDetectada" class="mt-2" style="display:none;">
                                <div class="alert alert-success mb-0 py-2">
                                    <i class="bi bi-check-circle-fill"></i> 
                                    <strong>Empresa detectada automaticamente!</strong>
                                    <span id="empresaDetectadaNome"></span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label">Arquivo XML da NF-e</label>
                            <input type="file" class="form-control" name="arquivo_xml" id="arquivoXML" accept=".xml" required>
                            <small class="text-muted">Selecione o arquivo XML da nota fiscal de entrada</small>
                        </div>

                        <div class="alert alert-info">
                            <h6><i class="bi bi-info-circle"></i> O que será processado:</h6>
                            <ul class="mb-0">
                                <li><strong>Fornecedor:</strong> Será localizado no cadastro unificado ou criado automaticamente</li>
                                <li><strong>Produtos:</strong> Serão vinculados por EAN/código e, se necessário, cadastrados automaticamente</li>
                                <li><strong>Entrada fiscal:</strong> O XML será salvo direto no repositório atual de entradas</li>
                                <li><strong>Estoque:</strong> Só será movimentado quando você finalizar a entrada</li>
                            </ul>
                        </div>

                        <div class="d-grid gap-2">
                            <button type="submit" class="btn btn-primary btn-lg">
                                <i class="bi bi-upload"></i> Importar XML
                            </button>
                            <a href="{{ url_for('estoque_entradas_lista') }}" class="btn btn-secondary">
                                <i class="bi bi-arrow-left"></i> Voltar para Lista
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card mb-3 border-primary">
                <div class="card-header bg-primary text-white">
                    <h6 class="mb-0"><i class="bi bi-lightbulb"></i> Dica Importante</h6>
                </div>
                <div class="card-body">
                    <p class="small mb-2">
                        <strong>Empresa Destinatária:</strong> O sistema detecta automaticamente qual empresa recebeu a nota pelo CNPJ/CPF do destinatário no XML.
                    </p>
                    <p class="small mb-0 text-muted">
                        <i class="bi bi-info-circle"></i> Se a empresa não for encontrada, verifique se o CNPJ/CPF está cadastrado corretamente em <a href="{{ url_for('empresas') }}">Empresas</a>.
                    </p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card bg-light">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-question-circle"></i> Como Funciona</h5>
                </div>
                <div class="card-body">
                    <h6>Passo 1: Importação</h6>
                    <p class="small">Faça upload do arquivo XML da nota fiscal recebida do fornecedor.</p>

                    <h6>Passo 2: Validação</h6>
                    <p class="small">O sistema validará os dados e criará uma entrada fiscal no fluxo atual.</p>

                    <h6>Passo 3: Conferência</h6>
                    <p class="small">Confira itens, vínculos de produtos, tributos e valores importados.</p>

                    <h6>Passo 4: Finalização</h6>
                    <p class="small">Ao finalizar, o estoque será atualizado no depósito ativo e o financeiro poderá ser gerado.</p>

                    <hr>

                    <h6><i class="bi bi-shield-check"></i> Segurança</h6>
                    <p class="small mb-0">A entrada só afeta o estoque após você finalizar. Você pode revisar tudo antes.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
// Auto-detecção de empresa pelo destinatário no XML
document.getElementById('arquivoXML').addEventListener('change', function(e) {
    const file = e.target.files[0];
    if (!file) return;
    
    const reader = new FileReader();
    reader.onload = function(event) {
        try {
            const xmlText = event.target.result;
            const parser = new DOMParser();
            const xmlDoc = parser.parseFromString(xmlText, 'text/xml');
            
            // Buscar destinatário no XML
            const dest = xmlDoc.getElementsByTagName('dest')[0];
            if (!dest) return;
            
            let cnpjDest = dest.getElementsByTagName('CNPJ')[0]?.textContent;
            let cpfDest = dest.getElementsByTagName('CPF')[0]?.textContent;
            let nomeDest = dest.getElementsByTagName('xNome')[0]?.textContent;
            
            if (!cnpjDest && !cpfDest) return;
            
            // Remover formatação do CNPJ/CPF
            const docDest = (cnpjDest || cpfDest).replace(/[^\d]/g, '');
            
            // Buscar empresa correspondente
            const empresaSelect = document.getElementById('empresaSelect');
            if (!empresaSelect || !empresaSelect.options) {
                return;
            }
            let empresaEncontrada = false;
            
            for (let i = 0; i < empresaSelect.options.length; i++) {
                const option = empresaSelect.options[i];
                const cnpjOption = option.getAttribute('data-cnpj')?.replace(/[^\d]/g, '');
                const cpfOption = option.getAttribute('data-cpf')?.replace(/[^\d]/g, '');
                
                if (docDest === cnpjOption || docDest === cpfOption) {
                    empresaSelect.selectedIndex = i;
                    empresaEncontrada = true;
                    
                    // Mostrar alerta de sucesso
                    const alertDiv = document.getElementById('empresaDetectada');
                    const nomeSpan = document.getElementById('empresaDetectadaNome');
                    nomeSpan.textContent = 'Destinatário: ' + nomeDest + ' - ' + (cnpjDest ? 'CNPJ' : 'CPF') + ': ' + (cnpjDest || cpfDest);
                    alertDiv.style.display = 'block';
                    alertDiv.classList.remove('alert-warning');
                    alertDiv.classList.add('alert-success');
                    alertDiv.querySelector('i').className = 'bi bi-check-circle-fill';
                    alertDiv.querySelector('strong').textContent = 'Empresa detectada automaticamente!';
                    break;
                }
            }
            
            if (!empresaEncontrada) {
                // Mostrar alerta de aviso
                const alertDiv = document.getElementById('empresaDetectada');
                alertDiv.innerHTML = '<i class="bi bi-exclamation-triangle-fill"></i> <strong>Empresa não encontrada!</strong> <span>Destinatário: ' + nomeDest + ' - ' + (cnpjDest ? 'CNPJ' : 'CPF') + ': ' + (cnpjDest || cpfDest) + '</span><p class="small mb-0 mt-2"><i class="bi bi-info-circle"></i> O CNPJ/CPF do destinatário não está cadastrado. Por favor, selecione a empresa manualmente.</p>';
                alertDiv.style.display = 'block';
                alertDiv.classList.remove('alert-success');
                alertDiv.classList.add('alert-warning');
            }
            
        } catch (error) {
            console.error('Erro ao processar XML:', error);
        }
    };
    reader.readAsText(file);
});

// Limpar detecção ao trocar arquivo
document.getElementById('arquivoXML').addEventListener('click', function() {
    document.getElementById('empresaDetectada').style.display = 'none';
});
</script>
{% endblock %}