{% extends 'base.html' %}
{% set chave_dfe = (dfe.chave or '')|string %}
{% set tipo_dfe = dfe.tipo_documento or dfe.tipo_dfe or '-' %}
{% set status_manifesto = dfe.situacao_manifesto or dfe.status_manifesto or '' %}
{% set tem_xml = dfe.xml or dfe.xml_completo or dfe.xml_resumo %}
{% set numero_nota_dfe = dfe.numero_nota_lista if dfe.numero_nota_lista is defined and dfe.numero_nota_lista and dfe.numero_nota_lista != '-' else none %}
{% if not numero_nota_dfe and chave_dfe|length >= 34 %}
    {% set numero_nota_dfe = (chave_dfe[25:34]|int) %}
{% endif %}
{% set serie_dfe = dfe.serie_lista if dfe.serie_lista is defined and dfe.serie_lista else none %}
{% if not serie_dfe and chave_dfe|length >= 25 %}
    {% set serie_dfe = (chave_dfe[22:25]|int) %}
{% endif %}
{% set dfe_processado_legado = dfe.processado if dfe.processado is defined else false %}
{% set mapa_importacao = dfe.mapeamento_importacao_lista if dfe.mapeamento_importacao_lista is defined else {
    'importado': dfe_processado_legado,
    'status': 'processado_legado' if dfe_processado_legado else 'disponivel',
    'badge': 'success' if dfe_processado_legado else 'secondary',
    'rotulo': 'Já lançada no ERP' if dfe_processado_legado else 'Disponível para lançar',
    'detalhe': 'O runtime ainda não carregou o mapeamento detalhado; reinicie o servidor para exibir o vínculo exato.' if dfe_processado_legado else 'Nenhum documento importado foi localizado para este DF-e.',
    'documento_id': none,
    'documento_tipo': none,
    'documento_label': none,
    'url': none,
    'nota_entrada_id': none,
    'entrada_mercadoria_id': none
} %}
{% set badge_importacao = dfe.badge_importacao_lista if dfe.badge_importacao_lista is defined else (mapa_importacao.badge or 'secondary') %}
{% set rotulo_importacao = dfe.rotulo_importacao_lista if dfe.rotulo_importacao_lista is defined else (mapa_importacao.rotulo or 'Disponível para lançar') %}
{% set detalhe_importacao = dfe.detalhe_importacao_lista if dfe.detalhe_importacao_lista is defined else (mapa_importacao.detalhe or '') %}
{% set documento_importacao = dfe.documento_importacao_lista if dfe.documento_importacao_lista is defined else mapa_importacao.documento_label %}
{% set url_importacao = dfe.url_importacao_lista if dfe.url_importacao_lista is defined else mapa_importacao.url %}
{% block title %}Visualizar DF-e - {{ chave_dfe or ('NSU ' ~ (dfe.nsu or '-')) }}{% endblock %}

