Add files via upload

Author: armanfm

painel_eleicao.html

@@ -58,27 +58,35 @@
       border: 1px solid rgba(212,175,55,0.3);
       min-height: 400px;
     }
-    .eleicoes-grid {
+    .candidatos-grid {
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
       gap: 20px;
       margin-bottom: 30px;
     }
-    .eleicao-card {
+    .candidato-card {
       background: #1a1a1a;
       border: 1px solid rgba(212,175,55,0.2);
       border-radius: 10px;
       padding: 20px;
       text-align: center;
     }
-    .eleicao-card h3 {
+    .candidato-card h3 {
       color: #d4af37;
       margin-bottom: 10px;
     }
-    .eleicao-card p {
+    .candidato-card p {
       margin: 5px 0;
       color: #ccc;
     }
+    .candidato-foto {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      object-fit: cover;
+      margin: 0 auto 15px;
+      border: 2px solid #d4af37;
+    }
     .status-badge {
       display: inline-block;
       padding: 4px 12px;
@@ -189,7 +197,7 @@
     .auditor-btn:hover {
       background: rgba(86, 171, 47, 0.4);
     }
-    .eleicao-btn {
+    .candidato-btn {
       background: rgba(148, 0, 211, 0.2);
       border: 1px solid #9400d3;
       color: #9400d3;
@@ -200,16 +208,44 @@
       margin-top: 20px;
       transition: .3s;
     }
-    .eleicao-btn:hover {
+    .candidato-btn:hover {
       background: rgba(148, 0, 211, 0.4);
     }
+    .eleicao-btn {
+      background: rgba(30, 144, 255, 0.2);
+      border: 1px solid #1e90ff;
+      color: #1e90ff;
+      padding: 12px 25px;
+      border-radius: 20px;
+      cursor: pointer;
+      font-size: 1.1rem;
+      margin-top: 20px;
+      transition: .3s;
+    }
+    .eleicao-btn:hover {
+      background: rgba(30, 144, 255, 0.4);
+    }
     .header-buttons {
       display: flex;
       justify-content: center;
       gap: 15px;
       margin-top: 15px;
       flex-wrap: wrap;
     }
+    .voltar-btn {
+      background: rgba(128, 128, 128, 0.2);
+      border: 1px solid #808080;
+      color: #808080;
+      padding: 10px 20px;
+      border-radius: 20px;
+      cursor: pointer;
+      margin: 10px;
+      text-decoration: none;
+      display: inline-block;
+    }
+    .voltar-btn:hover {
+      background: rgba(128, 128, 128, 0.4);
+    }
 
     /* NOVOS ESTILOS PARA MESÁRIOS E API */
     .mesarios-grid {
@@ -288,11 +324,11 @@
 <div class="container">
   <header>
     <h1>🌍 Painel de Autoridade — Terra Dourada</h1>
-    <p>Gerencie eleições, votos e créditos</p>
+    <p>Gerencie eleições, candidatos e créditos</p>
 
     <div class="header-buttons">
-      <button class="eleicao-btn" onclick="window.location.href='cad_eleicao.html'">
-        🗳️ Cadastrar Nova Eleição
+      <button class="candidato-btn" onclick="window.location.href='cad_candidato.html'">
+        👤 Cadastrar Candidato
       </button>
       <button class="auditor-btn" onclick="window.location.href='auditor.html'">
         👁️ Painel do Auditor
@@ -302,21 +338,21 @@ <h1>🌍 Painel de Autoridade — Terra Dourada</h1>
 
   <!-- BOTÕES DAS ABAS -->
   <div class="tabs">
-    <button class="tab active" onclick="showTab('eleicoes')">🗳️ Eleições</button>
+    <button class="tab active" onclick="showTab('candidatos')">👥 Candidatos</button>
     <button class="tab" onclick="showTab('mesarios')">👥 Mesários</button>
     <button class="tab" onclick="showTab('api-cliente')">🔌 API Cliente</button>
-    <button class="tab" onclick="showTab('autorizacao')">🔐 Autorizar Votos</button>
+    <button class="tab" onclick="window.location.href='eleitor_point.html'">🔐 Autorizar Votos</button>
     <button class="tab" onclick="showTab('monitor')">👁️ Monitorar Votos</button>
     <button class="tab" onclick="showTab('pagamento')">💰 Comprar Créditos</button>
   </div>
 
   <!-- CONTEÚDO -->
   <div class="content">
 
-    <!-- ABA ELEIÇÕES -->
-    <div id="tab-eleicoes">
-      <h2>Lista de Eleições Cadastradas</h2>
-      <div id="eleicoes-list" class="eleicoes-grid"></div>
+    <!-- ABA CANDIDATOS -->
+    <div id="tab-candidatos">
+      <h2>Lista de Candidatos Cadastrados</h2>
+      <div id="candidatos-list" class="candidatos-grid"></div>
     </div>
 
     <!-- ABA MESÁRIOS -->
@@ -395,7 +431,7 @@ <h2>Votos Autorizados e Realizados</h2>
     <!-- ABA PAGAMENTO -->
     <div id="tab-pagamento" style="display: none;">
       <h2>💰 Comprar Créditos de Votação</h2>
-      <!-- Conteúdo existente mantido -->
+      
       <label>Quantidade de votos:</label><br>
       <input id="quantidade" type="number" min="10" placeholder="Ex: 500"
         style="padding:10px; width:220px; border-radius:8px; margin-top:10px;"><br><br>
@@ -428,6 +464,7 @@ <h2>💰 Comprar Créditos de Votação</h2>
 const dbEleicoes = new PouchDB('terra_dourada_eleicoes');
 const dbVotes = new PouchDB('terra_dourada_votos_local');
 const dbMesarios = new PouchDB('terra_dourada_mesarios');
+const dbCandidatos = new PouchDB('terra_dourada_candidatos');
 
 // --- CONFIGURAÇÃO DA API ---
 let API_CONFIG = {
@@ -448,56 +485,62 @@ <h2>💰 Comprar Créditos de Votação</h2>
   document.querySelector(`button[onclick="showTab('${tab}')"]`).classList.add('active');
   document.getElementById(`tab-${tab}`).style.display = 'block';
 
-  if (tab === "eleicoes") carregarEleicoes();
+  if (tab === "candidatos") carregarCandidatos();
   if (tab === "mesarios") carregarMesarios();
   if (tab === "api-cliente") carregarConfigAPI();
   if (tab === "monitor") carregarVotosAutorizados();
 }
 
-// --- CARREGAR ELEIÇÕES ---
-async function carregarEleicoes() {
-  const res = await dbEleicoes.allDocs({ include_docs: true });
-  const cont = document.getElementById('eleicoes-list');
+// --- CARREGAR CANDIDATOS ---
+async function carregarCandidatos() {
+  try {
+    const res = await dbCandidatos.allDocs({ include_docs: true });
+    const cont = document.getElementById('candidatos-list');
 
-  if (res.rows.length === 0) {
-    cont.innerHTML = `
-      <div class="empty-state">
-        <h3>Nenhuma eleição cadastrada</h3>
-        <p>Clique em "Cadastrar Nova Eleição" para começar</p>
-      </div>
-    `;
-    return;
-  }
+    if (res.rows.length === 0) {
+      cont.innerHTML = `
+        <div class="empty-state">
+          <h3>Nenhum candidato cadastrado</h3>
+          <p>Clique em "Cadastrar Candidato" para começar</p>
+        </div>
+      `;
+      return;
+    }
 
-  cont.innerHTML = res.rows.map(r => {
-    const eleicao = r.doc;
-    const status = eleicao.ativa ? 'status-ativa' : 'status-inativa';
-    const statusText = eleicao.ativa ? 'Ativa' : 'Inativa';
-    
-    return `
-      <div class="eleicao-card">
-        <h3>${eleicao.titulo}</h3>
-        <p><strong>Cargo:</strong> ${eleicao.cargo}</p>
-        <p><strong>Data:</strong> ${new Date(eleicao.data).toLocaleDateString()}</p>
-        <span class="status-badge ${status}">${statusText}</span>
-        
-        <div style="margin-top: 15px;">
-          <button class="action-btn" onclick="gerarLinkVotacao('${eleicao._id}')">
-            🔗 Link de Votação
-          </button>
-          <button class="action-btn" onclick="editarEleicao('${eleicao._id}')">
-            ✏️ Editar
-          </button>
-          <button class="action-btn" onclick="gerenciarCandidatos('${eleicao._id}')">
-            👥 Candidatos
-          </button>
-          <button class="delete-btn" onclick="excluirEleicao('${eleicao._id}')">
-            🗑️ Excluir
-          </button>
+    cont.innerHTML = res.rows.map(r => {
+      const candidato = r.doc;
+      const status = candidato.ativo ? 'status-ativa' : 'status-inativa';
+      const statusText = candidato.ativo ? 'Ativo' : 'Inativo';
+      
+      return `
+        <div class="candidato-card">
+          ${candidato.foto ? `<img src="${candidato.foto}" class="candidato-foto" alt="${candidato.nome}">` : '<div class="candidato-foto" style="background:#333; display:flex; align-items:center; justify-content:center;">👤</div>'}
+          <h3>${candidato.nome}</h3>
+          <p><strong>Partido:</strong> ${candidato.partido || 'N/A'}</p>
+          <p><strong>Cargo:</strong> ${candidato.cargo || 'N/A'}</p>
+          <p><strong>Número:</strong> ${candidato.numero || 'N/A'}</p>
+          <span class="status-badge ${status}">${statusText}</span>
+          
+          <div style="margin-top: 15px;">
+            <button class="action-btn" onclick="editarCandidato('${candidato._id}')">
+              ✏️ Editar
+            </button>
+            <button class="delete-btn" onclick="excluirCandidato('${candidato._id}')">
+              🗑️ Excluir
+            </button>
+          </div>
         </div>
+      `;
+    }).join('');
+  } catch (error) {
+    console.error('Erro ao carregar candidatos:', error);
+    document.getElementById('candidatos-list').innerHTML = `
+      <div class="empty-state">
+        <h3>Erro ao carregar candidatos</h3>
+        <p>Recarregue a página e tente novamente</p>
       </div>
     `;
-  }).join('');
+  }
 }
 
 // --- SISTEMA DE MESÁRIOS ---
@@ -642,6 +685,24 @@ <h4>${mesario.nome}</h4>
   }
 }
 
+// --- FUNÇÕES PARA CANDIDATOS ---
+async function editarCandidato(candidatoId) {
+  alert('Funcionalidade de edição será implementada em breve!');
+}
+
+async function excluirCandidato(candidatoId) {
+  if (confirm('Tem certeza que deseja excluir este candidato?')) {
+    try {
+      const candidato = await dbCandidatos.get(candidatoId);
+      await dbCandidatos.remove(candidato);
+      carregarCandidatos();
+    } catch (error) {
+      console.error('Erro ao excluir candidato:', error);
+      alert('Erro ao excluir candidato!');
+    }
+  }
+}
+
 // --- API DO CLIENTE ---
 function carregarConfigAPI() {
   const configSalva = localStorage.getItem('api_config_cliente');
@@ -779,36 +840,6 @@ <h4>🔗 Link para Mesário - ${eleicao.titulo}</h4>
 }
 
 // --- FUNÇÕES EXISTENTES MANTIDAS ---
-async function gerenciarCandidatos(eleicaoId) {
-  window.location.href = `gerenciar_candidatos.html?eleicao=${eleicaoId}`;
-}
-
-async function gerarLinkVotacao(eleicaoId) {
-  const token = crypto.randomUUID();
-  const expiresAt = new Date(Date.now() + 3600000);
-
-  await dbAuth.put({
-    _id: token,
-    token,
-    eleicao_id: eleicaoId,
-    created_at: new Date().toISOString(),
-    expires_at: expiresAt.toISOString(),
-    used: false
-  });
-
-  const voteURL = `${window.location.origin}/voto.html?auth=${token}&eleicao=${eleicaoId}`;
-  
-  alert(`Link de votação gerado:\n${voteURL}\n\nExpira em: ${expiresAt.toLocaleString()}`);
-}
-
-async function excluirEleicao(id) {
-  if (confirm('Tem certeza que deseja excluir esta eleição?')) {
-    const doc = await dbEleicoes.get(id);
-    await dbEleicoes.remove(doc);
-    carregarEleicoes();
-  }
-}
-
 async function carregarVotosAutorizados() {
   const auths = await dbAuth.allDocs({ include_docs: true });
   const votes = await dbVotes.allDocs({ include_docs: true });
@@ -828,17 +859,13 @@ <h4>🔗 Link para Mesário - ${eleicao.titulo}</h4>
 }
 
 // ======================
-//      PAGAMENTO
+//      PAGAMENTO - PREÇOS ATUALIZADOS
 // ======================
 function calcularPrecoBRL(q) {
-  if (q < 100) return q * 0.05;
-  if (q < 1000) return q * 0.04;
-  if (q < 10000) return q * 0.03;
-  if (q < 100000) return q * 0.02;
-  if (q < 1000000) return q * 0.01;
-  if (q < 10000000) return q * 0.009;
-  if (q < 100000000) return q * 0.008;
-  return q * 0.007;
+  if (q < 1000) return q * 0.10;      // 10 centavos por voto
+  if (q < 100000) return q * 0.05;    // 5 centavos por voto  
+  if (q < 1000000) return q * 0.03;   // 3 centavos por voto
+  return q * 0.01;                    // 1 centavo por voto (acima de 1M)
 }
 
 function simularPagamento() {
@@ -853,15 +880,15 @@ <h4>🔗 Link para Mesário - ${eleicao.titulo}</h4>
   const precoBRL = calcularPrecoBRL(q);
 
   document.getElementById("precoEstimado").textContent =
-    `Preço-base BRL: R$ ${precoBRL.toFixed(2)}`;
+    `Preço total: R$ ${precoBRL.toFixed(2)} (${(precoBRL/q).toFixed(3)} por voto)`;
 
   document.getElementById("resultadoPagamento").textContent =
-    `Pagamento SIMULADO em ${moeda} aprovado! Créditos liberados: ${q}`;
+    `Pagamento SIMULADO em ${moeda} aprovado! Créditos liberados: ${q} votos`;
 }
 
 // INICIALIZAÇÃO
 document.addEventListener("DOMContentLoaded", () => {
-  carregarEleicoes();
+  carregarCandidatos();
   carregarConfigAPI();
 });
 </script>