{% extends "base.html" %}

{% block title %}Carta de Correção - Nota {{ nota.numero }}/{{ nota.serie }}{% endblock %}

{% block extra_head %}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
{% endblock %}

{% block content %}
{% set imprimir_carta_correcao_disponivel = has_endpoint('fiscal_imprimir_carta_correcao') %}
{% set imprimir_carta_correcao_base_url = safe_url_for('fiscal_imprimir_carta_correcao', fallback='', evento_id=0) if imprimir_carta_correcao_disponivel else '' %}
<div class="container-fluid mt-4">
    <div class="row">
        <div class="col-12">
            <!-- Header -->
            <div class="d-flex justify-content-between align-items-center mb-4">
                <div>
                    <h3><i class="bi bi-pencil-square text-warning"></i> Carta de Correção Eletrônica (CC-e)</h3>
                    <p class="text-muted mb-0">Nota Fiscal {{ nota.numero }}/{{ nota.serie }} - Chave: {{ nota.chave_acesso }}</p>
                </div>
                <a href="{{ url_for('fiscal_notas', tipo='NFE') }}" class="btn btn-secondary">
                    <i class="bi bi-arrow-left"></i> Voltar
                </a>
            </div>

            <!-- Card com informações da nota -->
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <i class="bi bi-info-circle"></i> Informações da Nota Original
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <strong>Número/Série:</strong><br>
                            {{ nota.numero }}/{{ nota.serie }}
                        </div>
                        <div class="col-md-3">
                            <strong>Emissão:</strong><br>
                            {{ nota.data_emissao.strftime('%d/%m/%Y %H:%M') if nota.data_emissao else '-' }}
                        </div>
                        <div class="col-md-3">
                            <strong>Valor Total:</strong><br>
                            R$ {{ "%.2f"|format(nota.valor_total or 0) }}
                        </div>
                        <div class="col-md-3">
                            <strong>Status:</strong><br>
                            <span class="badge bg-{{ 'success' if nota.status == 'autorizada' else 'warning' }}">
                                {{ nota.status|upper }}
                            </span>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-12">
                            <strong>Chave de Acesso:</strong><br>
                            <code>{{ nota.chave_acesso }}</code>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Avisos importantes -->
            <div class="alert alert-warning" role="alert">
                <h5><i class="bi bi-exclamation-triangle"></i> Limitações da Carta de Correção</h5>
                <p class="mb-2">A Carta de Correção <strong>NÃO</strong> pode ser utilizada para:</p>
                <ul class="mb-0">
                    <li>Alterar valores (base de cálculo, alíquota, diferença de preço, quantidade, valor da operação)</li>
                    <li>Corrigir dados cadastrais que impliquem mudança de remetente ou destinatário</li>
                    <li>Alterar a data de emissão ou de saída</li>
                </ul>
                <p class="mt-2 mb-0"><strong>Máximo:</strong> 20 cartas de correção por nota fiscal</p>
            </div>

            <!-- Histórico de correções -->
            {% if nota.eventos %}
            <div class="card mb-4">
                <div class="card-header bg-info text-white">
                    <i class="bi bi-clock-history"></i> Histórico de Correções ({{ nota.eventos|length }})
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped">
                            <thead>
                                <tr>
                                    <th>Seq.</th>
                                    <th>Data/Hora</th>
                                    <th>Correção</th>
                                    <th>Protocolo</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for evento in nota.eventos|sort(attribute='sequencia_evento') %}
                                {% if evento.tipo_evento == '110110' %}
                                <tr>
                                    <td>{{ evento.sequencia_evento }}</td>
                                    <td>{{ evento.data_evento.strftime('%d/%m/%Y %H:%M') if evento.data_evento else '-' }}</td>
                                    <td>{{ evento.justificativa[:80] }}...</td>
                                    <td><small>{{ evento.protocolo_evento or '-' }}</small></td>
                                    <td>
                                        <span class="badge bg-{{ 'success' if evento.protocolo_evento else 'warning' }}">
                                            {{ 'Autorizado' if evento.protocolo_evento else 'Pendente' }}
                                        </span>
                                        {% if evento.protocolo_evento %}
                                            {% if imprimir_carta_correcao_disponivel %}
                                            <a href="{{ safe_url_for('fiscal_imprimir_carta_correcao', fallback='#', evento_id=evento.id) }}" 
                                               target="_blank" 
                                               class="btn btn-sm btn-outline-primary ms-2"
                                               title="Imprimir carta de correção">
                                                <i class="bi bi-printer"></i>
                                            </a>
                                            {% else %}
                                            <button type="button"
                                                    class="btn btn-sm btn-outline-secondary ms-2"
                                                    title="Impressão da carta de correção indisponível neste runtime"
                                                    disabled>
                                                <i class="bi bi-printer"></i>
                                            </button>
                                            {% endif %}
                                        {% endif %}
                                    </td>
                                </tr>
                                {% endif %}
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            {% endif %}

            <!-- Formulário de nova correção -->
            <div class="card">
                <div class="card-header bg-success text-white">
                    <i class="bi bi-plus-circle"></i> Nova Carta de Correção
                </div>
                <div class="card-body">
                    <form id="formCartaCorrecao">
                        <div class="mb-3">
                            <label for="correcao" class="form-label">
                                <strong>Texto da Correção <span class="text-danger">*</span></strong>
                            </label>
                            <textarea 
                                class="form-control" 
                                id="correcao" 
                                name="correcao" 
                                rows="6" 
                                required
                                minlength="15"
                                maxlength="1000"
                                placeholder="Descreva a correção a ser realizada (mínimo 15 caracteres, máximo 1000)&#10;&#10;Exemplos:&#10;- Correção do endereço de entrega: Rua X, nº 123, Bairro Y&#10;- Alteração da descrição do produto: Nome correto do produto XYZ&#10;- Inclusão de informações adicionais: Observação sobre transporte">{{ request.form.get('correcao', '') }}</textarea>
                            <div class="form-text">
                                <span id="contador">0</span>/1000 caracteres (mínimo 15)
                            </div>
                        </div>

                        <div class="alert alert-info">
                            <i class="bi bi-info-circle"></i> 
                            <strong>Importante:</strong> Descreva claramente a correção. Este texto será enviado à SEFAZ e ficará vinculado à nota fiscal.
                        </div>

                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                            <button type="button" class="btn btn-secondary" onclick="window.history.back()">
                                <i class="bi bi-x-circle"></i> Cancelar
                            </button>
                            <button type="submit" class="btn btn-success" id="btnEnviar">
                                <i class="bi bi-send"></i> Enviar Carta de Correção
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
// Contador de caracteres
const textarea = document.getElementById('correcao');
const contador = document.getElementById('contador');
const imprimirCartaCorrecaoDisponivel = {{ 'true' if imprimir_carta_correcao_disponivel else 'false' }};
const imprimirCartaCorrecaoBaseUrl = {{ imprimir_carta_correcao_base_url|tojson }};