{% block content %}
<div class="container-fluid">
    <!-- Cabeçalho -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-1">
                <i class="fas fa-file-invoice me-2"></i>
                {{ tipo_dfe }}{% if numero_nota_dfe %} Nº {{ numero_nota_dfe }}{% endif %}{% if serie_dfe is not none %} Série {{ serie_dfe }}{% endif %} - Detalhes
            </h1>
            <p class="text-muted mb-0">
                {% if chave_dfe %}
                <span class="font-monospace">{{ chave_dfe }}</span>
                {% else %}
                <span>Chave não disponível • NSU {{ dfe.nsu or '-' }}</span>
                {% endif %}
            </p>
        </div>
        <div>
            <a href="{{ url_for('fiscal_dfe_recebidos') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-1"></i> Voltar
            </a>
            {% if tem_xml %}
            <a href="{{ url_for('fiscal_dfe_download_xml', dfe_id=dfe.id) }}" class="btn btn-outline-primary">
                <i class="fas fa-file-code me-1"></i> Download XML
            </a>
            {% endif %}
            {% if status_manifesto == 'PENDENTE' and chave_dfe %}
            <button type="button" class="btn btn-success" onclick="abrirModalManifesto()">
                <i class="fas fa-file-signature me-1"></i> Manifestar
            </button>
            {% elif status_manifesto == 'PENDENTE' %}
            <button type="button" class="btn btn-outline-secondary" disabled>
                <i class="fas fa-file-signature me-1"></i> Sem chave para manifestar
            </button>
            {% endif %}
        </div>
    </div>

    <div class="row">
        <!-- Informações Gerais -->
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="fas fa-info-circle me-2"></i>Informações Gerais</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-borderless mb-0">
                        <tr>
                            <th width="150">Tipo DF-e:</th>
                            <td>
                                <span class="badge bg-primary">{{ tipo_dfe }}</span>
                            </td>
                        </tr>
                        <tr>
                            <th>NSU:</th>
                            <td><span class="font-monospace">{{ dfe.nsu }}</span></td>
                        </tr>
                        <tr>
                            <th>Chave de Acesso:</th>
                            <td>
                                {% if chave_dfe %}
                                <small class="font-monospace">{{ chave_dfe }}</small>
                                {% else %}
                                <span class="text-muted">Chave não disponível</span>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Número / Série:</th>
                            <td>
                                {% if numero_nota_dfe %}
                                <strong>Nº {{ numero_nota_dfe }}</strong>{% if serie_dfe is not none %} <span class="text-muted">Série {{ serie_dfe }}</span>{% endif %}
                                {% else %}
                                <span class="text-muted">Não identificado</span>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Data Emissão:</th>
                            <td>{{ dfe.data_emissao.strftime('%d/%m/%Y %H:%M') if dfe.data_emissao else '-' }}</td>
                        </tr>
                        <tr>
                            <th>Data Recebimento:</th>
                            <td>{{ dfe.data_recebimento.strftime('%d/%m/%Y %H:%M') if dfe.data_recebimento else '-' }}</td>
                        </tr>
                        <tr>
                            <th>Valor Total:</th>
                            <td><strong class="text-success">{{ "R$ {:,.2f}".format(dfe.valor_total or 0).replace(',', 'X').replace('.', ',').replace('X', '.') }}</strong></td>
                        </tr>
                        <tr>
                            <th>Importação:</th>
                            <td>
                                <span class="badge bg-{{ badge_importacao }}">{{ rotulo_importacao }}</span>
                                <br>
                                {% if documento_importacao and url_importacao %}
                                <a href="{{ url_importacao }}" class="text-decoration-none small">{{ documento_importacao }}</a>
                                {% else %}
                                <small class="text-muted">{{ detalhe_importacao }}</small>
                                {% endif %}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <!-- Emitente -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="fas fa-building me-2"></i>Emitente</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-borderless mb-0">
                        <tr>
                            <th width="150">CNPJ:</th>
                            <td>{{ dfe.cnpj_emitente|cnpj if dfe.cnpj_emitente else '-' }}</td>
                        </tr>
                        <tr>
                            <th>Razão Social:</th>
                            <td>{{ dfe.nome_emitente or '-' }}</td>
                        </tr>
                        {% if dados_xml and dados_xml.emitente %}
                        <tr>
                            <th>UF:</th>
                            <td>{{ dados_xml.emitente.uf or '-' }}</td>
                        </tr>
                        {% endif %}
                    </table>
                </div>
            </div>
        </div>

        <!-- Status e Manifestação -->
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="fas fa-file-signature me-2"></i>Status da Manifestação</h5>
                </div>
                <div class="card-body">
                    <div class="text-center py-3">
                        {% if status_manifesto == 'PENDENTE' and chave_dfe %}
                            <i class="fas fa-clock fa-3x text-warning mb-3"></i>
                            <h5 class="text-warning">Pendente de Manifestação</h5>
                            <p class="text-muted">Este documento ainda não foi manifestado.</p>
                            <button class="btn btn-warning" onclick="abrirModalManifesto()">
                                <i class="fas fa-file-signature me-1"></i> Manifestar Agora
                            </button>
                        {% elif status_manifesto == 'PENDENTE' %}
                            <i class="fas fa-key fa-3x text-secondary mb-3"></i>
                            <h5 class="text-secondary">Manifesto indisponível</h5>
                            <p class="text-muted">Este DF-e não possui chave de acesso disponível para manifestação.</p>
                        {% elif status_manifesto == 'CIENCIA' %}
                            <i class="fas fa-eye fa-3x text-info mb-3"></i>
                            <h5 class="text-info">Ciência da Operação</h5>
                            <p class="text-muted">Manifestado em {{ dfe.data_manifesto.strftime('%d/%m/%Y %H:%M') if dfe.data_manifesto else '-' }}</p>
                        {% elif status_manifesto == 'CONFIRMADA' %}
                            <i class="fas fa-check-circle fa-3x text-success mb-3"></i>
                            <h5 class="text-success">Operação Confirmada</h5>
                            <p class="text-muted">Manifestado em {{ dfe.data_manifesto.strftime('%d/%m/%Y %H:%M') if dfe.data_manifesto else '-' }}</p>
                        {% elif status_manifesto == 'DESCONHECIDA' %}
                            <i class="fas fa-question-circle fa-3x text-danger mb-3"></i>
                            <h5 class="text-danger">Operação Desconhecida</h5>
                            <p class="text-muted">Manifestado em {{ dfe.data_manifesto.strftime('%d/%m/%Y %H:%M') if dfe.data_manifesto else '-' }}</p>
                        {% elif status_manifesto == 'NAO_REALIZADA' %}
                            <i class="fas fa-times-circle fa-3x text-secondary mb-3"></i>
                            <h5 class="text-secondary">Operação Não Realizada</h5>
                            <p class="text-muted">Manifestado em {{ dfe.data_manifesto.strftime('%d/%m/%Y %H:%M') if dfe.data_manifesto else '-' }}</p>
                        {% else %}
                            <i class="fas fa-question fa-3x text-muted mb-3"></i>
                            <h5>{{ status_manifesto or '-' }}</h5>
                        {% endif %}
                    </div>
                </div>
            </div>

            <!-- Histórico de Manifestações -->
            {% if manifestos %}
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="fas fa-history me-2"></i>Histórico de Manifestações</h5>
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm table-hover mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Data</th>
                                <th>Evento</th>
                                <th>Status</th>
                                <th>Protocolo</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for m in manifestos %}
                            <tr>
                                <td>{{ m.data_evento.strftime('%d/%m/%Y %H:%M') if m.data_evento else '-' }}</td>
                                <td>{{ m.descricao_evento or m.tipo_evento }}</td>
                                <td>
                                    <span class="badge bg-{{ 'success' if m.status == 'AUTORIZADO' else ('danger' if m.status == 'ERRO' else 'secondary') }}">
                                        {{ m.status }}
                                    </span>
                                </td>
                                <td><small class="font-monospace">{{ m.protocolo or '-' }}</small></td>
                            </tr>
                            {% if m.justificativa %}
                            <tr class="table-light">
                                <td colspan="4"><small><strong>Justificativa:</strong> {{ m.justificativa }}</small></td>
                            </tr>
                            {% endif %}
                            {% if m.motivo_retorno %}
                            <tr class="table-warning">
                                <td colspan="4"><small><strong>Retorno:</strong> {{ m.codigo_retorno }} - {{ m.motivo_retorno }}</small></td>
                            </tr>
                            {% endif %}
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            {% endif %}
        </div>
    </div>

    <!-- Itens do Documento (se XML disponível) -->
    {% if dados_xml and dados_xml.itens %}
    <div class="card mb-4">
        <div class="card-header">
            <h5 class="card-title mb-0">
                <i class="fas fa-list me-2"></i>Itens do Documento
                <span class="badge bg-secondary ms-2">{{ dados_xml.itens|length }}</span>
            </h5>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th width="80">Código</th>
                            <th>Descrição</th>
                            <th width="100" class="text-end">Quantidade</th>
                            <th width="120" class="text-end">Valor Unit.</th>
                            <th width="120" class="text-end">Valor Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in dados_xml.itens %}
                        <tr>
                            <td><small class="font-monospace">{{ item.codigo }}</small></td>
                            <td>{{ item.descricao }}</td>
                            <td class="text-end">{{ item.quantidade }}</td>
                            <td class="text-end">{{ "R$ {:,.4f}".format(item.valor_unitario|float).replace(',', 'X').replace('.', ',').replace('X', '.') if item.valor_unitario else '-' }}</td>
                            <td class="text-end"><strong>{{ "R$ {:,.2f}".format(item.valor_total|float).replace(',', 'X').replace('.', ',').replace('X', '.') if item.valor_total else '-' }}</strong></td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {% elif dados_xml and dados_xml.erro %}
    <div class="alert alert-warning">
        <i class="fas fa-exclamation-triangle me-1"></i>
        Erro ao processar XML: {{ dados_xml.erro }}
    </div>
    {% elif not dfe.xml_completo %}
    <div class="alert alert-info">
        <i class="fas fa-info-circle me-1"></i>
        XML completo não disponível. Apenas o resumo foi recebido da SEFAZ.
        {% if dfe.status_manifesto == 'PENDENTE' %}
        Manifeste "Ciência da Operação" para solicitar o XML completo.
        {% endif %}
    </div>
    {% endif %}
