wagtail-enap-designsystem 1.2.1.130__py3-none-any.whl → 1.2.1.131__py3-none-any.whl

enap_designsystem/templates/enap_designsystem/sistema_votacao_page.html

@@ -955,52 +955,63 @@
 {% block content %}
 {% load static %}
 <section class="padding-mobile">
-<div class="sistema-votacao-wrapper"
-     {% if page.background_image_fundo %}
-        {% for block in page.background_image_fundo %}
-            {% if block.block_type == 'background_image_stream' and block.value %}
-                style="background-image: url('{{ block.value.file.url }}'); 
-                       background-size: cover; 
-                       background-position: center; 
-                       background-repeat: no-repeat;
-                       background-attachment: fixed;"
-            {% endif %}
-        {% endfor %}
-     {% endif %}>
-    <div class="sistema-votacao-header{% if page.imagem_fundo %} has-background{% endif %}" 
-         {% if page.imagem_fundo %}
-            {% for block in page.imagem_fundo %}
-                style="background-image: url('{{ block.value.file.url }}'); object-fit: cover; object-position: top;"
+    <div class="sistema-votacao-wrapper"
+        {% if page.background_image_fundo %}
+            {% for block in page.background_image_fundo %}
+                {% if block.block_type == 'background_image_stream' and block.value %}
+                    style="background-image: url('{{ block.value.file.url }}'); 
+                        background-size: cover; 
+                        background-position: center; 
+                        background-repeat: no-repeat;
+                        background-attachment: fixed;"
+                {% endif %}
             {% endfor %}
-         {% endif %}>
-            <div class="votacao-content">
-            <div class="sistema-votacao-icon">
-                <i class="fas fa-vote-yea"></i>
-            </div>
-            <h1 class="sistema-votacao-title">{{ page.title }}</h1>
-            <p class="sistema-votacao-subtitle">{{ page.subtitulo }}</p>
-            
-            {% if page.descricao_header %}
-                <div class="sistema-votacao-descricao">
-                    {{ page.descricao_header|richtext }}
+        {% endif %}>
+        <div class="sistema-votacao-header{% if page.imagem_fundo %} has-background{% endif %}" 
+            {% if page.imagem_fundo %}
+                {% for block in page.imagem_fundo %}
+                    style="background-image: url('{{ block.value.file.url }}'); object-fit: cover; object-position: top;"
+                {% endfor %}
+            {% endif %}>
+                <div class="votacao-content">
+                <div class="sistema-votacao-icon">
+                    <i class="fas fa-vote-yea"></i>
                 </div>
-            {% endif %}
-            </div>
-</div>
+                <h1 class="sistema-votacao-title">{{ page.title }}</h1>
+                <p class="sistema-votacao-subtitle">{{ page.subtitulo }}</p>
+                
+                {% if page.descricao_header %}
+                    <div class="sistema-votacao-descricao">
+                        {{ page.descricao_header|richtext }}
+                    </div>
+                {% endif %}
+                </div>
+    </div>
        
 
-{% if page.conteudo_pagina %}
-        {% for block in page.conteudo_pagina %}
-            {% include_block block %}
-        {% endfor %}
-{% endif %}
+    {% if page.conteudo_pagina %}
+            {% for block in page.conteudo_pagina %}
+                {% include_block block %}
+            {% endfor %}
+    {% endif %}
 
-<div class="recaptcha-votacao-container">
-    {% include 'enap_designsystem/blocks/recaptcha.html' with value=recaptcha_config %}
-</div>
+    {% if page.exigir_recaptcha %}
+    <div class="recaptcha-gate" style="display: block;">
+        <div class="recaptcha-content" style="max-width: 600px; margin: 2rem auto; padding: 2rem; background: white; border-radius: 12px;">
+            <h2>Verificação de Segurança</h2>
+            <p>Para acessar o sistema de votação, confirme que você não é um robô:</p>
+            
+            {% include 'enap_designsystem/blocks/recaptcha.html' with value=recaptcha_config %}
+            
+            <button type="button" id="prosseguir-votacao" disabled style="margin-top: 1rem; padding: 1rem 2rem; background: #ccc; border: none; border-radius: 50px; width: 100%;">
+                Complete a verificação acima
+            </button>
+        </div>
+    </div>
+    {% endif %}
 
 
-    <div class="sistema-votacao-container">
+    <div class="sistema-votacao-container" {% if page.exigir_recaptcha %}style="display: none;"{% endif %}>>
         <!-- Header -->
         
 
@@ -1144,82 +1155,82 @@
         {% endif %}
         </div>
     </div>
-</div>
+    </div>
 
-<!-- Modal de Conclusão -->
-<div id="modal-conclusao" class="sistema-modal-conclusao">
-    <div class="sistema-modal-conclusao-content">
-        <div class="sistema-conclusao-icon">
-            <i class="fas fa-trophy"></i>
-        </div>
-        <h3 class="sistema-conclusao-title">Parabéns!</h3>
-        <p class="sistema-conclusao-subtitle">Você votou em todas as categorias disponíveis!</p>
-        
-        <div class="sistema-conclusao-stats">
-            <div class="sistema-conclusao-stats-title">Sua Participação</div>
-            <div class="sistema-stats-grid">
-                <div class="sistema-stat-item">
-                    <span class="sistema-stat-number" id="total-categorias-votadas">{{ total_categorias }}</span>
-                    <span class="sistema-stat-label">Categorias</span>
-                </div>
-                <div class="sistema-stat-item">
-                    <span class="sistema-stat-number" id="total-projetos-visualizados">-</span>
-                    <span class="sistema-stat-label">Projetos</span>
+    <!-- Modal de Conclusão -->
+    <div id="modal-conclusao" class="sistema-modal-conclusao">
+        <div class="sistema-modal-conclusao-content">
+            <div class="sistema-conclusao-icon">
+                <i class="fas fa-trophy"></i>
+            </div>
+            <h3 class="sistema-conclusao-title">Parabéns!</h3>
+            <p class="sistema-conclusao-subtitle">Você votou em todas as categorias disponíveis!</p>
+            
+            <div class="sistema-conclusao-stats">
+                <div class="sistema-conclusao-stats-title">Sua Participação</div>
+                <div class="sistema-stats-grid">
+                    <div class="sistema-stat-item">
+                        <span class="sistema-stat-number" id="total-categorias-votadas">{{ total_categorias }}</span>
+                        <span class="sistema-stat-label">Categorias</span>
+                    </div>
+                    <div class="sistema-stat-item">
+                        <span class="sistema-stat-number" id="total-projetos-visualizados">-</span>
+                        <span class="sistema-stat-label">Projetos</span>
+                    </div>
                 </div>
             </div>
