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

{% block title %}Monitoramento de Certificados - CapeSystem{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <h2><i class="fa fa-certificate"></i> Monitoramento de Certificados Digitais</h2>
            <hr>
        </div>
    </div>

    <!-- Cards de Resumo -->
    <div class="row">
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body text-center">
                    <h1>{{ resumo.validos }}</h1>
                    <p class="mb-0">Certificados Válidos</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-danger text-white">
                <div class="card-body text-center">
                    <h1>{{ resumo.expirados }}</h1>
                    <p class="mb-0">Certificados Expirados</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-warning text-white">
                <div class="card-body text-center">
                    <h1>{{ resumo.criticos + resumo.alertas }}</h1>
                    <p class="mb-0">Necessitam Atenção</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-info text-white">
                <div class="card-body text-center">
                    <h1>{{ resumo.sem_certificado }}</h1>
                    <p class="mb-0">Sem Certificado</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Tabela de Certificados que Necessitam Atenção -->
    {% if certificados_atencao %}
    <div class="row mt-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-warning">
                    <h4 class="mb-0"><i class="fa fa-exclamation-triangle"></i> Certificados que Necessitam Atenção</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Prioridade</th>
                                    <th>Empresa</th>
                                    <th>Titular</th>
                                    <th>CNPJ</th>
                                    <th>Validade</th>
                                    <th>Dias Restantes</th>
                                    <th>Status</th>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for cert in certificados_atencao %}
                                <tr>
                                    <td>
                                        {% if cert.prioridade == 'crítico' %}
                                            <span class="badge bg-danger">CRÍTICO</span>
                                        {% elif cert.prioridade == 'alta' %}
                                            <span class="badge bg-warning">ALTA</span>
                                        {% else %}
                                            <span class="badge bg-info">MÉDIA</span>
                                        {% endif %}
                                    </td>
                                    <td>{{ empresa_ui.nome(cert.empresa) }}</td>
                                    <td>{{ cert.validacao.informacoes.titular }}</td>
                                    <td>{{ cert.validacao.informacoes.cnpj }}</td>
                                    <td>{{ cert.validacao.informacoes.valido_ate }}</td>
                                    <td>
                                        {% if cert.validacao.informacoes.dias_restantes < 0 %}
                                            <span class="text-danger">EXPIRADO</span>
                                        {% else %}
                                            {{ cert.validacao.informacoes.dias_restantes }} dias
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if cert.validacao.valido %}
                                            {% for aviso in cert.validacao.avisos %}
                                                <div class="text-warning">{{ aviso }}</div>
                                            {% endfor %}
                                        {% else %}
                                            <span class="text-danger">{{ cert.validacao.erro }}</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <button class="btn btn-sm btn-primary" 
                                                onclick="validarCertificado({{ cert.empresa.id }})">
                                            <i class="fa fa-check"></i> Validar
                                        </button>
                                        <a href="{{ url_for('editar_empresa', id=cert.empresa.id) }}" 
                                           class="btn btn-sm btn-warning">
                                            <i class="fa fa-edit"></i> Editar
                                        </a>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    <!-- Tabela de Todos os Certificados -->
    <div class="row mt-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="mb-0"><i class="fa fa-list"></i> Todos os Certificados</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Empresa</th>
                                    <th>Titular</th>
                                    <th>CNPJ Certificado</th>
                                    <th>Emissor</th>
                                    <th>Válido De</th>
                                    <th>Válido Até</th>
                                    <th>Dias Restantes</th>
                                    <th>Status</th>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for det in resumo.detalhes %}
                                <tr class="{% if not det.validacao.valido %}table-danger{% elif det.validacao.avisos %}table-warning{% endif %}">
                                    <td>{{ empresa_ui.nome(det.empresa) }}</td>
                                    <td>
                                        {% if det.validacao.informacoes %}
                                            {{ det.validacao.informacoes.titular }}
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if det.validacao.informacoes %}
                                            {{ det.validacao.informacoes.cnpj }}
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if det.validacao.informacoes %}
                                            {{ det.validacao.informacoes.emissor }}
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if det.validacao.informacoes %}
                                            {{ det.validacao.informacoes.valido_de }}
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if det.validacao.informacoes %}
                                            {{ det.validacao.informacoes.valido_ate }}
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if det.validacao.informacoes %}
                                            {% if det.validacao.informacoes.dias_restantes < 0 %}
                                                <span class="badge bg-danger">EXPIRADO</span>
                                            {% elif det.validacao.informacoes.dias_restantes <= 7 %}
                                                <span class="badge bg-danger">{{ det.validacao.informacoes.dias_restantes }} dias</span>
                                            {% elif det.validacao.informacoes.dias_restantes <= 15 %}
                                                <span class="badge bg-warning">{{ det.validacao.informacoes.dias_restantes }} dias</span>
                                            {% elif det.validacao.informacoes.dias_restantes <= 30 %}
                                                <span class="badge bg-info">{{ det.validacao.informacoes.dias_restantes }} dias</span>
                                            {% else %}
                                                <span class="badge bg-success">{{ det.validacao.informacoes.dias_restantes }} dias</span>
                                            {% endif %}
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if det.validacao.valido %}
                                            <span class="badge bg-success"><i class="fa fa-check"></i> Válido</span>
                                            {% for aviso in det.validacao.avisos %}
                                                <div class="text-warning small">{{ aviso }}</div>
                                            {% endfor %}
                                        {% elif det.validacao.erro %}
                                            <span class="badge bg-danger"><i class="fa fa-times"></i> {{ det.validacao.erro }}</span>
                                        {% else %}
                                            <span class="badge bg-secondary">Sem Certificado</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if det.empresa.certificado_arquivo %}
                                        <button class="btn btn-sm btn-primary" 
                                                onclick="validarCertificado({{ det.empresa.id }})">
                                            <i class="fa fa-refresh"></i> Revalidar
                                        </button>
                                        <button class="btn btn-sm btn-info" 
                                                onclick="testarSefaz({{ det.empresa.id }})">
                                            <i class="fa fa-cloud"></i> Testar SEFAZ
                                        </button>
                                        {% endif %}
                                        <a href="{{ url_for('editar_empresa', id=det.empresa.id) }}" 
                                           class="btn btn-sm btn-warning">
                                            <i class="fa fa-edit"></i> Editar
                                        </a>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal para Resultado da Validação -->