</div>

<!-- Modal Manifesto -->
<div class="modal fade cape-modal-standard" id="modalManifesto" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="fas fa-file-signature me-2"></i>Manifestar DF-e</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">Tipo de Manifestação</label>
                    <select class="form-select" id="tipoEvento" onchange="toggleJustificativa()">
                        <option value="">Selecione...</option>
                        <option value="210210">Ciência da Operação</option>
                        <option value="210200">Confirmação da Operação</option>
                        <option value="210220">Desconhecimento da Operação</option>
                        <option value="210240">Operação Não Realizada</option>
                    </select>
                </div>
                
                <div class="mb-3" id="divJustificativa" style="display:none;">
                    <label class="form-label">Justificativa <span class="text-danger">*</span></label>
                    <textarea class="form-control" id="justificativa" rows="3" 
                              placeholder="Mínimo 15 caracteres"></textarea>
                    <small class="text-muted">Obrigatória para Desconhecimento e Operação Não Realizada</small>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="enviarManifesto()">
                    <i class="fas fa-paper-plane me-1"></i> Enviar Manifesto
                </button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
function abrirModalManifesto() {
    document.getElementById('tipoEvento').value = '';
    document.getElementById('justificativa').value = '';
    document.getElementById('divJustificativa').style.display = 'none';
    
    const modal = new bootstrap.Modal(document.getElementById('modalManifesto'));
    modal.show();
}