-        </div>
-        
-        <div class="sistema-conclusao-actions">
-            <button class="sistema-btn-votar-novamente" onclick="SistemaVotacao.reiniciarVotacao()">
-                <i class="fas fa-redo"></i>
-                Votar Novamente
-            </button>
-            <button class="sistema-btn-encerrar-definitivo" onclick="SistemaVotacao.encerrarDefinitivo()">
-                <i class="fas fa-check"></i>
-                Encerrar
-            </button>
+            
+            <div class="sistema-conclusao-actions">
+                <button class="sistema-btn-votar-novamente" onclick="SistemaVotacao.reiniciarVotacao()">
+                    <i class="fas fa-redo"></i>
+                    Votar Novamente
+                </button>
+                <button class="sistema-btn-encerrar-definitivo" onclick="SistemaVotacao.encerrarDefinitivo()">
+                    <i class="fas fa-check"></i>
+                    Encerrar
+                </button>
+            </div>
         </div>
     </div>
-</div>
-
-<!-- Modal de Escolha Pós-Voto -->
-<div id="modal-pos-voto" class="sistema-modal-overlay">
-    <div class="sistema-modal-content">
-        <div class="sistema-modal-header">
-            <h3 class="sistema-modal-title">Voto registrado com sucesso!</h3>
-        </div>
 
-        <!-- Progresso da Votação no Modal -->
-        {% if page.mostrar_progresso and categorias %}
-        <div class="sistema-progresso-section" style="position: static; margin: 1.5rem 0; padding: 1.5rem; right: auto; bottom: auto;">
-            <div class="sistema-progresso-header">
-                <h2 class="sistema-progresso-title">Progresso da Votação</h2>
-                <span class="sistema-progresso-status" id="progresso-status-modal">0 de {{ total_categorias }} categorias</span>
+    <!-- Modal de Escolha Pós-Voto -->
+    <div id="modal-pos-voto" class="sistema-modal-overlay">
+        <div class="sistema-modal-content">
+            <div class="sistema-modal-header">
+                <h3 class="sistema-modal-title">Voto registrado com sucesso!</h3>
             </div>
-            <div class="sistema-progresso-bar">
-                <div class="sistema-progresso-fill" id="progresso-fill-modal" style="width: 0%"></div>
+
+            <!-- Progresso da Votação no Modal -->
+            {% if page.mostrar_progresso and categorias %}
+            <div class="sistema-progresso-section" style="position: static; margin: 1.5rem 0; padding: 1.5rem; right: auto; bottom: auto;">
+                <div class="sistema-progresso-header">
+                    <h2 class="sistema-progresso-title">Progresso da Votação</h2>
+                    <span class="sistema-progresso-status" id="progresso-status-modal">0 de {{ total_categorias }} categorias</span>
+                </div>
+                <div class="sistema-progresso-bar">
+                    <div class="sistema-progresso-fill" id="progresso-fill-modal" style="width: 0%"></div>
+                </div>
+                <p class="sistema-progresso-text" id="progresso-text-modal">0% concluído</p>
             </div>
-            <p class="sistema-progresso-text" id="progresso-text-modal">0% concluído</p>
-        </div>
-        {% endif %}
+            {% endif %}
 
-        
-        <div class="sistema-modal-actions">
-            <button class="sistema-btn-continuar" onclick="SistemaVotacao.continuarVotacao()">
-                Votar na próxima categoria
-                <i class="fas fa-arrow-right"></i>
-            </button>
-            <button class="sistema-btn-finalizar" onclick="SistemaVotacao.finalizarVotacao()">
-                <i class="fas fa-check-circle"></i>
-                <span>Finalizar Votação</span>
-            </button>
+            
+            <div class="sistema-modal-actions">
+                <button class="sistema-btn-continuar" onclick="SistemaVotacao.continuarVotacao()">
+                    Votar na próxima categoria
+                    <i class="fas fa-arrow-right"></i>
+                </button>
+                <button class="sistema-btn-finalizar" onclick="SistemaVotacao.finalizarVotacao()">
+                    <i class="fas fa-check-circle"></i>
+                    <span>Finalizar Votação</span>
+                </button>
+            </div>
         </div>
     </div>
-</div>
 
-<!-- Mensagem de Feedback -->
-<div id="feedback-message" class="sistema-feedback-message"></div>
-{% endblock %}
+    <!-- Mensagem de Feedback -->
+    <div id="feedback-message" class="sistema-feedback-message"></div>
+    {% endblock %}
 
 {% block footer %}
     {% include "enap_designsystem/includes/footer.html" %}
@@ -1231,498 +1242,519 @@
 
 </section>
 <script>