<div class="modal fade cape-modal-standard" id="modalValidacao" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Resultado da Validação</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body" id="modalValidacaoBody">
                <!-- Conteúdo carregado via AJAX -->
            </div>
        </div>
    </div>
</div>

<script>
function validarCertificado(empresaId) {
    console.log('Validando certificado da empresa:', empresaId);
    
    const modalBody = document.getElementById('modalValidacaoBody');
    if (!modalBody) {
        console.error('Modal body não encontrado!');
        alert('Erro: Modal não encontrado');
        return;
    }
    
    modalBody.innerHTML = '<div class="text-center"><i class="fa fa-spinner fa-spin fa-3x"></i><p>Validando certificado...</p></div>';
    
    const modalElement = document.getElementById('modalValidacao');
    if (!modalElement) {
        console.error('Modal element não encontrado!');
        alert('Erro: Modal não encontrado');
        return;
    }
    
    const modal = new bootstrap.Modal(modalElement);
    modal.show();
    
    fetch('/fiscal/validar-certificado/' + empresaId)
        .then(response => {
            console.log('Resposta recebida:', response.status);
            if (!response.ok) {
                throw new Error('Erro HTTP: ' + response.status);
            }
            return response.json();
        })
        .then(data => {
            console.log('Dados:', data);
            let html = '<div class="alert alert-' + (data.sucesso ? 'success' : 'danger') + '">';
            html += '<h5>' + (data.sucesso ? 'Certificado Válido' : 'Erro na Validação') + '</h5>';
            
            if (data.validacao.informacoes) {
                html += '<hr><dl class="row">';
                html += '<dt class="col-sm-4">Titular:</dt><dd class="col-sm-8">' + data.validacao.informacoes.titular + '</dd>';
                html += '<dt class="col-sm-4">CNPJ:</dt><dd class="col-sm-8">' + data.validacao.informacoes.cnpj + '</dd>';
                html += '<dt class="col-sm-4">Emissor:</dt><dd class="col-sm-8">' + data.validacao.informacoes.emissor + '</dd>';
                html += '<dt class="col-sm-4">Serial:</dt><dd class="col-sm-8">' + data.validacao.informacoes.serial_number + '</dd>';
                html += '<dt class="col-sm-4">Válido de:</dt><dd class="col-sm-8">' + data.validacao.informacoes.valido_de + '</dd>';
                html += '<dt class="col-sm-4">Válido até:</dt><dd class="col-sm-8">' + data.validacao.informacoes.valido_ate + '</dd>';
                html += '<dt class="col-sm-4">Dias restantes:</dt><dd class="col-sm-8"><strong>' + data.validacao.informacoes.dias_restantes + ' dias</strong></dd>';
                html += '</dl>';
            }
            
            if (data.validacao.avisos && data.validacao.avisos.length > 0) {
                html += '<hr><h6>Avisos:</h6><ul>';
                data.validacao.avisos.forEach(function(aviso) {
                    const msg = aviso.mensagem || aviso;
                    html += '<li class="text-warning">' + msg + '</li>';
                });
                html += '</ul>';
            }
            
            if (data.validacao.erro) {
                html += '<hr><p class="text-danger"><strong>Erro:</strong> ' + data.validacao.erro + '</p>';
            }
            
            html += '</div>';
            modalBody.innerHTML = html;
        })
        .catch(error => {
            console.error('Erro:', error);
            modalBody.innerHTML = '<div class="alert alert-danger">Erro ao validar certificado: ' + error.message + '</div>';
        });
}