textarea.addEventListener('input', function() {
    contador.textContent = this.value.length;
    
    if (this.value.length < 15) {
        contador.classList.add('text-danger');
        contador.classList.remove('text-success');
    } else {
        contador.classList.add('text-success');
        contador.classList.remove('text-danger');
    }
});

// Envio do formulário
document.getElementById('formCartaCorrecao').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const correcao = document.getElementById('correcao').value.trim();
    
    if (correcao.length < 15) {
        Swal.fire({
            icon: 'error',
            title: 'Erro',
            text: 'A correção deve ter no mínimo 15 caracteres!'
        });
        return;
    }
    
    const btnEnviar = document.getElementById('btnEnviar');
    btnEnviar.disabled = true;
    btnEnviar.innerHTML = '<i class="bi bi-hourglass-split"></i> Enviando...';
    
    fetch('{{ url_for("fiscal_carta_correcao", nota_id=nota.id) }}', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({
            correcao: correcao
        })
    })
    .then(response => response.json())
    .then(data => {
        btnEnviar.disabled = false;
        btnEnviar.innerHTML = '<i class="bi bi-send"></i> Enviar Carta de Correção';
        
        if (data.sucesso) {
            const modalOptions = {
                icon: 'success',
                title: 'Sucesso!',
                html: `
                    <p><strong>Carta de Correção enviada com sucesso!</strong></p>
                    <p>Protocolo: <code>${data.protocolo || 'N/A'}</code></p>
                    <p>Sequência: ${data.sequencia}</p>
                    ${imprimirCartaCorrecaoDisponivel ? '' : '<p class="text-muted small mb-0">A impressão da CC-e está indisponível neste runtime.</p>'}
                `,
                confirmButtonColor: '#28a745'
            };

            if (imprimirCartaCorrecaoDisponivel) {
                modalOptions.showDenyButton = true;
                modalOptions.confirmButtonText = 'Imprimir CC-e';
                modalOptions.denyButtonText = 'Voltar';
            } else {
                modalOptions.confirmButtonText = 'Fechar';
            }

            Swal.fire(modalOptions).then((result) => {
                if (result.isConfirmed && imprimirCartaCorrecaoDisponivel) {
                    // Abrir impressão em nova aba
                    window.open(imprimirCartaCorrecaoBaseUrl.replace(/0$/, String(data.evento_id)), '_blank');
                }
                window.location.reload();
            });
        } else {
            Swal.fire({
                icon: 'error',
                title: 'Erro ao enviar',
                text: data.mensagem || 'Erro desconhecido'
            });
        }
    })
    .catch(error => {
        btnEnviar.disabled = false;
        btnEnviar.innerHTML = '<i class="bi bi-send"></i> Enviar Carta de Correção';
        
        Swal.fire({
            icon: 'error',
            title: 'Erro',
            text: 'Erro ao enviar carta de correção: ' + error.message
        });
    });
});
</script>
{% endblock %}