-const SistemaVotacao = {
-    // Estado da aplicação
-    votosCategoria: new Set(),
-    categoriasOrdem: [],
-    proximaCategoriaData: null,
-    elementos: {},
-    configuracao: {
-        votacaoAtiva: {% if votacao_ativa %}true{% else %}false{% endif %},
-        totalCategorias: {{ total_categorias|default:0 }},
-        permitirMultiplosVotos: {% if page.permitir_multiplos_votos %}true{% else %}false{% endif %},
-        // URL corrigida - usar path absoluto
-        urlVotar: '/votar/'
-    },
-
-    // Inicialização
-    init() {
-        console.log('🚀 Inicializando Sistema de Votação...');
+    // reCAPTCHA handler
+    window.onRecaptchaSuccess = function(response) {
+        console.log('reCAPTCHA completado');
         
-        this.cacheElementos();
-        this.configurarTabs();
-        this.configurarCategorias();
-        this.configurarModais();
-        this.configurarCSRF();
-        
-        console.log('✅ Sistema inicializado');
-        console.log('📊 Configuração:', this.configuracao);
-    },
-
-    // Cache de elementos DOM
-    cacheElementos() {
-        this.elementos = {
-            tabButtons: document.querySelectorAll('.sistema-tab-button'),
-            tabContents: document.querySelectorAll('.sistema-tab-content'),
-            progressoFill: document.getElementById('progresso-fill'),
-            progressoStatus: document.getElementById('progresso-status'),
-            progressoText: document.querySelector('.sistema-progresso-text'),
-            progressoFillModal: document.getElementById('progresso-fill-modal'),
-            progressoStatusModal: document.getElementById('progresso-status-modal'),
-            progressoTextModal: document.getElementById('progresso-text-modal'),
-            modalPosVoto: document.getElementById('modal-pos-voto'),
-            modalConclusao: document.getElementById('modal-conclusao'),
-            previewProxima: document.getElementById('preview-proxima-categoria'),
-            feedbackMessage: document.getElementById('feedback-message')
-        };
-        
-        console.log('DOM Elements cached:', Object.keys(this.elementos).length);
-    },
-
-    // Configurar sistema de tabs
-    configurarTabs() {
-        this.elementos.tabButtons.forEach((button, index) => {
-            const targetId = button.getAttribute('data-tab-target');
-            const categoriaId = button.getAttribute('data-categoria-id');
+        // Habilitar botão
+        const botao = document.getElementById('prosseguir-votacao');
+        if (botao) {
+            botao.disabled = false;
+            botao.innerHTML = 'Iniciar Votação';
+            botao.style.background = '#007D7A';
+            botao.style.color = 'white';
+            
+            // Configurar clique
+            botao.onclick = function() {
+                document.querySelector('.recaptcha-gate').style.display = 'none';
+                document.querySelector('.sistema-votacao-container').style.display = 'block';
+                SistemaVotacao.init();
+            };
+        }
+    };
+
+    const SistemaVotacao = {
+        // Estado da aplicação
+        votosCategoria: new Set(),
+        categoriasOrdem: [],
+        proximaCategoriaData: null,
+        elementos: {},
+        configuracao: {
+            votacaoAtiva: {% if votacao_ativa %}true{% else %}false{% endif %},
+            totalCategorias: {{ total_categorias|default:0 }},
+            permitirMultiplosVotos: {% if page.permitir_multiplos_votos %}true{% else %}false{% endif %},
+            // URL corrigida - usar path absoluto
+            urlVotar: '/votar/'
+        },
+
+        // Inicialização
+        init() {
+            console.log('🚀 Inicializando Sistema de Votação...');
             
-            button.addEventListener('click', (e) => {
-                e.preventDefault();
-                this.trocarTab(targetId, button);
+            this.cacheElementos();
+            this.configurarTabs();
+            this.configurarCategorias();
+            this.configurarModais();
+            this.configurarCSRF();
+            
+            console.log('✅ Sistema inicializado');
+            console.log('📊 Configuração:', this.configuracao);
+        },
+
+        // Cache de elementos DOM
+        cacheElementos() {
+            this.elementos = {
+                tabButtons: document.querySelectorAll('.sistema-tab-button'),
+                tabContents: document.querySelectorAll('.sistema-tab-content'),
+                progressoFill: document.getElementById('progresso-fill'),
+                progressoStatus: document.getElementById('progresso-status'),
+                progressoText: document.querySelector('.sistema-progresso-text'),
+                progressoFillModal: document.getElementById('progresso-fill-modal'),
+                progressoStatusModal: document.getElementById('progresso-status-modal'),
+                progressoTextModal: document.getElementById('progresso-text-modal'),
+                modalPosVoto: document.getElementById('modal-pos-voto'),
+                modalConclusao: document.getElementById('modal-conclusao'),
+                previewProxima: document.getElementById('preview-proxima-categoria'),
+                feedbackMessage: document.getElementById('feedback-message')
+            };
+            
+            console.log('DOM Elements cached:', Object.keys(this.elementos).length);
+        },
+
+        // Configurar sistema de tabs
+        configurarTabs() {
+            this.elementos.tabButtons.forEach((button, index) => {
+                const targetId = button.getAttribute('data-tab-target');
+                const categoriaId = button.getAttribute('data-categoria-id');
+                
+                button.addEventListener('click', (e) => {
+                    e.preventDefault();
+                    this.trocarTab(targetId, button);
+                });
             });
-        });
-    },
+        },
 
-    // Trocar tab ativa
-    trocarTab(targetId, clickedButton) {
-        const targetContent = document.getElementById(targetId);
-        
-        if (!targetContent) {
-            console.error('❌ Conteúdo não encontrado:', targetId);
-            return;
-        }
+        // Trocar tab ativa
+        trocarTab(targetId, clickedButton) {
+            const targetContent = document.getElementById(targetId);
+            
+            if (!targetContent) {
+                console.error('❌ Conteúdo não encontrado:', targetId);
+                return;
+            }
 
-        // Remover active de todos
-        this.elementos.tabButtons.forEach(btn => btn.classList.remove('active'));
-        this.elementos.tabContents.forEach(content => content.classList.remove('active'));
+            // Remover active de todos
+            this.elementos.tabButtons.forEach(btn => btn.classList.remove('active'));
+            this.elementos.tabContents.forEach(content => content.classList.remove('active'));
 
-        // Ativar clicado
-        clickedButton.classList.add('active');
-        targetContent.classList.add('active');
+            // Ativar clicado
+            clickedButton.classList.add('active');
+            targetContent.classList.add('active');
 
-        // Scroll suave
-        setTimeout(() => {
-            const header = targetContent.querySelector('.sistema-categoria-header');
-            if (header) {
-                header.scrollIntoView({ behavior: 'smooth', block: 'start' });
-            }
-        }, 100);
-    },
-
-    // Configurar categorias
-    configurarCategorias() {
-        this.elementos.tabButtons.forEach(button => {
-            const categoriaId = parseInt(button.getAttribute('data-categoria-id'));
-            const iconElement = button.querySelector('i');
-            
-            this.categoriasOrdem.push({
-                id: categoriaId,
-                nome: button.textContent.trim(),
-                icone: iconElement ? iconElement.className : 'fas fa-folder'
-            });
-        });
-    },
-
-    // Configurar modais
-    configurarModais() {
-        if (this.elementos.modalPosVoto) {
-            this.elementos.modalPosVoto.addEventListener('click', (e) => {
-                if (e.target === this.elementos.modalPosVoto) {
-                    this.pararVotacao();
-                }
-            });
-        }
-        
-        if (this.elementos.modalConclusao) {
-            this.elementos.modalConclusao.addEventListener('click', (e) => {
-                if (e.target === this.elementos.modalConclusao) {
-                    this.encerrarDefinitivo();
+            // Scroll suave
+            setTimeout(() => {
+                const header = targetContent.querySelector('.sistema-categoria-header');
+                if (header) {
+                    header.scrollIntoView({ behavior: 'smooth', block: 'start' });
                 }
+            }, 100);
+        },
+
+        // Configurar categorias
+        configurarCategorias() {
+            this.elementos.tabButtons.forEach(button => {
+                const categoriaId = parseInt(button.getAttribute('data-categoria-id'));
+                const iconElement = button.querySelector('i');
+                
+                this.categoriasOrdem.push({
+                    id: categoriaId,
+                    nome: button.textContent.trim(),
+                    icone: iconElement ? iconElement.className : 'fas fa-folder'
+                });
             });
-        }
-    },
+        },
 
-    // Configurar CSRF Token
-    configurarCSRF() {
-        const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]');
-        if (!csrfToken) {
-            console.warn('⚠️ CSRF token não encontrado');
-        }
-    },
+        // Configurar modais
+        configurarModais() {
+            if (this.elementos.modalPosVoto) {
+                this.elementos.modalPosVoto.addEventListener('click', (e) => {
+                    if (e.target === this.elementos.modalPosVoto) {
+                        this.pararVotacao();
+                    }
+                });
+            }
+            
+            if (this.elementos.modalConclusao) {
+                this.elementos.modalConclusao.addEventListener('click', (e) => {
+                    if (e.target === this.elementos.modalConclusao) {
+                        this.encerrarDefinitivo();
+                    }
+                });
+            }
+        },
 
-    // FUNÇÃO PRINCIPAL DE VOTAÇÃO - CORRIGIDA
-    async votar(projetoId, categoriaId, button) {
-        console.log('🗳️ Iniciando votação...', { projetoId, categoriaId });
-        
-        if (!this.configuracao.votacaoAtiva) {
-            this.showFeedback('Votação não está ativa no momento.', 'error');
-            return;
-        }
+        // Configurar CSRF Token
+        configurarCSRF() {
+            const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]');
+            if (!csrfToken) {
+                console.warn('⚠️ CSRF token não encontrado');
+            }
+        },
 
-        // Verificar se botão já foi usado
-        if (button.classList.contains('votado') || button.disabled) {
-            this.showFeedback('Você já votou neste projeto.', 'warning');
-            return;
-        }
+        // FUNÇÃO PRINCIPAL DE VOTAÇÃO - CORRIGIDA
+        async votar(projetoId, categoriaId, button) {
+            console.log('🗳️ Iniciando votação...', { projetoId, categoriaId });
+            
+            if (!this.configuracao.votacaoAtiva) {
+                this.showFeedback('Votação não está ativa no momento.', 'error');
+                return;
+            }
 
-        // Estado de loading
-        this.setLoadingState(button, true);
+            // Verificar se botão já foi usado
+            if (button.classList.contains('votado') || button.disabled) {
+                this.showFeedback('Você já votou neste projeto.', 'warning');
+                return;
+            }
 
-        try {
-            // Preparar dados
-            const dados = {
-                projeto_id: parseInt(projetoId),
-                categoria_id: parseInt(categoriaId)
-            };
+            // Estado de loading
+            this.setLoadingState(button, true);
 
-            console.log('📤 Enviando dados:', dados);
+            try {
+                // Preparar dados
+                const dados = {
+                    projeto_id: parseInt(projetoId),
+                    categoria_id: parseInt(categoriaId)
+                };
+
+                console.log('📤 Enviando dados:', dados);
+
+                // Headers da requisição
+                const headers = {
+                    'Content-Type': 'application/json',
+                };
+
+                // Adicionar CSRF token se disponível
+                const csrfToken = this.getCsrfToken();
+                if (csrfToken) {
+                    headers['X-CSRFToken'] = csrfToken;
+                }
 
-            // Headers da requisição
-            const headers = {
-                'Content-Type': 'application/json',
-            };
+                // Fazer requisição
+                const response = await fetch(this.configuracao.urlVotar, {
+                    method: 'POST',
+                    headers: headers,
+                    body: JSON.stringify(dados),
+                    credentials: 'same-origin'
+                });
 
-            // Adicionar CSRF token se disponível
-            const csrfToken = this.getCsrfToken();
-            if (csrfToken) {
-                headers['X-CSRFToken'] = csrfToken;
-            }
+                console.log('📥 Response status:', response.status);
 
-            // Fazer requisição
-            const response = await fetch(this.configuracao.urlVotar, {
-                method: 'POST',
-                headers: headers,
-                body: JSON.stringify(dados),
-                credentials: 'same-origin'
-            });
+                // Verificar se response é válido
+                if (!response.ok) {
+                    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+                }
 
-            console.log('📥 Response status:', response.status);
+                // Parse do JSON
+                let data;
+                try {
+                    data = await response.json();
+                    console.log('📊 Response data:', data);
+                } catch (parseError) {
+                    console.error('❌ Erro ao fazer parse do JSON:', parseError);
+                    throw new Error('Resposta inválida do servidor');
+                }
 
-            // Verificar se response é válido
-            if (!response.ok) {
-                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-            }
+                if (data.success) {
+                    this.processarVotoSucesso(projetoId, categoriaId, button, data);
+                } else {
+                    throw new Error(data.message || 'Erro desconhecido ao registrar voto');
+                }
 
-            // Parse do JSON
-            let data;
-            try {
-                data = await response.json();
-                console.log('📊 Response data:', data);
-            } catch (parseError) {
-                console.error('❌ Erro ao fazer parse do JSON:', parseError);
-                throw new Error('Resposta inválida do servidor');
+            } catch (error) {
+                console.error('❌ Erro completo:', error);
+                this.showFeedback(`Erro: ${error.message}`, 'error');
+                this.setLoadingState(button, false);
             }
+        },
 
-            if (data.success) {
-                this.processarVotoSucesso(projetoId, categoriaId, button, data);
-            } else {
-                throw new Error(data.message || 'Erro desconhecido ao registrar voto');
+        // Processar voto bem-sucedido
+        processarVotoSucesso(projetoId, categoriaId, button, data) {
+            console.log('✅ Voto processado com sucesso:', data);
+            
+            // Atualizar visual do botão
+            button.classList.add('votado');
+            button.innerHTML = `
+                <i class="fas fa-check-circle"></i>
+                Voto registrado!
+            `;
+            button.disabled = true;
+            
+            // Atualizar contador se existir
+            this.atualizarContador(projetoId, data.total_votos);
+            
+            // Marcar categoria como votada
+            this.votosCategoria.add(parseInt(categoriaId));
+            this.atualizarProgresso();
+            
+            // Desabilitar outros botões da categoria se necessário
+            if (!this.configuracao.permitirMultiplosVotos) {
+                this.desabilitarOutrosBotoes(categoriaId, button);
             }
-
-        } catch (error) {
-            console.error('❌ Erro completo:', error);
-            this.showFeedback(`Erro: ${error.message}`, 'error');
-            this.setLoadingState(button, false);
-        }
-    },
-
-    // Processar voto bem-sucedido
-    processarVotoSucesso(projetoId, categoriaId, button, data) {
-        console.log('✅ Voto processado com sucesso:', data);
-        
-        // Atualizar visual do botão
-        button.classList.add('votado');
-        button.innerHTML = `
-            <i class="fas fa-check-circle"></i>
-            Voto registrado!
-        `;
-        button.disabled = true;
-        
-        // Atualizar contador se existir
-        this.atualizarContador(projetoId, data.total_votos);
-        
-        // Marcar categoria como votada
-        this.votosCategoria.add(parseInt(categoriaId));
-        this.atualizarProgresso();
-        
-        // Desabilitar outros botões da categoria se necessário
-        if (!this.configuracao.permitirMultiplosVotos) {
-            this.desabilitarOutrosBotoes(categoriaId, button);
-        }
-        
-        // Mostrar feedback
-        this.showFeedback(`Voto registrado em "${data.projeto_titulo || 'projeto'}"!`, 'success');
-        
-        // Mostrar próximo passo após delay
-        setTimeout(() => {
-            this.mostrarModalPosVoto(categoriaId);
-        }, 2000);
-    },
-
-    // Atualizar contador de votos
-    atualizarContador(projetoId, totalVotos) {
-        const contadorElement = document.getElementById(`votos-${projetoId}`);
-        if (contadorElement) {
-            const novoTotal = totalVotos || 1;
-            contadorElement.textContent = novoTotal;
             
-            // Animação
-            contadorElement.style.transform = 'scale(1.2)';
-            contadorElement.style.color = '#28a745';
+            // Mostrar feedback
+            this.showFeedback(`Voto registrado em "${data.projeto_titulo || 'projeto'}"!`, 'success');
             
+            // Mostrar próximo passo após delay
             setTimeout(() => {
-                contadorElement.style.transform = 'scale(1)';
-                contadorElement.style.color = '';
-            }, 500);
-        }
-    },
-
-    // Desabilitar outros botões da categoria
-    desabilitarOutrosBotoes(categoriaId, buttonAtivo) {
-        const categorySection = document.getElementById(`categoria-${categoriaId}`);
-        if (categorySection) {
-            const outrosBotoes = categorySection.querySelectorAll('.sistema-btn-votar');
-            outrosBotoes.forEach(btn => {
-                if (btn !== buttonAtivo && !btn.classList.contains('votado')) {
-                    btn.disabled = true;
-                    btn.classList.add('disabled');
-                    btn.innerHTML = `
-                        <i class="fas fa-ban"></i>
-                        Você já votou nesta categoria
-                    `;
-                }
-            });
-        }
-    },
-
-    // Estado de loading do botão
-    setLoadingState(button, loading) {
-        if (loading) {
-            button.classList.add('loading');
-            button.disabled = true;
-            button.innerHTML = `
-                <i class="fas fa-spinner fa-spin"></i>
-                Votando...
-            `;
-        } else if (!button.classList.contains('votado')) {
-            button.classList.remove('loading');
-            button.disabled = false;
-            button.innerHTML = 'Votar neste Projeto';
-        }
-    },
+                this.mostrarModalPosVoto(categoriaId);
+            }, 2000);
+        },
+
+        // Atualizar contador de votos
+        atualizarContador(projetoId, totalVotos) {
+            const contadorElement = document.getElementById(`votos-${projetoId}`);
+            if (contadorElement) {
+                const novoTotal = totalVotos || 1;
+                contadorElement.textContent = novoTotal;
+                
+                // Animação
+                contadorElement.style.transform = 'scale(1.2)';
+                contadorElement.style.color = '#28a745';
+                
+                setTimeout(() => {
+                    contadorElement.style.transform = 'scale(1)';
+                    contadorElement.style.color = '';
+                }, 500);
+            }
+        },
+
+        // Desabilitar outros botões da categoria
+        desabilitarOutrosBotoes(categoriaId, buttonAtivo) {
+            const categorySection = document.getElementById(`categoria-${categoriaId}`);
+            if (categorySection) {
+                const outrosBotoes = categorySection.querySelectorAll('.sistema-btn-votar');
+                outrosBotoes.forEach(btn => {
+                    if (btn !== buttonAtivo && !btn.classList.contains('votado')) {
+                        btn.disabled = true;
+                        btn.classList.add('disabled');
+                        btn.innerHTML = `
+                            <i class="fas fa-ban"></i>
+                            Você já votou nesta categoria
+                        `;
+                    }
+                });
+            }
+        },
+
+        // Estado de loading do botão
+        setLoadingState(button, loading) {
+            if (loading) {
+                button.classList.add('loading');
+                button.disabled = true;
+                button.innerHTML = `
+                    <i class="fas fa-spinner fa-spin"></i>
+                    Votando...
+                `;
+            } else if (!button.classList.contains('votado')) {
+                button.classList.remove('loading');
+                button.disabled = false;
+                button.innerHTML = 'Votar neste Projeto';
+            }
+        },
 
-    // Mostrar modal pós-voto
-    mostrarModalPosVoto(categoriaAtualId) {
-        const indiceAtual = this.categoriasOrdem.findIndex(cat => cat.id === parseInt(categoriaAtualId));
-        const proximoIndice = indiceAtual + 1;
-        
-        if (proximoIndice < this.categoriasOrdem.length) {
-            this.proximaCategoriaData = this.categoriasOrdem[proximoIndice];
-            this.gerarPreviewProximaCategoria(this.proximaCategoriaData.id);
+        // Mostrar modal pós-voto
+        mostrarModalPosVoto(categoriaAtualId) {
+            const indiceAtual = this.categoriasOrdem.findIndex(cat => cat.id === parseInt(categoriaAtualId));
+            const proximoIndice = indiceAtual + 1;
             
-            if (this.elementos.modalPosVoto) {
-                this.elementos.modalPosVoto.classList.add('show');
+            if (proximoIndice < this.categoriasOrdem.length) {
+                this.proximaCategoriaData = this.categoriasOrdem[proximoIndice];
+                this.gerarPreviewProximaCategoria(this.proximaCategoriaData.id);
+                
+                if (this.elementos.modalPosVoto) {
+                    this.elementos.modalPosVoto.classList.add('show');
+                }
+            } else {
+                this.mostrarModalConclusao();
             }
-        } else {
-            this.mostrarModalConclusao();
-        }
-    },
+        },
 
-    // Gerar preview da próxima categoria
-    gerarPreviewProximaCategoria(proximaCategoriaId) {
-        const proximaCategoria = document.getElementById(`categoria-${proximaCategoriaId}`);
-        const projetos = proximaCategoria ? proximaCategoria.querySelectorAll('.sistema-projeto-card') : [];
-        
-        let previewHTML = '';
-        
-        if (projetos.length > 0) {
-            const categoriaInfo = this.categoriasOrdem.find(cat => cat.id === proximaCategoriaId);
+        // Gerar preview da próxima categoria
+        gerarPreviewProximaCategoria(proximaCategoriaId) {
+            const proximaCategoria = document.getElementById(`categoria-${proximaCategoriaId}`);
+            const projetos = proximaCategoria ? proximaCategoria.querySelectorAll('.sistema-projeto-card') : [];
             
-            previewHTML = `
-                <div class="sistema-preview-header">
-                    <div class="sistema-preview-icon">
-                        <i class="${categoriaInfo.icone}"></i>
-                    </div>
-                    <h4 class="sistema-preview-title">Próxima Categoria: ${categoriaInfo.nome}</h4>
-                </div>
-                <div class="sistema-preview-projetos">
-            `;
+            let previewHTML = '';
             
-            projetos.forEach(projeto => {
-                const titulo = projeto.querySelector('.sistema-projeto-title')?.textContent || 'Projeto';
-                const equipe = projeto.querySelector('.sistema-equipe-nome')?.textContent || 'Equipe';
+            if (projetos.length > 0) {
+                const categoriaInfo = this.categoriasOrdem.find(cat => cat.id === proximaCategoriaId);
                 
-                previewHTML += `
-                    <div class="sistema-preview-projeto">
-                        <div class="sistema-preview-projeto-titulo">${titulo}</div>
-                        <div class="sistema-preview-projeto-equipe">por ${equipe}</div>
+                previewHTML = `
+                    <div class="sistema-preview-header">
+                        <div class="sistema-preview-icon">
+                            <i class="${categoriaInfo.icone}"></i>
+                        </div>
+                        <h4 class="sistema-preview-title">Próxima Categoria: ${categoriaInfo.nome}</h4>
                     </div>
+                    <div class="sistema-preview-projetos">
                 `;
-            });
+                
+                projetos.forEach(projeto => {
+                    const titulo = projeto.querySelector('.sistema-projeto-title')?.textContent || 'Projeto';
+                    const equipe = projeto.querySelector('.sistema-equipe-nome')?.textContent || 'Equipe';
+                    
+                    previewHTML += `
+                        <div class="sistema-preview-projeto">
+                            <div class="sistema-preview-projeto-titulo">${titulo}</div>
+                            <div class="sistema-preview-projeto-equipe">por ${equipe}</div>
+                        </div>
+                    `;
+                });
+                
+                previewHTML += `</div>`;
+            }
             
-            previewHTML += `</div>`;
-        }
-        
-        if (this.elementos.previewProxima) {
-            this.elementos.previewProxima.innerHTML = previewHTML;
-        }
-    },
+            if (this.elementos.previewProxima) {
+                this.elementos.previewProxima.innerHTML = previewHTML;
+            }
+        },
 
-    // Continuar votação
-    continuarVotacao() {
-        if (this.elementos.modalPosVoto) {
-            this.elementos.modalPosVoto.classList.remove('show');
-        }
-        
-        if (this.proximaCategoriaData) {
-            const proximaTab = document.querySelector(`[data-categoria-id="${this.proximaCategoriaData.id}"]`);
-            if (proximaTab) {
-                proximaTab.click();
+        // Continuar votação
+        continuarVotacao() {
+            if (this.elementos.modalPosVoto) {
+                this.elementos.modalPosVoto.classList.remove('show');
             }
-        }
-    },
+            
+            if (this.proximaCategoriaData) {
+                const proximaTab = document.querySelector(`[data-categoria-id="${this.proximaCategoriaData.id}"]`);
+                if (proximaTab) {
+                    proximaTab.click();
+                }
+            }
+        },
 
-    // Parar votação
-    pararVotacao() {
-        if (this.elementos.modalPosVoto) {
-            this.elementos.modalPosVoto.classList.remove('show');
-        }
-        this.showFeedback('Obrigado pela sua participação!', 'success');
-    },
+        // Parar votação
+        pararVotacao() {
+            if (this.elementos.modalPosVoto) {
+                this.elementos.modalPosVoto.classList.remove('show');
+            }
+            this.showFeedback('Obrigado pela sua participação!', 'success');
+        },
 
-    // Mostrar modal de conclusão
-    mostrarModalConclusao() {
-        if (this.elementos.modalConclusao) {
-            this.elementos.modalConclusao.classList.add('show');
-        }
-    },
+        // Mostrar modal de conclusão
+        mostrarModalConclusao() {
+            if (this.elementos.modalConclusao) {
+                this.elementos.modalConclusao.classList.add('show');
+            }
+        },
 
-    // Reiniciar votação
-    reiniciarVotacao() {
-        if (this.elementos.modalConclusao) {
-            this.elementos.modalConclusao.classList.remove('show');
-        }
-        
-        // Reset estado
-        this.votosCategoria.clear();
-        this.proximaCategoriaData = null;
-        
-        // Reset botões
-        const botoesVotar = document.querySelectorAll('.sistema-btn-votar');
-        botoesVotar.forEach(botao => {
-            botao.classList.remove('votado', 'loading', 'disabled');
-            botao.disabled = false;
-            botao.textContent = 'Votar neste Projeto';
-        });
-        
-        this.atualizarProgresso();
-        
-        const primeiraTab = document.querySelector('.sistema-tab-button');
-        if (primeiraTab) {
-            primeiraTab.click();
-        }
-        
-        this.showFeedback('Nova votação iniciada!', 'success');
-    },
+        // Reiniciar votação
+        reiniciarVotacao() {
+            if (this.elementos.modalConclusao) {
+                this.elementos.modalConclusao.classList.remove('show');
+            }
+            
+            // Reset estado
+            this.votosCategoria.clear();
+            this.proximaCategoriaData = null;
+            
+            // Reset botões
+            const botoesVotar = document.querySelectorAll('.sistema-btn-votar');
+            botoesVotar.forEach(botao => {
+                botao.classList.remove('votado', 'loading', 'disabled');
+                botao.disabled = false;
+                botao.textContent = 'Votar neste Projeto';
+            });
+            
+            this.atualizarProgresso();
+            
+            const primeiraTab = document.querySelector('.sistema-tab-button');
+            if (primeiraTab) {
+                primeiraTab.click();
+            }
+            
+            this.showFeedback('Nova votação iniciada!', 'success');
+        },
 
-    // Encerrar definitivo
-    encerrarDefinitivo() {
-        if (this.elementos.modalConclusao) {
-            this.elementos.modalConclusao.classList.remove('show');
-        }
-        this.showFeedback('Obrigado pela sua participação!', 'success');
-    },
-
-    // Finalizar votação
-    finalizarVotacao() {
-        if (this.votosCategoria.size === 0) {
-            this.showFeedback('Você ainda não votou em nenhuma categoria.', 'warning');
-            return;
-        }
-        
-        const categoriasRestantes = this.configuracao.totalCategorias - this.votosCategoria.size;
-        
-        let mensagem = 'Tem certeza que deseja finalizar sua votação?';
-        if (categoriasRestantes > 0) {
-            mensagem += `\n\nAinda há ${categoriasRestantes} categoria${categoriasRestantes > 1 ? 's' : ''} disponíveis.`;
-        }
-        
-        if (confirm(mensagem)) {
-            this.showFeedback('Obrigado pela participação! Recarregando...', 'success');
-            setTimeout(() => window.location.reload(), 1500);
-        }
-    },
+        // Encerrar definitivo
+        encerrarDefinitivo() {
+            if (this.elementos.modalConclusao) {
+                this.elementos.modalConclusao.classList.remove('show');
+            }
+            this.showFeedback('Obrigado pela sua participação!', 'success');
+        },
+
+        // Finalizar votação
+        finalizarVotacao() {
+            if (this.votosCategoria.size === 0) {
+                this.showFeedback('Você ainda não votou em nenhuma categoria.', 'warning');
+                return;
+            }
+            
+            const categoriasRestantes = this.configuracao.totalCategorias - this.votosCategoria.size;
+            
+            let mensagem = 'Tem certeza que deseja finalizar sua votação?';
+            if (categoriasRestantes > 0) {
+                mensagem += `\n\nAinda há ${categoriasRestantes} categoria${categoriasRestantes > 1 ? 's' : ''} disponíveis.`;
+            }
+            
+            if (confirm(mensagem)) {
+                this.showFeedback('Obrigado pela participação! Recarregando...', 'success');
+                setTimeout(() => window.location.reload(), 1500);
+            }
+        },
 
-    // Atualizar progresso
-    atualizarProgresso() {
-        const votadas = this.votosCategoria.size;
-        const percentual = Math.round((votadas / this.configuracao.totalCategorias) * 100);
-        
-        // Atualizar elementos de progresso
-        const elementos = [
-            { fill: this.elementos.progressoFill, status: this.elementos.progressoStatus, text: this.elementos.progressoText },
-            { fill: this.elementos.progressoFillModal, status: this.elementos.progressoStatusModal, text: this.elementos.progressoTextModal }
-        ];
-        
-        elementos.forEach(({ fill, status, text }) => {
-            if (fill) fill.style.width = `${percentual}%`;
-            if (status) status.textContent = `${votadas} de ${this.configuracao.totalCategorias} categorias`;
-            if (text) text.textContent = `${percentual}% concluído`;
-        });
-    },
-
-    // Mostrar feedback
-    showFeedback(message, type = 'success') {
-        if (!this.elementos.feedbackMessage) {
-            console.log(`Feedback: ${message} (${type})`);
-            return;
-        }
-        
-        this.elementos.feedbackMessage.textContent = message;
-        this.elementos.feedbackMessage.className = `sistema-feedback-message ${type} show`;
-        
-        setTimeout(() => {
-            this.elementos.feedbackMessage.classList.remove('show');
-        }, 4000);
-    },
-
-    // Obter CSRF token
-    getCsrfToken() {
-        const csrfInput = document.querySelector('[name=csrfmiddlewaretoken]');
-        if (csrfInput) {
-            return csrfInput.value;
-        }
-        
-        // Fallback do cookie
-        const cookies = document.cookie.split(';');
-        for (let cookie of cookies) {
-            const [name, value] = cookie.trim().split('=');
-            if (name === 'csrftoken') {
-                return value;
+        // Atualizar progresso
+        atualizarProgresso() {
+            const votadas = this.votosCategoria.size;
+            const percentual = Math.round((votadas / this.configuracao.totalCategorias) * 100);
+            
+            // Atualizar elementos de progresso
+            const elementos = [
+                { fill: this.elementos.progressoFill, status: this.elementos.progressoStatus, text: this.elementos.progressoText },
+                { fill: this.elementos.progressoFillModal, status: this.elementos.progressoStatusModal, text: this.elementos.progressoTextModal }
+            ];
+            
+            elementos.forEach(({ fill, status, text }) => {
+                if (fill) fill.style.width = `${percentual}%`;
+                if (status) status.textContent = `${votadas} de ${this.configuracao.totalCategorias} categorias`;
+                if (text) text.textContent = `${percentual}% concluído`;
+            });
+        },
+
+        // Mostrar feedback
+        showFeedback(message, type = 'success') {
+            if (!this.elementos.feedbackMessage) {
+                console.log(`Feedback: ${message} (${type})`);
+                return;
+            }
+            
+            this.elementos.feedbackMessage.textContent = message;
+            this.elementos.feedbackMessage.className = `sistema-feedback-message ${type} show`;
+            
+            setTimeout(() => {
+                this.elementos.feedbackMessage.classList.remove('show');
+            }, 4000);
+        },
+
+        // Obter CSRF token
+        getCsrfToken() {
+            const csrfInput = document.querySelector('[name=csrfmiddlewaretoken]');
+            if (csrfInput) {
+                return csrfInput.value;
+            }
+            
+            // Fallback do cookie
+            const cookies = document.cookie.split(';');
+            for (let cookie of cookies) {
+                const [name, value] = cookie.trim().split('=');
+                if (name === 'csrftoken') {
+                    return value;
+                }
             }
+            
+            console.warn('⚠️ CSRF token não encontrado');
+            return '';
         }
-        
-        console.warn('⚠️ CSRF token não encontrado');
-        return '';
-    }
-};
+    };
 
-// Inicialização
-document.addEventListener('DOMContentLoaded', function() {
-    console.log('📄 DOM carregado, inicializando sistema...');
-    SistemaVotacao.init();
-});
+    // Inicialização
+    document.addEventListener('DOMContentLoaded', function() {
+        console.log('📄 DOM carregado, inicializando sistema...');
+        SistemaVotacao.init();
+    });
 
-// Expor globalmente
-window.SistemaVotacao = SistemaVotacao;
+    // Expor globalmente
+    window.SistemaVotacao = SistemaVotacao;
 </script>
 {% endblock %}