{% extends 'base.html' %}
{% import 'macros/empresa.html' as empresa_ui %}
{% block title %}MDF-e - Manifesto Eletrônico{% 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-truck me-2"></i>MDF-e - Manifesto Eletrônico</h1>
            <p class="text-muted mb-0">Gerencie manifestos de documentos fiscais eletrônicos</p>
        </div>
        <div>
            <a href="{{ url_for('fiscal_mdfe_novo') }}" class="btn btn-primary">
                <i class="fas fa-plus me-1"></i> Novo MDF-e
            </a>
        </div>
    </div>

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3">
                <div class="col-md-2">
                    <label class="form-label">Empresa</label>
                    <select name="empresa_id" class="form-select form-select-sm">
                        <option value="">Todas</option>
                        {% for empresa in empresas %}
                        <option value="{{ empresa.id }}" {% if filtros.empresa_id == empresa.id %}selected{% endif %}>
                            {{ empresa_ui.nome_truncado(empresa, 30) }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select form-select-sm">
                        <option value="">Todos</option>
                        <option value="DIGITADO" {% if filtros.status == 'DIGITADO' %}selected{% endif %}>Digitado</option>
                        <option value="AUTORIZADO" {% if filtros.status == 'AUTORIZADO' %}selected{% endif %}>Autorizado</option>
                        <option value="ENCERRADO" {% if filtros.status == 'ENCERRADO' %}selected{% endif %}>Encerrado</option>
                        <option value="CANCELADO" {% if filtros.status == 'CANCELADO' %}selected{% endif %}>Cancelado</option>
                        <option value="REJEITADO" {% if filtros.status == 'REJEITADO' %}selected{% endif %}>Rejeitado</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Data Início</label>
                    <input type="date" name="data_inicio" class="form-control form-control-sm" 
                           value="{{ filtros.data_inicio }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Data Fim</label>
                    <input type="date" name="data_fim" class="form-control form-control-sm"
                           value="{{ filtros.data_fim }}">
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary btn-sm me-2">
                        <i class="fas fa-filter"></i> Filtrar
                    </button>
                    <a href="{{ url_for('fiscal_mdfe_lista') }}" class="btn btn-outline-secondary btn-sm">
                        <i class="fas fa-times"></i> Limpar
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Lista de MDF-e -->
    <div class="card">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th width="80">Número</th>
                            <th width="50">Série</th>
                            <th>Empresa</th>
                            <th width="80">UF Ini</th>
                            <th width="80">UF Fim</th>
                            <th width="80">Docs</th>
                            <th width="100">Status</th>
                            <th width="130">Data Emissão</th>
                            <th width="180">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% if mdfes %}
                            {% for mdfe in mdfes %}
                            <tr>
                                <td><strong>{{ '%09d'|format(mdfe.numero) }}</strong></td>
                                <td>{{ '%03d'|format(mdfe.serie) }}</td>
                                <td>
                                    {% if mdfe.empresa %}
                                        {% set nome_empresa_reduzido = empresa_ui.nome(mdfe.empresa) %}
                                        <span title="{{ empresa_ui.titulo(mdfe.empresa) }}">
                                            {{ empresa_ui.nome_truncado(mdfe.empresa, 40) }}
                                        </span>
                                    {% else %}
                                        N/A
                                    {% endif %}
                                </td>
                                <td>{{ mdfe.uf_inicio }}</td>
                                <td>{{ mdfe.uf_fim }}</td>
                                <td>
                                    {% set total_docs = (mdfe.quantidade_total_nfe or 0) + (mdfe.quantidade_total_cte or 0) %}
                                    <span class="badge bg-secondary">{{ total_docs }}</span>
                                </td>
                                <td>
                                    {% if mdfe.status == 'AUTORIZADO' %}
                                        <span class="badge bg-success">Autorizado</span>
                                    {% elif mdfe.status == 'ENCERRADO' %}
                                        <span class="badge bg-info">Encerrado</span>
                                    {% elif mdfe.status == 'CANCELADO' %}
                                        <span class="badge bg-danger">Cancelado</span>
                                    {% elif mdfe.status == 'REJEITADO' %}
                                        <span class="badge bg-warning text-dark">Rejeitado</span>
                                    {% else %}
                                        <span class="badge bg-secondary">Digitado</span>
                                    {% endif %}
                                </td>
                                <td>{{ mdfe.data_emissao.strftime('%d/%m/%Y %H:%M') if mdfe.data_emissao else '-' }}</td>
                                <td>
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ url_for('fiscal_mdfe_visualizar', mdfe_id=mdfe.id) }}" 
                                           class="btn btn-outline-primary" title="Visualizar">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        
                                        {% if mdfe.status in ['DIGITADO', 'REJEITADO'] %}
                                        <a href="{{ url_for('fiscal_mdfe_editar', mdfe_id=mdfe.id) }}" 
                                           class="btn btn-outline-warning" title="Editar">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                        <button class="btn btn-outline-success btn-transmitir" 
                                                data-id="{{ mdfe.id }}" title="Transmitir">
                                            <i class="fas fa-paper-plane"></i>
                                        </button>
                                        {% endif %}
                                        
                                        {% if mdfe.status == 'AUTORIZADO' %}
                                        <button class="btn btn-outline-info btn-encerrar" 
                                                data-id="{{ mdfe.id }}" title="Encerrar">
                                            <i class="fas fa-flag-checkered"></i>
                                        </button>
                                        <button class="btn btn-outline-danger btn-cancelar" 
                                                data-id="{{ mdfe.id }}" title="Cancelar">
                                            <i class="fas fa-ban"></i>
                                        </button>
                                        {% endif %}
                                        
                                        {% if mdfe.status in ['AUTORIZADO', 'ENCERRADO'] %}
                                        <a href="{{ url_for('fiscal_mdfe_imprimir', mdfe_id=mdfe.id) }}" 
                                           class="btn btn-outline-primary" title="Imprimir DAMDFE" target="_blank">
                                            <i class="fas fa-print"></i>
                                        </a>
                                        {% endif %}
                                        
                                        {% if mdfe.xml_autorizado or mdfe.xml_enviado %}
                                        <a href="{{ url_for('fiscal_mdfe_download_xml', mdfe_id=mdfe.id) }}" 
                                           class="btn btn-outline-secondary" title="Download XML">
                                            <i class="fas fa-file-code"></i>
                                        </a>
                                        {% endif %}
                                        
                                        {% if mdfe.status in ['DIGITADO', 'REJEITADO'] %}
                                        <button class="btn btn-outline-danger btn-excluir" 
                                                data-id="{{ mdfe.id }}" title="Excluir">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                        {% endif %}
                                    </div>
                                </td>
                            </tr>
                            {% endfor %}
                        {% else %}
                        <tr>
                            <td colspan="9" class="text-center py-4 text-muted">
                                <i class="fas fa-inbox fa-2x mb-2 d-block"></i>
                                Nenhum MDF-e encontrado
                            </td>
                        </tr>
                        {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Legenda -->
    <div class="mt-3">
        <small class="text-muted">
            <strong>Ações:</strong>
            <i class="fas fa-eye text-primary ms-2"></i> Visualizar |
            <i class="fas fa-edit text-warning ms-2"></i> Editar |
            <i class="fas fa-paper-plane text-success ms-2"></i> Transmitir |
            <i class="fas fa-flag-checkered text-info ms-2"></i> Encerrar |
            <i class="fas fa-ban text-danger ms-2"></i> Cancelar |
            <i class="fas fa-file-code text-secondary ms-2"></i> XML
        </small>
    </div>
</div>

<!-- Modal Cancelamento -->
<div class="modal fade cape-modal-standard" id="modalCancelar" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title"><i class="fas fa-ban me-2"></i>Cancelar MDF-e</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form id="formCancelar">
                <div class="modal-body">
                    <input type="hidden" id="mdfe_id_cancelar">
                    <div class="mb-3">
                        <label class="form-label">Justificativa (mínimo 15 caracteres)</label>
                        <textarea id="justificativa" class="form-control" rows="3" 
                                  minlength="15" maxlength="255" required></textarea>
                    </div>
                    <div class="alert alert-warning">
                        <i class="fas fa-exclamation-triangle me-1"></i>
                        O cancelamento é irreversível. O prazo é de 24h após a autorização.
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-ban me-1"></i> Confirmar Cancelamento
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
document.addEventListener('DOMContentLoaded', function() {
    console.log('=== MDF-e Lista JS Carregado ===');
    
    // Transmitir MDF-e
    const btnsTransmitir = document.querySelectorAll('.btn-transmitir');
    console.log('Botões transmitir encontrados:', btnsTransmitir.length);
    
    btnsTransmitir.forEach(btn => {
        console.log('Registrando evento para botão ID:', btn.dataset.id);
        btn.addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            
            const id = this.dataset.id;
            console.log('Clicou transmitir MDF-e ID:', id);
            
            if (!confirm('Deseja transmitir este MDF-e para a SEFAZ?')) return;
            
            const btnEl = this;
            btnEl.disabled = true;
            btnEl.innerHTML = '<i class="fas fa-spinner fa-spin"></i>';
            
            fetch(`/fiscal/mdfe/${id}/transmitir`, { method: 'POST' })
                .then(r => {
                    console.log('Status resposta:', r.status);
                    return r.text().then(text => {
                        console.log('Resposta:', text);
                        try {
                            return JSON.parse(text);
                        } catch(e) {
                            throw new Error('Resposta não é JSON: ' + text.substring(0, 200));
                        }
                    });
                })
                .then(data => {
                    if (data.sucesso) {
                        alert('MDF-e transmitido com sucesso!\nProtocolo: ' + (data.protocolo || 'N/A'));
                        location.reload();
                    } else {
                        alert('Erro: ' + data.mensagem);
                        btnEl.disabled = false;
                        btnEl.innerHTML = '<i class="fas fa-paper-plane"></i>';
                    }
                })
                .catch(err => {
                    console.error('Erro:', err);
                    alert('Erro: ' + err.message);
                    btnEl.disabled = false;
                    btnEl.innerHTML = '<i class="fas fa-paper-plane"></i>';
                });
        });
    });
    
    // Encerrar MDF-e
    document.querySelectorAll('.btn-encerrar').forEach(btn => {
        btn.addEventListener('click', function() {
            const id = this.dataset.id;
            if (!confirm('Deseja encerrar este MDF-e? Esta ação indica fim da viagem.')) return;
            
            this.disabled = true;
            fetch(`/fiscal/mdfe/${id}/encerrar`, { method: 'POST' })
                .then(r => r.json())
                .then(data => {
                    if (data.sucesso) {
                        alert('MDF-e encerrado com sucesso!');
                        location.reload();
                    } else {
                        alert('Erro: ' + data.mensagem);
                        this.disabled = false;
                    }
                })
                .catch(err => {
                    alert('Erro de comunicação');
                    this.disabled = false;
                });
        });
    });
    
    // Abrir modal cancelamento
    document.querySelectorAll('.btn-cancelar').forEach(btn => {
        btn.addEventListener('click', function() {
            document.getElementById('mdfe_id_cancelar').value = this.dataset.id;
            document.getElementById('justificativa').value = '';
            new bootstrap.Modal(document.getElementById('modalCancelar')).show();
        });
    });
    
    // Processar cancelamento
    document.getElementById('formCancelar').addEventListener('submit', function(e) {
        e.preventDefault();
        
        const id = document.getElementById('mdfe_id_cancelar').value;
        const justificativa = document.getElementById('justificativa').value;
        
        if (justificativa.length < 15) {
            alert('Justificativa deve ter no mínimo 15 caracteres');
            return;
        }
        
        const formData = new FormData();
        formData.append('justificativa', justificativa);
        
        fetch(`/fiscal/mdfe/${id}/cancelar`, {
            method: 'POST',
            body: formData
        })
        .then(r => r.json())
        .then(data => {
            if (data.sucesso) {
                alert('MDF-e cancelado com sucesso!');
                location.reload();
            } else {
                alert('Erro: ' + data.mensagem);
            }
        })
        .catch(err => alert('Erro de comunicação'));
    });
    
    // Excluir MDF-e
    document.querySelectorAll('.btn-excluir').forEach(btn => {
        btn.addEventListener('click', function() {
            const id = this.dataset.id;
            if (!confirm('Deseja excluir este MDF-e? Esta ação é irreversível.')) return;
            
            window.location.href = `/fiscal/mdfe/${id}/excluir`;
        });
    });
});
</script>
{% endblock extra_js %}