resolvido merge com nova ui

Makefile

@@ -2,17 +2,19 @@ install:
 	pip install -r requirements.txt
 
 clean:
-	rm -rf ~/.local/share/controles/database.db
+	rm -rf ~/.local/share/controles/database.db*
 	rm -f admin_qr.png
 
-run:
+init-db: clean
-	python app.py   
+	python init_db.py
 
-seed:
+seed: init-db
 	python seed.py
 
-run-with-seed: clean
+run:
-	python app.py & sleep 5 && python seed.py
+	python app.py
+
+run-with-seed: seed run
 
 reset-admin: clean
 	python create_admin.py

functions/database.py

@@ -20,11 +20,15 @@ db_dir = Path.home() / '.local' / 'share' / 'controles'
 db_dir.mkdir(parents=True, exist_ok=True)
 db_path = db_dir / 'database.db'
 
-SessionLocal = sessionmaker(bind=engine)
+DATABASE_URL = f"sqlite:///{db_path}"
+engine = create_engine(DATABASE_URL)
+SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
 
 def get_db_connection():
-    """Retorna uma nova conexão com o banco de dados"""
+    """Retorna uma nova sessão do banco de dados"""
-    db = SessionLocal()
+    Session = sessionmaker(bind=engine)
+    db = Session()
+    
     try:
         # Configurar SQLite para melhor tratamento de concorrência
         db.execute(text("PRAGMA journal_mode=WAL"))
@@ -623,10 +627,6 @@ def init_database():
     
     session = get_db_connection()
     try:
-        # Configurar SQLite para melhor tratamento de concorrência
-        session.execute(text("PRAGMA journal_mode=WAL"))
-        session.execute(text("PRAGMA busy_timeout=5000"))
-        
         # Criar todas as tabelas
         Base.metadata.drop_all(engine)  # Remover todas as tabelas existentes
         Base.metadata.create_all(engine)
@@ -660,25 +660,9 @@ def init_database():
                 session.add(comite)
         session.commit()
         
-        # Verificar se existe um QR code salvo
+        # Gerar OTP para admin
-        qr_path = Path('admin_qr.png')
+        admin_otp_secret = pyotp.random_base32()
-        admin_otp_secret = None
+        print(f"Novo OTP gerado: {admin_otp_secret}")
-        
-        if qr_path.exists():
-            try:
-                import re
-                with open('admin_qr.txt', 'r') as f:
-                    qr_content = f.read()
-                    match = re.search(r'secret=([A-Z0-9]+)&', qr_content)
-                    if match:
-                        admin_otp_secret = match.group(1)
-                        print(f"Usando OTP existente: {admin_otp_secret}")
-            except Exception as e:
-                print(f"Erro ao ler OTP existente: {e}")
-        
-        if not admin_otp_secret:
-            admin_otp_secret = pyotp.random_base32()
-            print(f"Novo OTP gerado: {admin_otp_secret}")
         
         # Criar usuário admin
         admin_role = session.query(Role).filter_by(nome="Administrador").first()
@@ -697,27 +681,23 @@ def init_database():
         session.add(admin)
         session.commit()
         
-        # Gerar novo QR code se não existir
+        # Gerar QR code
-        if not qr_path.exists():
+        totp = pyotp.totp.TOTP(admin_otp_secret)
-            totp = pyotp.totp.TOTP(admin_otp_secret)
+        provisioning_uri = totp.provisioning_uri("admin", issuer_name="Sistema de Controles")
-            provisioning_uri = totp.provisioning_uri("admin", issuer_name="Sistema de Controles")
+        
-            
+        import qrcode
-            with open('admin_qr.txt', 'w') as f:
+        qr = qrcode.QRCode(version=1, box_size=10, border=5)
-                f.write(provisioning_uri)
+        qr.add_data(provisioning_uri)
-            
+        qr.make(fit=True)
-            import qrcode
+        img = qr.make_image(fill_color="black", back_color="white")
-            qr = qrcode.QRCode(version=1, box_size=10, border=5)
+        img.save('admin_qr.png')
-            qr.add_data(provisioning_uri)
-            qr.make(fit=True)
-            img = qr.make_image(fill_color="black", back_color="white")
-            img.save('admin_qr.png')
         
         print("=== Usuário Admin Criado ===")
         print(f"Username: admin")
         print(f"Senha: admin123")
         print(f"Email: {admin.email}")
-        print(f"OTP Secret: {admin.otp_secret}")
+        print(f"OTP Secret: {admin_otp_secret}")
-        print(f"QR Code: {qr_path}")
+        print(f"QR Code: admin_qr.png")
         
         # Importar e executar o seed após criar todas as dependências
         from seed_data import seed_database

init_db.py

@@ -0,0 +1,19 @@
+from functions.database import init_database
+from functions.rbac import init_rbac
+from create_admin import create_admin_user
+from create_test_users import create_test_users
+
+def init_system():
+    print("Inicializando banco de dados...")
+    init_database()
+
+    print("Inicializando sistema RBAC...")
+    init_rbac()
+
+    print("Criando usuários iniciais...")
+    create_admin_user()
+    create_test_users()
+
+if __name__ == "__main__":
+    init_system()
+    print("Sistema inicializado com sucesso!") 

seed_data.py

@@ -3,16 +3,60 @@ from functions.database import (
     Base, Militante, CotaMensal, TipoPagamento, Pagamento,
     MaterialVendido, TipoMaterial, VendaJornalAvulso, AssinaturaAnual,
     RelatorioCotasMensais, RelatorioVendasMateriais, engine, SessionLocal,
-    Setor, ComiteCentral, Usuario, Role, EmailMilitante, Endereco
+    Setor, ComiteCentral, Usuario, Role, EmailMilitante, Endereco,
+    ComiteRegional, Celula, EstadoMilitante
 )
 import random
 from faker import Faker
 import time
+from werkzeug.security import generate_password_hash
 
 fake = Faker('pt_BR')
 
+def criar_estrutura_organizacional(session):
+    """Cria a estrutura organizacional básica"""
+    print("\nCriando estrutura organizacional...")
+    
+    # Criar Comitê Central
+    cc = ComiteCentral(nome="Comitê Central SP")
+    session.add(cc)
+    session.flush()
+    
+    # Criar Comitês Regionais
+    crs = []
+    for nome in ["CR São Paulo", "CR ABC", "CR Campinas"]:
+        cr = ComiteRegional(nome=nome)
+        session.add(cr)
+        session.flush()
+        crs.append(cr)
+    
+    # Criar Setores para cada CR
+    setores = []
+    for cr in crs:
+        for i in range(2):  # 2 setores por CR
+            setor = Setor(
+                nome=f"Setor {i+1} - {cr.nome}",
+                cr_id=cr.id
+            )
+            session.add(setor)
+            session.flush()
+            setores.append(setor)
+    
+    # Criar Células para cada Setor
+    for setor in setores:
+        for i in range(2):  # 2 células por setor
+            celula = Celula(
+                nome=f"Célula {i+1} - {setor.nome}",
+                setor_id=setor.id
+            )
+            session.add(celula)
+    
+    session.commit()
+    return crs, setores
+
 def criar_tipos_pagamento(session):
     """Cria tipos de pagamento padrão"""