function testarSefaz(empresaId) {
    console.log('Testando SEFAZ para empresa:', empresaId);
    
    const modalBody = document.getElementById('modalValidacaoBody');
    if (!modalBody) {
        console.error('Modal body não encontrado!');
        alert('Erro: Modal não encontrado');
        return;
    }
    
    modalBody.innerHTML = '<div class="text-center"><i class="fa fa-spinner fa-spin fa-3x"></i><p>Testando conectividade com SEFAZ...</p></div>';
    
    const modalElement = document.getElementById('modalValidacao');
    if (!modalElement) {
        console.error('Modal element não encontrado!');
        alert('Erro: Modal não encontrado');
        return;
    }
    
    const modal = new bootstrap.Modal(modalElement);
    modal.show();
    
    const formData = new FormData();
    formData.append('ambiente', 'homologacao');
    formData.append('uf', 'SP');
    
    fetch('/fiscal/testar-certificado/' + empresaId, {
        method: 'POST',
        body: formData
    })
        .then(response => {
            console.log('Resposta SEFAZ:', response.status);
            if (!response.ok) {
                throw new Error('Erro HTTP: ' + response.status);
            }
            return response.json();
        })
        .then(data => {
            console.log('Dados SEFAZ:', data);
            let html = '<div class="alert alert-' + (data.sucesso ? 'success' : 'danger') + '">';
            html += '<h5><i class="fa fa-' + (data.sucesso ? 'check' : 'times') + '"></i> ' + data.mensagem + '</h5>';
            
            if (data.detalhes) {
                html += '<hr><dl class="row">';
                for (let key in data.detalhes) {
                    html += '<dt class="col-sm-4">' + key + ':</dt><dd class="col-sm-8">' + data.detalhes[key] + '</dd>';
                }
                html += '</dl>';
            }
            
            html += '</div>';
            modalBody.innerHTML = html;
        })
        .catch(error => {
            console.error('Erro SEFAZ:', error);
            modalBody.innerHTML = '<div class="alert alert-danger">Erro ao testar certificado: ' + error.message + '</div>';
        });
}

// Garantir que Bootstrap está disponível
if (typeof bootstrap === 'undefined') {
    console.error('Bootstrap não está carregado!');
}
</script>
{% endblock %}