function toggleJustificativa() {
    const tipo = document.getElementById('tipoEvento').value;
    const div = document.getElementById('divJustificativa');
    div.style.display = ['210220', '210240'].includes(tipo) ? 'block' : 'none';
}

function enviarManifesto() {
    const tipoEvento = document.getElementById('tipoEvento').value;
    const justificativa = document.getElementById('justificativa').value;
    
    if (!tipoEvento) {
        alert('Selecione o tipo de manifestação!');
        return;
    }
    
    if (['210220', '210240'].includes(tipoEvento) && justificativa.trim().length < 15) {
        alert('Justificativa deve ter no mínimo 15 caracteres!');
        return;
    }
    
    if (!confirm('Confirma o envio da manifestação? Esta ação não pode ser desfeita.')) {
        return;
    }
    
    fetch('{{ url_for("fiscal_dfe_manifestar", dfe_id=dfe.id) }}', {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({tipo_evento: tipoEvento, justificativa: justificativa})
    })
    .then(r => r.json())
    .then(data => {
        if (data.sucesso) {
            alert('Manifesto enviado com sucesso!\nProtocolo: ' + (data.protocolo || '-'));
            location.reload();
        } else {
            alert('Erro: ' + data.mensagem);
        }
    })
    .catch(err => alert('Erro: ' + err.message));
}
</script>
{% endblock %}