+    print("\nCriando tipos de pagamento...")
     tipos = [
         "Dinheiro",
         "PIX",
@@ -27,6 +71,7 @@ def criar_tipos_pagamento(session):
 
 def criar_tipos_material(session):
     """Cria tipos de material padrão"""
+    print("\nCriando tipos de material...")
     tipos = [
         "Jornal",
         "Revista",
@@ -39,42 +84,66 @@ def criar_tipos_material(session):
             session.add(TipoMaterial(descricao=tipo))
     session.commit()
 
-def criar_militantes(session, num_militantes):
+def criar_militantes(session, num_militantes, setores):
+    """Cria militantes com todos os dados necessários"""
     print(f"\nCriando {num_militantes} militantes...")
     militantes = []
     emails_usados = set()
     
-    # Obter um setor existente
-    setor = session.query(Setor).first()
-    if not setor:
-        print("Erro: Nenhum setor encontrado!")
-        return []
-    
     for i in range(num_militantes):
         try:
+            # Dados básicos
             nome = fake.name()
             cpf = fake.cpf()
             
+            # Email único
             while True:
                 email = fake.email()
                 if email not in emails_usados:
                     emails_usados.add(email)
                     break
             
+            # Criar endereço
             endereco = Endereco(
+                cep=fake.postcode(),
                 estado=fake.estado_sigla(),
                 cidade=fake.city(),
                 bairro=fake.bairro(),
                 rua=fake.street_name(),
                 numero=str(random.randint(1, 999)),
-                complemento=f"Bloco {random.randint(1, 10)}, Apto {random.randint(1, 999)}" if random.random() < 0.3 else None,
+                complemento=f"Bloco {random.randint(1, 10)}, Apto {random.randint(1, 999)}" if random.random() < 0.3 else None
-                cep=fake.postcode()
             )
             session.add(endereco)
             session.flush()
             
-            print(f"Criando militante {i+1}: {nome} (CPF: {cpf})")
+            # Selecionar setor e célula aleatórios
+            setor = random.choice(setores)
+            celula = random.choice(session.query(Celula).filter_by(setor_id=setor.id).all())
             
+            # Definir responsabilidades
+            responsabilidades = 0
+            if random.random() < 0.2:  # 20% chance de ser Responsável de Finanças
+                responsabilidades |= Militante.RESPONSAVEL_FINANCAS
+            if random.random() < 0.2:  # 20% chance de ser Responsável de Imprensa
+                responsabilidades |= Militante.RESPONSAVEL_IMPRENSA
+            if random.random() < 0.2:  # 20% chance de ser Quadro-Orientador
+                responsabilidades |= Militante.QUADRO_ORIENTADOR
+            if random.random() < 0.2:  # 20% chance de ser Secretário
+                responsabilidades |= Militante.SECRETARIO
+            if random.random() < 0.2:  # 20% chance de ser MPS
+                responsabilidades |= Militante.MPS
+            if random.random() < 0.2:  # 20% chance de ser Tesoureiro
+                responsabilidades |= Militante.TESOUREIRO
+            if random.random() < 0.2:  # 20% chance de ser MNS
+                responsabilidades |= Militante.MNS
+            if random.random() < 0.2:  # 20% chance de ser da Juventude
+                responsabilidades |= Militante.JUVENTUDE
+            if random.random() < 0.3:  # 30% chance de ser Aspirante
+                responsabilidades |= Militante.ASPIRANTE
+            
+            print(f"Criando militante {i+1}: {nome}")
+            
+            # Criar militante com todos os dados
             militante = Militante(
                 nome=nome,
                 cpf=cpf,
@@ -95,11 +164,14 @@ def criar_militantes(session, num_militantes):
                 dirigente_sindical=random.random() < 0.2,
                 central_sindical=random.choice(['CUT', 'CSP-Conlutas', 'CTB', 'Força Sindical']) if random.random() < 0.4 else None,
                 endereco_id=endereco.id,
-                responsabilidades=random.randint(0, 1023)
+                celula_id=celula.id,
+                responsabilidades=responsabilidades,
+                estado=random.choice(list(EstadoMilitante))
             )
             session.add(militante)
             session.flush()
             
+            # Criar email do militante
             email_militante = EmailMilitante(
                 militante_id=militante.id,
                 endereco_email=email
@@ -107,8 +179,6 @@ def criar_militantes(session, num_militantes):
             session.add(email_militante)
             
             militantes.append(militante)
-            
-            # Commit a cada militante para evitar transações muito longas
             session.commit()
             
         except Exception as e:
@@ -118,12 +188,13 @@ def criar_militantes(session, num_militantes):
     
     return militantes
 
-def criar_cotas(session, militantes, quantidade_por_militante=3):
+def criar_cotas(session, militantes):
-    print(f"Criando {quantidade_por_militante} cotas para cada um dos {len(militantes)} militantes...")
+    """Cria cotas mensais para os militantes"""
+    print("\nCriando cotas mensais...")
     for militante in militantes:
         try:
-            print(f"Criando cotas para militante {militante.nome}")
+            # Criar 12 cotas (1 ano) para cada militante
-            for i in range(quantidade_por_militante):
+            for i in range(12):
                 data_base = datetime.now() - timedelta(days=30 * i)
                 valor = random.uniform(50, 200)
                 cota = CotaMensal(
@@ -139,164 +210,123 @@ def criar_cotas(session, militantes, quantidade_por_militante=3):
         except Exception as e:
             print(f"Erro ao criar cotas para militante {militante.nome}: {e}")
             session.rollback()
-            continue
-    print("Cotas criadas com sucesso!")
 
-def criar_pagamentos(militantes):
+def criar_pagamentos(session, militantes):
-    """Cria pagamentos fictícios"""
+    """Cria pagamentos para os militantes"""
-    tipos_pagamento = ["Cota", "Jornal", "Assinatura", "Campanha Financeira"]
+    print("\nCriando pagamentos...")
-    for militante in militantes:
+    tipos_pagamento = session.query(TipoPagamento).all()
-        for _ in range(random.randint(1, 5)):
-            pagamento = Pagamento(
-                militante_id=militante.id,
-                tipo_pagamento=random.choice(tipos_pagamento),
-                valor=random.uniform(50, 500),
-                data_pagamento=fake.date_between(start_date='-1y', end_date='today')
-            )
-            db_session.add(pagamento)
-    db_session.commit()
-
-def criar_materiais_vendidos(militantes):
-    """Cria materiais vendidos fictícios"""
-    tipos_material = db_session.query(TipoMaterial).all()
-    for militante in militantes:
-        for _ in range(random.randint(1, 3)):
-            material = MaterialVendido(
-                militante_id=militante.id,
-                tipo_material_id=random.choice(tipos_material).id,
-                descricao=fake.sentence(),
-                valor=random.uniform(20, 100),
-                data_venda=fake.date_time_between(start_date='-1y', end_date='now')
-            )
-            db_session.add(material)
-    db_session.commit()
-
-def criar_vendas_jornal(militantes):
-    """Cria vendas de jornal avulso fictícias"""
-    for militante in militantes:
-        for _ in range(random.randint(1, 4)):
-            venda = VendaJornalAvulso(
-                militante_id=militante.id,
-                quantidade=random.randint(1, 10),
-                valor_total=random.uniform(10, 100),
-                data_venda=fake.date_time_between(start_date='-1y', end_date='now')
-            )
-            db_session.add(venda)
-    db_session.commit()
-
-def criar_assinaturas(militantes):
-    """Cria assinaturas anuais fictícias"""
-    tipos_material = db_session.query(TipoMaterial).all()
-    for militante in militantes:
-        if random.random() < 0.3:  # 30% de chance de ter assinatura
-            data_inicio = fake.date_time_between(start_date='-1y', end_date='now')
-            assinatura = AssinaturaAnual(
-                militante_id=militante.id,
-                tipo_material_id=random.choice(tipos_material).id,
-                quantidade=random.randint(1, 3),
-                valor_total=random.uniform(100, 500),
-                data_inicio=data_inicio,
-                data_fim=data_inicio + timedelta(days=365)
-            )
-            db_session.add(assinatura)
-    db_session.commit()
-
-def criar_relatorios():
-    """Cria relatórios fictícios"""
-    for _ in range(12):  # Um relatório por mês do último ano
-        data = fake.date_time_between(start_date='-1y', end_date='now')
-        
-        relatorio_cotas = RelatorioCotasMensais(
-            setor_id=random.randint(1, 5),
-            comite_id=random.randint(1, 3),
-            total_cotas=random.uniform(1000, 5000),
-            data_relatorio=data
-        )
-        
-        relatorio_vendas = RelatorioVendasMateriais(
-            setor_id=random.randint(1, 5),
-            comite_id=random.randint(1, 3),
-            total_vendas=random.uniform(500, 3000),
-            data_relatorio=data
-        )
-        
-        db_session.add(relatorio_cotas)
-        db_session.add(relatorio_vendas)
     
-    db_session.commit()
+    for militante in militantes:
+        try:
+            # Criar entre 3 e 8 pagamentos por militante
+            for _ in range(random.randint(3, 8)):
+                tipo = random.choice(tipos_pagamento)
+                pagamento = Pagamento(
+                    militante_id=militante.id,
+                    tipo_pagamento=tipo.descricao,  # Usando a descrição do tipo
+                    valor=random.uniform(50, 500),
+                    data_pagamento=fake.date_between(start_date='-1y', end_date='today')
+                )
+                session.add(pagamento)
+            session.commit()
+        except Exception as e:
+            print(f"Erro ao criar pagamentos para militante {militante.nome}: {e}")
+            session.rollback()
 
-def criar_setores():
+def criar_materiais_vendidos(session, militantes):
-    """Cria setores padrão"""
+    """Cria registros de materiais vendidos"""
-    setores = [
+    print("\nCriando materiais vendidos...")
-        "Setor 1",
+    tipos_material = session.query(TipoMaterial).all()
-        "Setor 2",
+    
-        "Setor 3",
+    for militante in militantes:
-        "Setor 4",
+        try:
-        "Setor 5"
+            # Criar entre 2 e 5 materiais vendidos por militante
-    ]
+            for _ in range(random.randint(2, 5)):
-    for setor in setores:
+                material = MaterialVendido(
-        if not db_session.query(Setor).filter_by(nome=setor).first():
+                    militante_id=militante.id,
-            db_session.add(Setor(nome=setor))
+                    tipo_material_id=random.choice(tipos_material).id,
-    db_session.commit()
+                    descricao=fake.sentence(),
+                    valor=random.uniform(20, 100),
+                    data_venda=fake.date_time_between(start_date='-1y', end_date='now')
+                )
+                session.add(material)
+            session.commit()
+        except Exception as e:
+            print(f"Erro ao criar materiais vendidos para militante {militante.nome}: {e}")
+            session.rollback()
 
-def criar_comites():
+def criar_vendas_jornal(session, militantes):
-    """Cria comitês padrão"""
+    """Cria vendas de jornal avulso"""
-    comites = [
+    print("\nCriando vendas de jornal...")
-        "Comitê 1",
+    for militante in militantes:
-        "Comitê 2",
+        try:
-        "Comitê 3"
+            # Criar entre 2 e 6 vendas de jornal por militante
-    ]
+            for _ in range(random.randint(2, 6)):
-    for comite in comites:
+                quantidade = random.randint(1, 10)
-        if not db_session.query(ComiteCentral).filter_by(nome=comite).first():
+                valor_unitario = random.uniform(5, 15)
-            db_session.add(ComiteCentral(nome=comite))
+                venda = VendaJornalAvulso(
-    db_session.commit()
+                    militante_id=militante.id,
+                    quantidade=quantidade,
+                    valor_total=quantidade * valor_unitario,
+                    data_venda=fake.date_time_between(start_date='-1y', end_date='now')
+                )
+                session.add(venda)
+            session.commit()
+        except Exception as e:
+            print(f"Erro ao criar vendas de jornal para militante {militante.nome}: {e}")
+            session.rollback()
 
-def criar_roles():
+def criar_assinaturas(session, militantes):
-    """Cria roles padrão"""
+    """Cria assinaturas anuais"""
-    roles = [
+    print("\nCriando assinaturas anuais...")
-        ("admin", 1),      # Nível 1: Administrador
+    tipos_material = session.query(TipoMaterial).all()
-        ("gestor", 2),     # Nível 2: Gestor
+    
-        ("usuario", 3)     # Nível 3: Usuário comum
+    for militante in militantes:
-    ]
+        try:
-    for nome, nivel in roles:
+            # 30% de chance de ter assinatura
-        if not db_session.query(Role).filter_by(nome=nome).first():
+            if random.random() < 0.3:
-            db_session.add(Role(nome=nome, nivel=nivel))
+                data_inicio = fake.date_time_between(start_date='-1y', end_date='now')
-    db_session.commit()
+                assinatura = AssinaturaAnual(
-
+                    militante_id=militante.id,
-def criar_usuario_admin():
+                    tipo_material_id=random.choice(tipos_material).id,
-    """Cria usuário admin inicial"""
+                    quantidade=random.randint(1, 3),
-    if not db_session.query(Usuario).filter_by(username='admin').first():
+                    valor_total=random.uniform(100, 500),
-        role_admin = db_session.query(Role).filter_by(nome='admin').first()
+                    data_inicio=data_inicio,
-        setor = db_session.query(Setor).first()
+                    data_fim=data_inicio + timedelta(days=365)
-        
+                )
-        admin = Usuario(
+                session.add(assinatura)
-            username='admin',
+            session.commit()
-            email='admin@example.com',
+        except Exception as e:
-            is_admin=True,
+            print(f"Erro ao criar assinatura para militante {militante.nome}: {e}")
-            ativo=True,
+            session.rollback()
-            role_id=role_admin.id if role_admin else None,
-            setor_id=setor.id if setor else None
-        )
-        admin.set_password('admin123')  # Método que deve existir na classe Usuario
-        db_session.add(admin)
-        db_session.commit()
-        print("Usuário admin criado com sucesso!")
 
 def seed_database():
-    """Função principal para popular o banco de dados com dados fictícios"""
+    """Função principal para popular o banco de dados"""
-    print("Populando banco de dados com dados fictícios...")
-    
     session = SessionLocal()
     try:
+        print("Iniciando população do banco de dados...")
+        
+        # Criar estrutura organizacional
+        crs, setores = criar_estrutura_organizacional(session)
+        
+        # Criar tipos básicos
         criar_tipos_pagamento(session)
         criar_tipos_material(session)
         
-        militantes = criar_militantes(session, 50)
+        # Criar militantes (30 militantes para teste)
-        if militantes:
+        militantes = criar_militantes(session, 30, setores)
-            criar_cotas(session, militantes)
+        
-            print("Dados fictícios criados com sucesso!")
+        # Criar dados financeiros e materiais
+        criar_cotas(session, militantes)
+        criar_pagamentos(session, militantes)
+        criar_materiais_vendidos(session, militantes)
+        criar_vendas_jornal(session, militantes)
+        criar_assinaturas(session, militantes)
+        
+        print("\nBanco de dados populado com sucesso!")
+        
     except Exception as e:
-        print(f"Erro ao popular banco de dados: {e}")
+        print(f"Erro durante a população do banco: {e}")
         session.rollback()
     finally:
         session.close()

static/js/militantes.js

@@ -1,5 +1,29 @@
 console.log('Carregando script militantes.js...');
 
+// Constantes para responsabilidades
+const Militante = {
+    RESPONSAVEL_FINANCAS: 256,
+    RESPONSAVEL_IMPRENSA: 512,
+    QUADRO_ORIENTADOR: 64,
+    SECRETARIO: 1,
+    TESOUREIRO: 2,
+    IMPRENSA: 4,
+    MNS: 8,
+    MPS: 16,
+    JUVENTUDE: 32,
+    ASPIRANTE: 128
+};
+
+// Função para obter o token CSRF da meta tag
+function getCsrfToken() {
+    const token = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
+    if (!token) {
+        console.error('CSRF token não encontrado!');
+        return '';
+    }
+    return token;
+}
+
 // Variáveis globais para controle dos filtros e paginação
 let filtroAtual = 'todos';
 let filtroResponsabilidade = null;
@@ -10,7 +34,7 @@ let totalRows = 0;
 
 // Mapa de responsabilidades para valores numéricos
 const RESPONSABILIDADES_MAP = {
-    'Secretario': 1,
+    'Secretário': 1,
     'Tesoureiro': 2,
     'Imprensa': 4,
     'MNS': 8,
@@ -18,13 +42,13 @@ const RESPONSABILIDADES_MAP = {
     'Juventude': 32,
     'Quadro-Orientador': 64,
     'Aspirante': 128,
-    'Responsavel de Financas': 256,
+    'Responsável de Finanças': 256,
-    'Responsavel de Imprensa': 512
+    'Responsável de Imprensa': 512
 };
 
 // Mapa reverso para converter valores em nomes
 const RESPONSABILIDADES_REVERSE_MAP = {
-    1: 'Secretario',
+    1: 'Secretário',
     2: 'Tesoureiro',
     4: 'Imprensa',
     8: 'MNS',
@@ -32,8 +56,8 @@ const RESPONSABILIDADES_REVERSE_MAP = {
     32: 'Juventude',
     64: 'Quadro-Orientador',
     128: 'Aspirante',
-    256: 'Responsavel de Financas',
+    256: 'Responsável de Finanças',
-    512: 'Responsavel de Imprensa'
+    512: 'Responsável de Imprensa'
 };
 
 // Função para validar data no formato DD/MM/YYYY
@@ -185,31 +209,30 @@ function filtrarMilitantes() {
 
         // Filtro de responsabilidades
         if (filtroResponsabilidade) {
-            const badges = row.querySelectorAll('.badge');
             const responsabilidadeMap = {
-                'responsavel-financas': 'RFI',
+                'responsavel-financas': Militante.RESPONSAVEL_FINANCAS,
-                'responsavel-imprensa': 'RIM',
+                'responsavel-imprensa': Militante.RESPONSAVEL_IMPRENSA,
-                'quadro-orientador': 'QOR',
+                'quadro-orientador': Militante.QUADRO_ORIENTADOR,
-                'secretario': 'SEC',
+                'secretario': Militante.SECRETARIO,
-                'tesoureiro': 'TES',
+                'tesoureiro': Militante.TESOUREIRO,
-                'imprensa': 'IMP',
+                'imprensa': Militante.IMPRENSA,
-                'mns': 'MNS',
+                'mns': Militante.MNS,
-                'mps': 'MPS',
+                'mps': Militante.MPS,
-                'juventude': 'JUV',
+                'juventude': Militante.JUVENTUDE,
-                'aspirante': 'ASP'
+                'aspirante': Militante.ASPIRANTE
             };
-            const responsabilidadeTexto = responsabilidadeMap[filtroResponsabilidade];
+            
-            const hasResponsabilidade = Array.from(badges).some(badge => 
+            const valorResponsabilidade = responsabilidadeMap[filtroResponsabilidade];
-                badge.textContent.trim() === responsabilidadeTexto
+            const responsabilidades = parseInt(row.getAttribute('data-responsabilidades') || '0');
-            );
+            
-            if (!hasResponsabilidade) {
+            if ((responsabilidades & valorResponsabilidade) === 0) {
                 shouldShow = false;
             }
         }
 
         // Filtro de célula
         if (filtroCelula) {
-            const celula = row.querySelector('[data-celula]').getAttribute('data-celula');
+            const celula = row.querySelector('[data-celula-id]')?.getAttribute('data-celula-id');
             if (celula !== filtroCelula) {
                 shouldShow = false;
             }
@@ -258,187 +281,130 @@ function configurarCampoData(campo) {
 }
 
 // Função para carregar os dados do militante no modal de edição
-function carregarDadosMilitante(id) {
+async function carregarDadosMilitante(militanteId) {
-    console.log('Carregando dados do militante:', id);
+    try {
-    
+        console.log('Carregando dados do militante:', militanteId);
-    fetch(`/militantes/dados/${id}`)
+        const response = await fetch(`/militantes/dados/${militanteId}`);
-        .then(response => {
+        const data = await response.json();
-            if (!response.ok) {
+        
-                throw new Error(`HTTP error! status: ${response.status}`);
+        if (data.status === 'error') {
+            throw new Error(data.message);
+        }
+        
+        console.log('Dados recebidos:', data);
+        
+        // Mapear campos básicos
+        const campos = [
+            'nome', 'cpf', 'titulo_eleitoral', 'data_nascimento', 'data_entrada_oci',
+            'data_efetivacao_oci', 'telefone1', 'telefone2', 'profissao',
+            'regime_trabalho', 'empresa', 'contratante', 'instituicao_ensino',
+            'tipo_instituicao', 'sindicato', 'cargo_sindical', 'central_sindical',
+            'dirigente_sindical'
+        ];
+        
+        campos.forEach(campo => {
+            const elemento = document.getElementById(`edit_${campo}`);
+            if (elemento) {
+                if (elemento.type === 'checkbox') {
+                    elemento.checked = data[campo];
+                } else {
+                    elemento.value = data[campo] || '';
+                }
             }
-            return response.text().then(text => {
-                try {
-                    return JSON.parse(text);
-                } catch (e) {
-                    console.error('Erro ao fazer parse do JSON:', e);
-                    console.log('Texto recebido:', text);
-                    throw e;
-                }
-            });
-        })
-        .then(data => {
-            console.log('Dados recebidos:', data);
-            
-            // Mapear campos básicos
-            const camposTexto = {
-                'edit_militante_id': data.id,
-                'edit_nome': data.nome || '',
-                'edit_cpf': data.cpf || '',
-                'edit_titulo_eleitoral': data.titulo_eleitoral || '',
-                'edit_email': data.email || '',
-                'edit_telefone1': data.telefone1 || '',
-                'edit_telefone2': data.telefone2 || '',
-                'edit_sindicato': data.sindicato || '',
-                'edit_cargo_sindical': data.cargo_sindical || '',
-                'edit_central_sindical': data.central_sindical || ''
-            };
-            
-            // Preencher campos de texto simples
-            Object.entries(camposTexto).forEach(([id, valor]) => {
-                const campo = document.getElementById(id);
-                if (campo) {
-                    campo.value = valor;
-                } else {
-                    console.warn(`Campo não encontrado: ${id}`);
-                }
-            });
-            
-            // Tratar campos de seleção
-            const selects = {
-                'edit_estado_militante': data.estado || 'ATIVO',
-                'edit_celula': data.celula_id || ''
-            };
-            
-            Object.entries(selects).forEach(([id, valor]) => {
-                const campo = document.getElementById(id);
-                if (campo) {
-                    campo.value = valor;
-                } else {
-                    console.warn(`Campo select não encontrado: ${id}`);
-                }
-            });
-            
-            // Tratar campos de checkbox
-            const checkboxes = {
-                'edit_dirigente_sindical': data.dirigente_sindical || false
-            };
-            
-            Object.entries(checkboxes).forEach(([id, valor]) => {
-                const campo = document.getElementById(id);
-                if (campo) {
-                    campo.checked = !!valor;
-                } else {
-                    console.warn(`Campo checkbox não encontrado: ${id}`);
-                }
-            });
-            
-            // Tratar campos de data
-            const camposData = {
-                'edit_data_nascimento': data.data_nascimento,
-                'edit_data_entrada': data.data_entrada_oci,
-                'edit_data_efetivacao': data.data_efetivacao_oci
-            };
-            
-            Object.entries(camposData).forEach(([id, valor]) => {
-                const campo = document.getElementById(id);
-                if (campo) {
-                    // Se o valor existe e está em formato ISO, converter para DD/MM/AAAA
-                    if (valor && typeof valor === 'string' && valor.includes('-')) {
-                        campo.value = formatarData(valor);
-                    } else {
-                        campo.value = valor || '';
-                    }
-                } else {
-                    console.warn(`Campo data não encontrado: ${id}`);
-                }
-            });
-            
-            // Converter responsabilidades
-            const responsabilidadesBits = data.responsabilidades_bits || data.responsabilidades || 0;
-            console.log('Responsabilidades bits:', responsabilidadesBits);
-            
-            // Resetar todas as badges para o estado inicial
-            const badges = document.querySelectorAll('#modalEditarMilitante .badge-clickable');
-            badges.forEach(badge => {
-                // Remover todas as classes exceto 'badge' e 'badge-clickable'
-                const classesToKeep = ['badge', 'badge-clickable'];
-                badge.classList.forEach(cls => {
-                    if (!classesToKeep.includes(cls)) {
-                        badge.classList.remove(cls);
-                    }
-                });
-                
-                // Adicionar a classe bg-light como estado inicial
-                badge.classList.add('bg-light');
-                badge.classList.remove('active');
-            });
-            
-            // Ativar as badges correspondentes às responsabilidades
-            badges.forEach(badge => {
-                const value = parseInt(badge.getAttribute('data-value'));
-                if ((responsabilidadesBits & value) === value) {
-                    badge.classList.remove('bg-light');
-                    badge.classList.add('active');
-                    
-                    // Adicionar a classe original
-                    const originalClass = badge.getAttribute('data-original-class');
-                    if (originalClass) {
-                        originalClass.split(' ').forEach(cls => {
-                            badge.classList.add(cls);
-                        });
-                    }
-                }
-            });
-            
-            // Atualizar o valor total das responsabilidades
-            const responsabilidadesInput = document.getElementById('responsabilidades_values');
-            if (responsabilidadesInput) {
-                responsabilidadesInput.value = responsabilidadesBits;
-            }
-            
-            // Reinicializar os badges clicáveis
-            initBadgeClickable();
-        })
-        .catch(error => {
-            console.error('Erro ao carregar dados do militante:', error);
-            // Mostrar alerta de erro
-            mostrarAlerta('Erro ao carregar dados do militante: ' + error.message, 'danger');
         });
+        
+        // Preencher o email (primeiro email da lista)
+        const emailElement = document.getElementById('edit_email');
+        if (emailElement) {
+            if (data.emails && data.emails.length > 0) {
+                emailElement.value = data.emails[0].endereco_email;
+            } else {
+                emailElement.value = '';
+            }
+        }
+        
+        // Mapear campos de endereço
+        if (data.endereco) {
+            const camposEndereco = ['cep', 'estado', 'cidade', 'bairro', 'rua', 'numero', 'complemento'];
+            camposEndereco.forEach(campo => {
+                const elemento = document.getElementById(`edit_${campo}`);
+                if (elemento) {
+                    elemento.value = data.endereco[campo] || '';
+                }
+            });
+        }
+        
+        // Mapear estado
+        const selectEstado = document.getElementById('edit_estado');
+        if (selectEstado && data.estado) {
+            selectEstado.value = data.estado;
+        }
+        
+        // Mapear célula
+        const selectCelula = document.getElementById('edit_celula_id');
+        if (selectCelula && data.celula_id) {
+            selectCelula.value = data.celula_id;
+        }
+        
+        // Processar responsabilidades
+        if (data.responsabilidades_valor !== undefined) {
+            console.log('Valor das responsabilidades:', data.responsabilidades_valor);
+            
+            // Resetar todas as badges para seu estado inicial
+            document.querySelectorAll('.badge-clickable').forEach(badge => {
+                badge.classList.remove('active');
+                const originalClass = badge.getAttribute('data-original-class');
+                if (originalClass) {
+                    badge.className = `badge badge-clickable ${originalClass}`;
+                }
+            });
+            
+            // Ativar as badges correspondentes
+            document.querySelectorAll('.badge-clickable').forEach(badge => {
+                const valor = parseInt(badge.getAttribute('data-value'));
+                if (!isNaN(valor) && (data.responsabilidades_valor & valor)) {
+                    badge.classList.add('active');
+                }
+            });
+            
+            // Atualizar o campo hidden com o valor total
+            document.getElementById('responsabilidades_values').value = data.responsabilidades_valor;
+        }
+        
+    } catch (error) {
+        console.error('Erro ao carregar dados:', error);
+        alert('Erro ao carregar dados do militante');
+    }
 }
 
 // Função para mostrar alertas
-function mostrarAlerta(mensagem, tipo = 'success') {
+function mostrarAlerta(mensagem, tipo) {
-    console.log('Mostrando alerta:', mensagem, tipo);
+    const alertDiv = document.createElement('div');
-    
+    alertDiv.className = `alert alert-${tipo} alert-dismissible fade show`;
-    // Criar div de alerta se não existir
+    alertDiv.role = 'alert';
-    let alertPlaceholder = document.getElementById('alertPlaceholder');
+    alertDiv.innerHTML = `
-    if (!alertPlaceholder) {
+        ${mensagem}
-        alertPlaceholder = document.createElement('div');
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-        alertPlaceholder.id = 'alertPlaceholder';
-        alertPlaceholder.style.position = 'fixed';
-        alertPlaceholder.style.top = '20px';
-        alertPlaceholder.style.right = '20px';
-        alertPlaceholder.style.zIndex = '9999';
-        document.body.appendChild(alertPlaceholder);
-    }
-    
-    // Criar wrapper para o alerta
-    const wrapper = document.createElement('div');
-    wrapper.innerHTML = `
-        <div class="alert alert-${tipo} alert-dismissible fade show" role="alert">
-            ${mensagem}
-            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-        </div>
     `;
-    alertPlaceholder.appendChild(wrapper);
+    
+    const container = document.querySelector('.container');
+    container.insertBefore(alertDiv, container.firstChild);
     
     // Remover o alerta após 5 segundos
     setTimeout(() => {
-        wrapper.firstElementChild.classList.remove('show');
+        alertDiv.remove();
-        setTimeout(() => wrapper.remove(), 150);
     }, 5000);
 }
 
+// Configurar o token CSRF para todas as requisições AJAX
+$.ajaxSetup({
+    beforeSend: function(xhr, settings) {
+        if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
+            xhr.setRequestHeader("X-CSRFToken", getCsrfToken());
+        }
+    }
+});
+
 // Configurar eventos quando o DOM estiver carregado
 document.addEventListener('DOMContentLoaded', function() {
     console.log('DOM carregado, configurando eventos...');
@@ -526,151 +492,241 @@ document.addEventListener('DOMContentLoaded', function() {
 
     // Configurar modal de edição
     if (modalEditarMilitante) {
-        modalEditarMilitante.addEventListener('show.bs.modal', function(event) {
+        modalEditarMilitante.addEventListener('show.bs.modal', async function(event) {
-            console.log('Modal sendo aberto...');
+            console.log('Modal de edição aberto');
-            
-            // Obter o botão que disparou o modal
             const button = event.relatedTarget;
+            
+            if (!button) {
+                console.error('Botão não encontrado');
+                alert('Erro ao abrir modal: botão não encontrado');
+                return;
+            }
+            
             const militanteId = button.getAttribute('data-militante-id');
             const militanteNome = button.getAttribute('data-militante-nome');
             
-            console.log('ID do militante:', militanteId);
+            console.log('Dados do botão:', { militanteId, militanteNome });
-            console.log('Nome do militante:', militanteNome);
             
-            // Atualizar o título do modal
+            if (!militanteId) {
-            const modalTitle = modalEditarMilitante.querySelector('.modal-title');
+                console.error('ID do militante não encontrado no botão');
-            if (modalTitle) {
+                alert('Erro ao abrir modal: ID do militante não encontrado');
-                modalTitle.innerHTML = `<i class="fas fa-user-edit me-2"></i>Editar ${militanteNome}`;
+                return;
             }
             
             // Definir o ID do militante no campo hidden
             const idField = document.getElementById('edit_militante_id');
-            if (idField) {
+            if (!idField) {
-                idField.value = militanteId;
+                console.error('Campo hidden para ID do militante não encontrado');
+                alert('Erro ao abrir modal: campo para ID do militante não encontrado');
+                return;
             }
             
-            // Buscar dados do militante
+            idField.value = militanteId;
-            carregarDadosMilitante(militanteId);
+            console.log('ID do militante definido:', idField.value);
+            
+            // Atualizar título do modal
+            const modalTitle = this.querySelector('.modal-title');
+            if (modalTitle) {
+                modalTitle.textContent = `Editar ${militanteNome}`;
+            }
+            
+            try {
+                // Carregar dados do militante
+                const response = await fetch(`/militantes/dados/${militanteId}`);
+                if (!response.ok) {
+                    throw new Error(`Erro HTTP: ${response.status}`);
+                }
+                
+                const data = await response.json();
+                console.log('Dados recebidos:', data);
+                
+                if (data.status === 'error') {
+                    throw new Error(data.message || 'Erro ao carregar dados do militante');
+                }
+                
+                // Mapear campos básicos
+                const campos = [
+                    'nome', 'cpf', 'titulo_eleitoral', 'data_nascimento', 'data_entrada_oci',
+                    'data_efetivacao_oci', 'telefone1', 'telefone2', 'profissao',
+                    'regime_trabalho', 'empresa', 'contratante', 'instituicao_ensino',
+                    'tipo_instituicao', 'sindicato', 'cargo_sindical', 'central_sindical',
+                    'dirigente_sindical'
+                ];
+                
+                campos.forEach(campo => {
+                    const elemento = document.getElementById(`edit_${campo}`);
+                    if (elemento) {
+                        if (elemento.type === 'checkbox') {
+                            elemento.checked = data[campo];
+                        } else {
+                            elemento.value = data[campo] || '';
+                        }
+                    }
+                });
+                
+                // Preencher o email (primeiro email da lista)
+                const emailElement = document.getElementById('edit_email');
+                if (emailElement) {
+                    if (data.emails && data.emails.length > 0) {
+                        emailElement.value = data.emails[0].endereco_email;
+                    } else {
+                        emailElement.value = '';
+                    }
+                }
+                
+                // Mapear campos de endereço
+                if (data.endereco) {
+                    const camposEndereco = ['cep', 'estado', 'cidade', 'bairro', 'rua', 'numero', 'complemento'];
+                    camposEndereco.forEach(campo => {
+                        const elemento = document.getElementById(`edit_${campo}`);
+                        if (elemento) {
+                            elemento.value = data.endereco[campo] || '';
+                        }
+                    });
+                }
+                
+                // Mapear estado
+                const selectEstado = document.getElementById('edit_estado');
+                if (selectEstado && data.estado) {
+                    selectEstado.value = data.estado;
+                }
+                
+                // Mapear célula
+                const selectCelula = document.getElementById('edit_celula_id');
+                if (selectCelula && data.celula_id) {
+                    selectCelula.value = data.celula_id;
+                }
+                
+                // Processar responsabilidades
+                if (data.responsabilidades_valor !== undefined) {
+                    console.log('Valor das responsabilidades:', data.responsabilidades_valor);
+                    
+                    // Resetar todas as badges para seu estado inicial
+                    document.querySelectorAll('.badge-clickable').forEach(badge => {
+                        badge.classList.remove('active');
+                        const originalClass = badge.getAttribute('data-original-class');
+                        if (originalClass) {
+                            badge.className = `badge badge-clickable ${originalClass}`;
+                        }
+                    });
+                    
+                    // Ativar as badges correspondentes
+                    document.querySelectorAll('.badge-clickable').forEach(badge => {
+                        const valor = parseInt(badge.getAttribute('data-value'));
+                        if (!isNaN(valor) && (data.responsabilidades_valor & valor)) {
+                            badge.classList.add('active');
+                        }
+                    });
+                    
+                    // Atualizar o campo hidden com o valor total
+                    document.getElementById('responsabilidades_values').value = data.responsabilidades_valor;
+                }
+                
+            } catch (error) {
+                console.error('Erro ao carregar dados:', error);
+                alert('Erro ao carregar dados do militante');
+            }
+        });
+
+        // Configurar clique nas badges
+        document.querySelectorAll('.badge-clickable').forEach(badge => {
+            badge.addEventListener('click', function() {
+                // Toggle classe active
+                this.classList.toggle('active');
+                
+                // Atualizar classes visuais
+                if (this.classList.contains('active')) {
+                    const originalClass = this.getAttribute('data-original-class');
+                    this.className = `badge badge-clickable ${originalClass} active`;
+                } else {
+                    const originalClass = this.getAttribute('data-original-class');
+                    this.className = `badge badge-clickable ${originalClass}`;
+                }
+                
+                // Atualizar o valor total das responsabilidades
+                let valorTotal = 0;
+                document.querySelectorAll('.badge-clickable.active').forEach(activeBadge => {
+                    const valor = parseInt(activeBadge.getAttribute('data-value'));
+                    if (!isNaN(valor)) {
+                        valorTotal |= valor;
+                    }
+                });
+                
+                // Atualizar o campo hidden
+                const responsabilidadesInput = document.getElementById('responsabilidades_values');
+                if (responsabilidadesInput) {
+                    responsabilidadesInput.value = valorTotal;
+                    console.log('Valor total das responsabilidades atualizado:', valorTotal);
+                }
+            });
         });
 
         // Configurar formulário de edição
         const formEditarMilitante = document.getElementById('formEditarMilitante');
         if (formEditarMilitante) {
-            formEditarMilitante.addEventListener('submit', function(e) {
+            formEditarMilitante.addEventListener('submit', async function(event) {
-                e.preventDefault();
+                event.preventDefault();
-                console.log('Formulário submetido');
+                console.log('Formulário de edição enviado');
                 
-                // Validar todas as datas antes do envio
+                // Obter ID do militante
-                const camposData = this.querySelectorAll('.date-mask');
+                const militanteId = document.getElementById('edit_militante_id').value;
-                let datasValidas = true;
+                console.log('ID do militante:', militanteId);
                 
-                camposData.forEach(campo => {
+                if (!militanteId) {
-                    const valor = campo.value;
+                    console.error('ID do militante não encontrado');
-                    if (valor && !validarData(valor)) {
+                    alert('Erro ao salvar: ID do militante não encontrado');
-                        datasValidas = false;
-                        $(campo).addClass('is-invalid');
-                        if (!$(campo).next('.invalid-feedback').length) {
-                            $(campo).after('<div class="invalid-feedback">Data inválida</div>');
-                        }
-                    } else {
-                        $(campo).removeClass('is-invalid');
-                        $(campo).next('.invalid-feedback').remove();
-                    }
-                });
-                
-                if (!datasValidas) {
-                    mostrarAlerta('Existem datas inválidas no formulário', 'danger');
                     return;
                 }
-
+                
-                // Converter datas para formato ISO
-                camposData.forEach(campo => {
-                    if (campo.value) {
-                        campo.value = converterDataParaISO(campo.value);
-                        console.log(`Data convertida para ISO: ${campo.name} = ${campo.value}`);
-                    }
-                });
-
                 // Criar FormData com todos os campos
                 const formData = new FormData(this);
                 
-                // Verificar se o input de responsabilidades existe
+                // Garantir que o valor das responsabilidades seja enviado
-                const responsabilidadesInput = document.getElementById('responsabilidades_values');
+                const responsabilidadesValue = document.getElementById('responsabilidades_values').value;
-                if (!responsabilidadesInput) {
+                formData.set('responsabilidades_valor', responsabilidadesValue);
-                    mostrarAlerta('Erro: Campo de responsabilidades não encontrado', 'danger');
+                console.log('Valor das responsabilidades sendo enviado:', responsabilidadesValue);
-                    return;
-                }
                 
-                // Converter responsabilidades para array antes de enviar
+                try {
-                const responsabilidadesBits = parseInt(responsabilidadesInput.value) || 0;
+                    // Construir URL
-                const responsabilidades = [];
+                    const url = `/militantes/editar/${militanteId}`;
-                
+                    console.log('URL da requisição:', url);
-                // Converter bits para nomes de responsabilidades
+                    
-                for (const [valor, nome] of Object.entries(RESPONSABILIDADES_REVERSE_MAP)) {
+                    // Enviar requisição
-                    if ((responsabilidadesBits & parseInt(valor)) === parseInt(valor)) {
+                    const response = await fetch(url, {
-                        responsabilidades.push(nome);
+                        method: 'POST',
-                    }
+                        headers: {
-                }
+                            'X-Requested-With': 'XMLHttpRequest',
-                
+                            'X-CSRF-Token': getCsrfToken()
-                // Substituir o valor numérico pelo array de responsabilidades
+                        },
-                formData.set('responsabilidades', JSON.stringify(responsabilidades));
+                        body: formData
-                
+                    });
-                // Log dos dados sendo enviados
+                    
-                console.log('Dados do formulário:');
-                for (let [key, value] of formData.entries()) {
-                    console.log(`${key}: ${value}`);
-                }
-
-                // Obter o ID do militante
-                const militanteId = document.getElementById('edit_militante_id').value;
-                if (!militanteId) {
-                    mostrarAlerta('Erro: ID do militante não encontrado', 'danger');
-                    return;
-                }
-
-                // Enviar dados para o servidor
-                fetch(`/militantes/editar/${militanteId}`, {
-                    method: 'POST',
-                    body: formData
-                })
-                .then(response => {
                     if (!response.ok) {
-                        return response.text().then(text => {
+                        throw new Error(`Erro HTTP: ${response.status}`);
-                            try {
-                                const jsonResponse = JSON.parse(text);
-                                return jsonResponse;
-                            } catch (e) {
-                                console.error('Erro ao fazer parse do JSON:', e);
-                                console.log('Texto recebido:', text);
-                                throw new Error('Erro ao processar resposta do servidor');
-                            }
-                        });
                     }
-                    return response.json();
+                    
-                })
+                    const data = await response.json();
-                .then(data => {
                     console.log('Resposta do servidor:', data);
-                    if (data.success) {
+                    
+                    if (data.status === 'success') {
+                        // Fechar modal
+                        const modal = bootstrap.Modal.getInstance(document.getElementById('modalEditarMilitante'));
+                        modal.hide();
+                        
+                        // Mostrar mensagem de sucesso
                         mostrarAlerta('Militante atualizado com sucesso!', 'success');
                         
-                        // Fechar o modal
+                        // Recarregar página após um pequeno delay para a mensagem ser vista
-                        const modal = bootstrap.Modal.getInstance(document.getElementById('modalEditarMilitante'));
+                        setTimeout(() => {
-                        if (modal) {
+                            location.reload();
-                            modal.hide();
+                        }, 1000);
-                        } else {
-                            console.warn('Modal não encontrado');
-                        }
-                        
-                        // Recarregar a página após 1 segundo
-                        setTimeout(() => window.location.reload(), 1000);
                     } else {
-                        throw new Error(data.message || 'Erro ao atualizar militante');
+                        throw new Error(data.message || 'Erro desconhecido ao salvar militante');
                     }
-                })
+                } catch (error) {
-                .catch(error => {
+                    console.error('Erro ao salvar:', error);
-                    console.error('Erro:', error);
+                    mostrarAlerta(`Erro ao salvar militante: ${error.message}`, 'danger');
-                    mostrarAlerta(error.message || 'Erro ao atualizar militante', 'danger');
+                }
-                });
             });
         }
 
@@ -719,10 +775,11 @@ document.addEventListener('DOMContentLoaded', function() {
             
             fetch(this.action, {
                 method: 'POST',
-                body: formData,
                 headers: {
-                    'X-Requested-With': 'XMLHttpRequest'
+                    'X-Requested-With': 'XMLHttpRequest',
-                }
+                    'X-CSRF-Token': getCsrfToken()
+                },
+                body: formData
             })
             .then(response => response.json())
             .then(data => {
@@ -743,8 +800,8 @@ document.addEventListener('DOMContentLoaded', function() {
                     tr.innerHTML = `
                         <td data-nome="${data.militante.nome}">${data.militante.nome}</td>
                         <td data-cpf="${data.militante.cpf}">${data.militante.cpf}</td>
-                        <td data-email="${data.militante.email}">${data.militante.email}</td>
+                        <td data-email="${data.militante.emails && data.militante.emails.length > 0 ? data.militante.emails[0].endereco_email : ''}">${data.militante.emails && data.militante.emails.length > 0 ? data.militante.emails[0].endereco_email : ''}</td>
-                        <td data-telefone="${data.militante.telefone}">${data.militante.telefone}</td>
+                        <td data-telefone="${data.militante.telefone1}">${data.militante.telefone1}</td>
                         <td data-filiado="${data.militante.filiado}">
                             <span class="badge ${data.militante.filiado ? 'bg-success' : 'bg-secondary'}">
                                 ${data.militante.filiado ? 'Sim' : 'Não'}
@@ -759,8 +816,8 @@ document.addEventListener('DOMContentLoaded', function() {
                                    data-militante-id="${data.militante.id}"
                                    data-militante-nome="${data.militante.nome}"
                                    data-militante-cpf="${data.militante.cpf}"
-                                   data-militante-email="${data.militante.email}"
+                                   data-militante-email="${data.militante.emails && data.militante.emails.length > 0 ? data.militante.emails[0].endereco_email : ''}"
-                                   data-militante-telefone="${data.militante.telefone}"
+                                   data-militante-telefone="${data.militante.telefone1}"
                                    data-militante-endereco="${data.militante.endereco}"
                                    data-militante-filiado="${data.militante.filiado}"
                                    title="Editar">
@@ -973,73 +1030,63 @@ document.addEventListener('DOMContentLoaded', function() {
         });
     });
 
-    // Inicializar badges clicáveis
-    initBadgeClickable();
-
     // Inicializar paginação
     updateVisibleRows();
     updatePagination();
 });
 
-// Função para inicializar as badges clicáveis
+// Função para atualizar o valor total das responsabilidades
-function initBadgeClickable() {
+function atualizarValorResponsabilidades() {
-    const badges = document.querySelectorAll('.badge-clickable');
+    const badges = document.querySelectorAll('.badge-clickable.active');
-    const selectedValues = [];
+    let valorTotal = 0;
     
-    // Inicializar o array com os valores das badges que já estão ativas
     badges.forEach(badge => {
-        if (badge.classList.contains('active')) {
+        const valor = parseInt(badge.getAttribute('data-value'));
-            const value = parseInt(badge.getAttribute('data-value'));
+        if (!isNaN(valor)) {
-            if (!selectedValues.includes(value)) {
+            valorTotal |= valor;
-                selectedValues.push(value);
-            }
         }
     });
     
-    // Atualizar o input hidden com o valor total inicial
+    const input = document.getElementById('responsabilidades_values');
-    const totalValue = selectedValues.reduce((a, b) => a + b, 0);
+    if (input) {
-    document.getElementById('responsabilidades_values').value = totalValue;
+        input.value = valorTotal;
-    
+    }
-    // Adicionar evento de clique para cada badge
+    return valorTotal;
-    badges.forEach(badge => {
+}
-        badge.addEventListener('click', function() {
+
-            const value = parseInt(this.getAttribute('data-value'));
+// Função para salvar as alterações do militante
-            const originalClass = this.getAttribute('data-original-class');
+async function salvarAlteracoesMilitante(militanteId) {
-            
+    try {
-            // Toggle do estado ativo
+        const form = document.getElementById('formEditarMilitante');
-            if (this.classList.contains('active')) {
+        const formData = new FormData(form);
-                // Desativar badge
+        
-                this.classList.remove('active');
+        // Adicionar responsabilidades
-                originalClass.split(' ').forEach(cls => {
+        let responsabilidadesValor = 0;
-                    this.classList.remove(cls);
+        form.querySelectorAll('input[name="responsabilidades"]:checked').forEach(checkbox => {
-                });
+            responsabilidadesValor |= parseInt(checkbox.value);
-                this.classList.add('bg-light');
-                
-                // Remover valor do array
-                const index = selectedValues.indexOf(value);
-                if (index > -1) {
-                    selectedValues.splice(index, 1);
-                }
-            } else {
-                // Ativar badge
-                this.classList.add('active');
-                this.classList.remove('bg-light');
-                originalClass.split(' ').forEach(cls => {
-                    this.classList.add(cls);
-                });
-                
-                // Adicionar valor ao array
-                if (!selectedValues.includes(value)) {
-                    selectedValues.push(value);
-                }
-            }
-            
-            // Atualizar o input hidden com o novo valor total
-            const newTotal = selectedValues.reduce((a, b) => a + b, 0);
-            document.getElementById('responsabilidades_values').value = newTotal;
-            
-            console.log('Valores selecionados:', selectedValues);
-            console.log('Valor total:', newTotal);
         });
-    });
+        formData.append('responsabilidades_valor', responsabilidadesValor);
+        
+        const response = await fetch(`/militantes/editar/${militanteId}`, {
+            method: 'POST',
+            body: formData,
+            headers: {
+                'X-CSRFToken': getCsrfToken()
+            }
+        });
+
+        const data = await response.json();
+        
+        if (data.status === 'success') {
+            mostrarAlerta(data.message, 'success');
+            setTimeout(() => {
+                window.location.reload();
+            }, 1500);
+        } else {
+            mostrarAlerta(data.message || 'Erro ao salvar alterações', 'danger');
+        }
+    } catch (error) {
+        console.error('Erro ao salvar alterações:', error);
+        mostrarAlerta('Erro ao salvar alterações. Por favor, tente novamente.', 'danger');
+    }
 }

templates/criar_militante.html

@@ -17,6 +17,7 @@
             {% endwith %}
             
             <form method="POST" class="needs-validation" novalidate>
+                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                 <div class="row">
                     <div class="col-md-6 mb-3">
                         <label for="nome" class="form-label">Nome</label>

templates/editar_militante.html

@@ -16,7 +16,9 @@
                 {% endif %}
             {% endwith %}
             
-            <form method="POST" class="needs-validation" novalidate>
+            <form id="formEditarMilitante" method="POST" class="needs-validation" novalidate>
+                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                <input type="hidden" name="militante_id" value="{{ militante.id }}">
                 <div class="row">
                     <div class="col-md-6 mb-3">
                         <label for="nome" class="form-label">Nome</label>
@@ -28,7 +30,7 @@
                     
                     <div class="col-md-6 mb-3">
                         <label for="email" class="form-label">Email</label>
-                        <input type="email" class="form-control" id="email" name="email" value="{{ militante.email }}" required>
+                        <input type="email" class="form-control" id="email" name="email" value="{{ militante.emails[0].endereco_email if militante.emails else '' }}" required>
                         <div class="invalid-feedback">
                             Por favor, insira um email válido.
                         </div>
@@ -209,21 +211,43 @@
 <script>
 // Validação do formulário
 (function () {
-    'use strict'
+    'use strict';
     
-    var forms = document.querySelectorAll('.needs-validation')
+    var forms = document.querySelectorAll('.needs-validation');
     
     Array.prototype.slice.call(forms)
         .forEach(function (form) {
             form.addEventListener('submit', function (event) {
+                event.preventDefault();
+                
                 if (!form.checkValidity()) {
-                    event.preventDefault()
+                    event.stopPropagation();
-                    event.stopPropagation()
+                } else {
+                    salvarAlteracoesMilitante({{ militante.id }});
                 }
                 
-                form.classList.add('was-validated')
+                form.classList.add('was-validated');
-            }, false)
+            }, false);
-        })
+        });
-})()
+})();
+
+// Função para mostrar alertas
+function mostrarAlerta(mensagem, tipo) {
+    const alertDiv = document.createElement('div');
+    alertDiv.className = `alert alert-${tipo} alert-dismissible fade show`;
+    alertDiv.role = 'alert';
+    alertDiv.innerHTML = `
+        ${mensagem}
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+    `;
+    
+    const container = document.querySelector('.container');
+    container.insertBefore(alertDiv, container.firstChild);
+    
+    // Remover o alerta após 5 segundos
+    setTimeout(() => {
+        alertDiv.remove();
+    }, 5000);
+}
 </script>
 {% endblock %} 

templates/home.html

@@ -87,7 +87,7 @@
                          data-militante-nome="{{ militante.nome }}">
                         <div class="militante-info">
                             <h6 class="mb-1">{{ militante.nome }}</h6>
-                            <small>{{ militante.email }}</small>
+                            <small>{{ militante.emails[0].endereco_email if militante.emails else '' }}</small>
                         </div>
                         <i class="fas fa-chevron-right text-muted"></i>
                     </div>

templates/listar_militantes.html

@@ -8,181 +8,182 @@
 {% block title %}Militantes{% endblock %}
 
 {% block content %}
-<div class="row mb-4">
+<div class="container-fluid">
-    <div class="col-12">
+    <div class="row mb-4">
-        <div class="d-flex justify-content-between align-items-center">
+        <div class="col-12">
-            <h1 class="h3 mb-0">
+            <div class="d-flex justify-content-between align-items-center">
-                <i class="fas fa-users me-2"></i>Militantes
+                <h1 class="h3 mb-0">
-            </h1>
+                    <i class="fas fa-users me-2"></i>Militantes
-            {% if current_user.has_permission('gerenciar_militantes') %}
+                </h1>
-            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalNovoMilitante">
+                <div>
-                <i class="fas fa-user-plus me-2"></i>Novo Militante
+                    <button type="button" class="btn btn-outline-primary me-2" id="btnExportar">
-            </button>
+                        <i class="fas fa-file-export me-2"></i>Exportar
-            {% endif %}
+                    </button>
+                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalNovoMilitante">
+                        <i class="fas fa-user-plus me-2"></i>Novo Militante
+                    </button>
+                </div>
+            </div>
         </div>
     </div>
-</div>
 
-<div class="card">
+    <div class="row">
-    <div class="card-body">
+        <div class="col-12">
-        <div class="row mb-4">
+            <div class="card">
-            <div class="col-md-6">
+                <div class="card-body">
-                <div class="input-group">
+                    <div class="row mb-4">
-                    <span class="input-group-text">
+                        <div class="col-md-6">
-                        <i class="fas fa-search"></i>
+                            <div class="input-group">
-                    </span>
+                                <span class="input-group-text">
-                    <input type="text" class="form-control" id="searchInput" placeholder="Pesquisar militantes...">
+                                    <i class="fas fa-search"></i>
-                </div>
+                                </span>
-            </div>
+                                <input type="text" class="form-control" id="searchInput" placeholder="Pesquisar militantes...">
-            <div class="col-md-6 text-end">
-                <div class="btn-group me-2">
-                    <button type="button" class="btn btn-outline-secondary btn-fixed-width dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-                        <i class="fas fa-filter me-2"></i>Filtrar
-                    </button>
-                    <ul class="dropdown-menu">
-                        <li><h6 class="dropdown-header">Status</h6></li>
-                        <li><a class="dropdown-item" href="#" data-filter="todos">Todos</a></li>
-                        <li><hr class="dropdown-divider"></li>
-                        <li><h6 class="dropdown-header">Responsabilidades</h6></li>
-                        <li><a class="dropdown-item" href="#" data-filter="responsavel-financas">Responsável de Finanças</a></li>
-                        <li><a class="dropdown-item" href="#" data-filter="responsavel-imprensa">Responsável de Imprensa</a></li>
-                        <li><a class="dropdown-item" href="#" data-filter="quadro-orientador">Quadro-Orientador</a></li>
-                        <li><a class="dropdown-item" href="#" data-filter="secretario">Secretário</a></li>
-                        <li><a class="dropdown-item" href="#" data-filter="tesoureiro">Tesoureiro</a></li>
-                        <li><a class="dropdown-item" href="#" data-filter="imprensa">Imprensa</a></li>
-                        <li><a class="dropdown-item" href="#" data-filter="mns">MNS</a></li>
-                        <li><a class="dropdown-item" href="#" data-filter="mps">MPS</a></li>
-                        <li><a class="dropdown-item" href="#" data-filter="juventude">Juventude</a></li>
-                        <li><a class="dropdown-item" href="#" data-filter="aspirante">Aspirante</a></li>
-                        <li><hr class="dropdown-divider"></li>
-                        <li><h6 class="dropdown-header">Célula</h6></li>
-                        {% for celula in celulas %}
-                        <li><a class="dropdown-item" href="#" data-filter="celula" data-celula="{{ celula.nome }}">{{ celula.nome }}</a></li>
-                        {% endfor %}
-                    </ul>
-                </div>
-                <button class="btn btn-outline-primary btn-fixed-width" type="button" id="btnExportar">
-                    <i class="fas fa-file-export me-2"></i>Exportar
-                </button>
-            </div>
-        </div>
-
-        <div class="table-responsive">
-            <table class="table table-hover" id="militantesTable">
-                <thead>
-                    <tr>
-                        <th data-sort="nome">Nome <i class="fas fa-sort"></i></th>
-                        <th data-sort="cpf">CPF <i class="fas fa-sort"></i></th>
-                        <th data-sort="email">Email <i class="fas fa-sort"></i></th>
-                        <th data-sort="telefone">Telefone <i class="fas fa-sort"></i></th>
-                        <th data-sort="celula">Célula <i class="fas fa-sort"></i></th>
-                        <th>Responsabilidades</th>
-                        <th class="text-end">Ações</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for militante in militantes %}
-                    <tr data-militante="{{ militante.id }}" data-filiado="{{ 'sim' if militante.filiado else 'nao' }}">
-                        <td data-nome="{{ militante.nome }}">{{ militante.nome }}</td>
-                        <td data-cpf="{{ militante.cpf }}">{{ militante.cpf }}</td>
-                        <td data-email="{{ militante.email }}">{{ militante.email }}</td>
-                        <td data-telefone="{{ militante.telefone }}">{{ militante.telefone }}</td>
-                        <td data-celula="{{ militante.celula.nome }}">{{ militante.celula.nome }}</td>
-                        <td>
-                            {% if militante.responsabilidades|bitwise_and(Militante.RESPONSAVEL_FINANCAS) %}
-                                <span class="badge bg-primary" data-bs-toggle="tooltip" title="Responsável de Finanças">RFI</span>
-                            {% endif %}
-                            {% if militante.responsabilidades|bitwise_and(Militante.RESPONSAVEL_IMPRENSA) %}
-                                <span class="badge bg-info" data-bs-toggle="tooltip" title="Responsável de Imprensa">RIM</span>
-                            {% endif %}
-                            {% if militante.responsabilidades|bitwise_and(Militante.QUADRO_ORIENTADOR) %}
-                                <span class="badge bg-success" data-bs-toggle="tooltip" title="Quadro-Orientador">QOR</span>
-                            {% endif %}
-                            {% if militante.responsabilidades|bitwise_and(Militante.SECRETARIO) %}
-                                <span class="badge bg-purple" data-bs-toggle="tooltip" title="Secretário">SEC</span>
-                            {% endif %}
-                            {% if militante.responsabilidades|bitwise_and(Militante.TESOUREIRO) %}
-                                <span class="badge bg-indigo" data-bs-toggle="tooltip" title="Tesoureiro">TES</span>
-                            {% endif %}
-                            {% if militante.responsabilidades|bitwise_and(Militante.IMPRENSA) %}
-                                <span class="badge bg-teal" data-bs-toggle="tooltip" title="Imprensa">IMP</span>
-                            {% endif %}
-                            {% if militante.responsabilidades|bitwise_and(Militante.MNS) %}
-                                <span class="badge bg-pink" data-bs-toggle="tooltip" title="MNS">MNS</span>
-                            {% endif %}
-                            {% if militante.responsabilidades|bitwise_and(Militante.MPS) %}
-                                <span class="badge bg-orange" data-bs-toggle="tooltip" title="MPS">MPS</span>
-                            {% endif %}
-                            {% if militante.responsabilidades|bitwise_and(Militante.JUVENTUDE) %}
-                                <span class="badge bg-danger" data-bs-toggle="tooltip" title="Juventude">JUV</span>
-                            {% endif %}
-                            {% if militante.responsabilidades|bitwise_and(Militante.ASPIRANTE) %}
-                                <span class="badge bg-dark" data-bs-toggle="tooltip" title="Aspirante">ASP</span>
-                            {% endif %}
-                        </td>
-                        <td class="text-end">
-                            <div class="btn-group">
-                                {% if current_user.has_permission('gerenciar_militantes') %}
-                                <button type="button" 
-                                   class="btn btn-sm btn-outline-primary"
-                                   data-bs-toggle="modal"
-                                   data-bs-target="#modalEditarMilitante"
-                                   data-militante-id="{{ militante.id }}"
-                                   data-militante-nome="{{ militante.nome }}"
-                                   data-militante-cpf="{{ militante.cpf }}"
-                                   data-militante-email="{{ militante.email }}"
-                                   data-militante-telefone="{{ militante.telefone }}"
-                                   data-militante-endereco="{{ militante.endereco }}"
-                                   data-militante-filiado="{{ militante.filiado }}"
-                                   title="Editar">
-                                    <i class="fas fa-edit"></i>
-                                </button>
-                                <button type="button" 
-                                        class="btn btn-sm btn-outline-danger"
-                                        data-bs-toggle="modal"
-                                        data-bs-target="#deleteModal"
-                                        data-militante-id="{{ militante.id }}"
-                                        data-militante-nome="{{ militante.nome }}"
-                                        title="Excluir">
-                                    <i class="fas fa-trash"></i>
-                                </button>
-                                {% endif %}
                             </div>
-                        </td>
+                        </div>
-                    </tr>
+                        <div class="col-md-6 text-end">
-                    {% endfor %}
+                            <div class="btn-group me-2">
-                </tbody>
+                                <button type="button" class="btn btn-outline-secondary btn-fixed-width dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-            </table>
+                                    <i class="fas fa-filter me-2"></i>Filtrar
-        </div>
+                                </button>
+                                <ul class="dropdown-menu">
+                                    <li><h6 class="dropdown-header">Status</h6></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="todos">Todos</a></li>
+                                    <li><hr class="dropdown-divider"></li>
+                                    <li><h6 class="dropdown-header">Responsabilidades</h6></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="responsavel-financas">Responsável de Finanças</a></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="responsavel-imprensa">Responsável de Imprensa</a></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="quadro-orientador">Quadro-Orientador</a></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="secretario">Secretário</a></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="tesoureiro">Tesoureiro</a></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="imprensa">Imprensa</a></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="mns">MNS</a></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="mps">MPS</a></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="juventude">Juventude</a></li>
+                                    <li><a class="dropdown-item" href="#" data-filter="aspirante">Aspirante</a></li>
+                                    <li><hr class="dropdown-divider"></li>
+                                    <li><h6 class="dropdown-header">Célula</h6></li>
+                                    {% for celula in celulas %}
+                                    <li><a class="dropdown-item" href="#" data-filter="celula" data-celula="{{ celula.nome }}">{{ celula.nome }}</a></li>
+                                    {% endfor %}
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
 
-        <div class="pagination-container d-flex justify-content-between align-items-center">
+                    <div class="table-responsive">
-            <div class="text-muted">
+                        <table class="table table-hover" id="militantesTable">
-                Mostrando <span id="countMilitantes">{{ militantes|length }}</span> militantes
+                            <thead>
-            </div>
+                                <tr>
-            <div class="d-flex align-items-center gap-3">
+                                    <th data-sort="nome">Nome <i class="fas fa-sort"></i></th>
-                <div class="d-flex align-items-center">
+                                    <th data-sort="cpf">CPF <i class="fas fa-sort"></i></th>
-                    <span class="me-2">Mostrar</span>
+                                    <th data-sort="email">Email <i class="fas fa-sort"></i></th>
-                    <select class="form-select form-select-sm me-2" id="rowsPerPage" style="width: auto;">
+                                    <th data-sort="telefone">Telefone <i class="fas fa-sort"></i></th>
-                        <option value="10">10</option>
+                                    <th>Responsabilidades</th>
-                        <option value="20" selected>20</option>
+                                    <th class="text-end">Ações</th>
-                        <option value="50">50</option>
+                                </tr>
-                        <option value="100">100</option>
+                            </thead>
-                    </select>
+                            <tbody>
-                    <span>linhas</span>
+                                {% for militante in militantes %}
+                                <tr data-militante="{{ militante.id }}" 
+                                    data-celula-id="{{ militante.celula_id }}"
+                                    data-responsabilidades="{{ militante.responsabilidades }}">
+                                    <td data-nome="{{ militante.nome }}">{{ militante.nome }}</td>
+                                    <td data-cpf="{{ militante.cpf }}">{{ militante.cpf }}</td>
+                                    <td data-email="{{ militante.emails[0].endereco_email if militante.emails else '' }}">{{ militante.emails[0].endereco_email if militante.emails else '' }}</td>
+                                    <td data-telefone="{{ militante.telefone1 }}">{{ militante.telefone1 }}</td>
+                                    <td>
+                                        {% if militante.responsabilidades is defined and militante.responsabilidades %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.RESPONSAVEL_FINANCAS) %}
+                                                <span class="badge bg-primary" title="Responsável de Finanças">RFI</span>
+                                            {% endif %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.RESPONSAVEL_IMPRENSA) %}
+                                                <span class="badge bg-info" title="Responsável de Imprensa">RIM</span>
+                                            {% endif %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.QUADRO_ORIENTADOR) %}
+                                                <span class="badge bg-success" title="Quadro-Orientador">QOR</span>
+                                            {% endif %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.SECRETARIO) %}
+                                                <span class="badge bg-secondary" title="Secretário">SEC</span>
+                                            {% endif %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.TESOUREIRO) %}
+                                                <span class="badge bg-warning" title="Tesoureiro">TES</span>
+                                            {% endif %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.IMPRENSA) %}
+                                                <span class="badge bg-danger" title="Imprensa">IMP</span>
+                                            {% endif %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.MNS) %}
+                                                <span class="badge bg-purple" title="MNS">MNS</span>
+                                            {% endif %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.MPS) %}
+                                                <span class="badge bg-teal" title="MPS">MPS</span>
+                                            {% endif %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.JUVENTUDE) %}
+                                                <span class="badge bg-orange" title="Juventude">JUV</span>
+                                            {% endif %}
+                                            {% if militante.responsabilidades|bitwise_and(Militante.ASPIRANTE) %}
+                                                <span class="badge bg-dark" title="Aspirante">ASP</span>
+                                            {% endif %}
+                                        {% endif %}
+                                    </td>
+                                    <td class="text-end">
+                                        <div class="btn-group">
+                                            <button type="button" 
+                                                class="btn btn-sm btn-outline-primary"
+                                                data-bs-toggle="modal"
+                                                data-bs-target="#modalEditarMilitante"
+                                                data-militante-id="{{ militante.id }}"
+                                                data-militante-nome="{{ militante.nome }}"
+                                                title="Editar">
+                                                <i class="fas fa-edit"></i>
+                                            </button>
+                                            <button type="button" 
+                                                class="btn btn-sm btn-outline-danger"
+                                                data-bs-toggle="modal"
+                                                data-bs-target="#deleteModal"
+                                                data-militante-id="{{ militante.id }}"
+                                                data-militante-nome="{{ militante.nome }}"
+                                                title="Excluir">
+                                                <i class="fas fa-trash"></i>
+                                            </button>
+                                        </div>
+                                    </td>
+                                </tr>
+                                {% endfor %}
+                            </tbody>
+                        </table>
+                    </div>
+
+                    <div class="pagination-container d-flex justify-content-between align-items-center">
+                        <div class="text-muted">
+                            Mostrando <span id="countMilitantes">{{ militantes|length }}</span> militantes
+                        </div>
+                        <div class="d-flex align-items-center gap-3">
+                            <div class="d-flex align-items-center">
+                                <span class="me-2">Mostrar</span>
+                                <select class="form-select form-select-sm me-2" id="rowsPerPage" style="width: auto;">
+                                    <option value="10">10</option>
+                                    <option value="20" selected>20</option>
+                                    <option value="50">50</option>
+                                    <option value="100">100</option>
+                                </select>
+                                <span>linhas</span>
+                            </div>
+                            <nav aria-label="Navegação de páginas">
+                                <ul class="pagination mb-0">
+                                    <li class="page-item disabled" id="prevPage">
+                                        <a class="page-link" href="#"><i class="fas fa-chevron-left"></i></a>
+                                    </li>
+                                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
+                                    <li class="page-item"><a class="page-link" href="#">2</a></li>
+                                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                                    <li class="page-item" id="nextPage">
+                                        <a class="page-link" href="#"><i class="fas fa-chevron-right"></i></a>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
                 </div>
-                <nav aria-label="Navegação de páginas">
-                    <ul class="pagination mb-0">
-                        <li class="page-item disabled" id="prevPage">
-                            <a class="page-link" href="#"><i class="fas fa-chevron-left"></i></a>
-                        </li>
-                        <li class="page-item active"><a class="page-link" href="#">1</a></li>
-                        <li class="page-item"><a class="page-link" href="#">2</a></li>
-                        <li class="page-item"><a class="page-link" href="#">3</a></li>
-                        <li class="page-item" id="nextPage">
-                            <a class="page-link" href="#"><i class="fas fa-chevron-right"></i></a>
-                        </li>
-                    </ul>
-                </nav>
             </div>
         </div>
     </div>

templates/modals/militante_editar.html

@@ -9,12 +9,12 @@
                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
             </div>
             <form id="formEditarMilitante" method="POST">
-                <input type="hidden" id="edit_militante_id" name="militante_id">
+                <input type="hidden" id="edit_militante_id" name="militante_id" value="">
                 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                 
                 <div class="modal-body">
                     <!-- Nav tabs -->
-                    <ul class="nav nav-tabs nav-fill mb-3" role="tablist">
+                    <ul class="nav nav-tabs mb-3" role="tablist">
                         <li class="nav-item" role="presentation">
                             <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#edit-dados-basicos" type="button">
                                 <i class="fas fa-user me-2"></i>Dados Básicos
@@ -32,12 +32,11 @@
                         </li>
                         <li class="nav-item" role="presentation">
                             <button class="nav-link" data-bs-toggle="tab" data-bs-target="#edit-organizacao" type="button">
-                                <i class="fas fa-users me-2"></i>Organização
+                                <i class="fas fa-sitemap me-2"></i>Organização
                             </button>
                         </li>
                     </ul>
-
+                    
-                    <!-- Tab content -->
                     <div class="tab-content">
                         <!-- Dados Básicos -->
                         <div class="tab-pane fade show active" id="edit-dados-basicos">
@@ -64,14 +63,14 @@
                             </div>
                             <div class="row">
                                 <div class="col-md-6 mb-3">
-                                    <label for="edit_data_entrada" class="form-label">Data de Entrada OCI</label>
+                                    <label for="edit_data_entrada" class="form-label">Data de Entrada na OCI</label>
-                                    <input type="text" class="form-control date-mask" id="edit_data_entrada" name="data_entrada_oci" 
+                                    <input type="text" class="form-control date-mask" id="edit_data_entrada_oci" name="data_entrada_oci"
-                                           placeholder="DD/MM/AAAA" maxlength="10">
+                                           placeholder="DD/MM/AAAA">
                                 </div>
                                 <div class="col-md-6 mb-3">
-                                    <label for="edit_data_efetivacao" class="form-label">Data de Efetivação</label>
+                                    <label for="edit_data_efetivacao" class="form-label">Data de Efetivação na OCI</label>
-                                    <input type="text" class="form-control date-mask" id="edit_data_efetivacao" name="data_efetivacao_oci" 
+                                    <input type="text" class="form-control date-mask" id="edit_data_efetivacao_oci" name="data_efetivacao_oci"
-                                           placeholder="DD/MM/AAAA" maxlength="10">
+                                           placeholder="DD/MM/AAAA">
                                 </div>
                             </div>
                         </div>
@@ -137,22 +136,6 @@
 
                         <!-- Profissional -->
                         <div class="tab-pane fade" id="edit-profissional">
-                            <div class="row">
-                                <div class="col-md-6 mb-3">
-                                    <label for="edit_profissao" class="form-label">Profissão</label>
-                                    <input type="text" class="form-control" id="edit_profissao" name="profissao">
-                                </div>
-                                <div class="col-md-6 mb-3">
-                                    <label for="edit_regime_trabalho" class="form-label">Regime de Trabalho</label>
-                                    <select class="form-select" id="edit_regime_trabalho" name="regime_trabalho">
-                                        <option value="">Selecione...</option>
-                                        <option value="CLT">CLT</option>
-                                        <option value="Estatutário">Estatutário</option>
-                                        <option value="Terceirizado">Terceirizado</option>
-                                        <option value="Autônomo">Autônomo</option>
-                                    </select>
-                                </div>
-                            </div>
                             <div class="row">
                                 <div class="col-md-6 mb-3">
                                     <label for="edit_empresa" class="form-label">Empresa</label>
@@ -235,29 +218,19 @@
                             <div class="row">
                                 <div class="col-12">
                                     <label class="form-label">Responsabilidades</label>
-                                    <div class="responsabilidades-container">
+                                    <div class="d-flex flex-wrap gap-2">
-                                        <input type="hidden" name="responsabilidades" id="responsabilidades_values" value="0">
+                                        <span class="badge badge-clickable bg-secondary" data-value="{{ Militante.SECRETARIO }}" data-original-class="bg-secondary" title="Secretário">SEC</span>
-                                        
+                                        <span class="badge badge-clickable bg-warning" data-value="{{ Militante.TESOUREIRO }}" data-original-class="bg-warning" title="Tesoureiro">TES</span>
-                                        <span class="badge badge-clickable" data-value="{{ Militante.SECRETARIO }}" data-original-class="bg-secondary" data-bs-toggle="tooltip" title="Clique para alternar">Secretário</span>
+                                        <span class="badge badge-clickable bg-danger" data-value="{{ Militante.IMPRENSA }}" data-original-class="bg-danger" title="Imprensa">IMP</span>
-                                        
+                                        <span class="badge badge-clickable bg-purple" data-value="{{ Militante.MNS }}" data-original-class="bg-purple" title="MNS">MNS</span>
-                                        <span class="badge badge-clickable" data-value="{{ Militante.RESPONSAVEL_IMPRENSA }}" data-original-class="bg-info" data-bs-toggle="tooltip" title="Clique para alternar">Responsável de Imprensa</span>
+                                        <span class="badge badge-clickable bg-teal" data-value="{{ Militante.MPS }}" data-original-class="bg-teal" title="MPS">MPS</span>
-                                        
+                                        <span class="badge badge-clickable bg-orange" data-value="{{ Militante.JUVENTUDE }}" data-original-class="bg-orange" title="Juventude">JUV</span>
-                                        <span class="badge badge-clickable" data-value="{{ Militante.IMPRENSA }}" data-original-class="bg-warning" data-bs-toggle="tooltip" title="Clique para alternar">Imprensa</span>
+                                        <span class="badge badge-clickable bg-success" data-value="{{ Militante.QUADRO_ORIENTADOR }}" data-original-class="bg-success" title="Quadro-Orientador">QOR</span>
-                                        
+                                        <span class="badge badge-clickable bg-primary" data-value="{{ Militante.RESPONSAVEL_FINANCAS }}" data-original-class="bg-primary" title="Responsável de Finanças">RFI</span>
-                                        <span class="badge badge-clickable" data-value="{{ Militante.MPS }}" data-original-class="bg-warning" data-bs-toggle="tooltip" title="Clique para alternar">MPS</span>
+                                        <span class="badge badge-clickable bg-info" data-value="{{ Militante.RESPONSAVEL_IMPRENSA }}" data-original-class="bg-info" title="Responsável de Imprensa">RIM</span>
-                                        
+                                        <span class="badge badge-clickable bg-dark" data-value="{{ Militante.ASPIRANTE }}" data-original-class="bg-dark" title="Aspirante">ASP</span>
-                                        <span class="badge badge-clickable" data-value="{{ Militante.QUADRO_ORIENTADOR }}" data-original-class="bg-success" data-bs-toggle="tooltip" title="Clique para alternar">Quadro-Orientador</span>
-                                        
-                                        <span class="badge badge-clickable" data-value="{{ Militante.RESPONSAVEL_FINANCAS }}" data-original-class="bg-primary" data-bs-toggle="tooltip" title="Clique para alternar">Responsável de Finanças</span>
-                                        
-                                        <span class="badge badge-clickable" data-value="{{ Militante.TESOUREIRO }}" data-original-class="bg-dark" data-bs-toggle="tooltip" title="Clique para alternar">Tesoureiro</span>
-                                        
-                                        <span class="badge badge-clickable" data-value="{{ Militante.MNS }}" data-original-class="bg-info" data-bs-toggle="tooltip" title="Clique para alternar">MNS</span>
-                                        
-                                        <span class="badge badge-clickable" data-value="{{ Militante.JUVENTUDE }}" data-original-class="bg-danger" data-bs-toggle="tooltip" title="Clique para alternar">Juventude</span>
-                                        
-                                        <span class="badge badge-clickable" data-value="{{ Militante.ASPIRANTE }}" data-original-class="bg-light text-dark border" data-bs-toggle="tooltip" title="Clique para alternar">Aspirante</span>
                                     </div>
+                                    <input type="hidden" id="responsabilidades_values" name="responsabilidades_valor" value="0">
                                 </div>
                             </div>
                         </div>
@@ -275,26 +248,39 @@
 </div>
 
 <style>
+/* Estilo para badges clicáveis */
 .badge-clickable {
-    font-size: 0.9rem;
-    padding: 0.5rem 1rem;
-    margin: 0.3rem;
     cursor: pointer;
-    transition: all 0.2s ease;
+    transition: all 0.2s ease-in-out;
     opacity: 0.7;
-    user-select: none;
+    font-size: 0.8rem;
-    background-color: #e9ecef !important;
+    padding: 0.5rem 0.75rem;
-    color: #6c757d !important;
+    min-width: 50px;
-    border: 1px solid #dee2e6;
+    text-align: center;
 }
 
 .badge-clickable:hover {
-    opacity: 0.9;
+    opacity: 1;
+    transform: translateY(-1px);
 }
 
 .badge-clickable.active {
     opacity: 1;
-    color: white !important;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+}
+
+/* Cores personalizadas para badges */
+.bg-purple {
+    background-color: #6f42c1;
+}
+
+.bg-teal {
+    background-color: #20c997;
+}
+
+.bg-orange {
+    background-color: #fd7e14;
 }
 
 .responsabilidades-container {