<?php
session_start();

// ====== CONFIGURAÇÃO DE LOGIN ======
$admin_user = 'admin';
$admin_pass = 'admin';

if(isset($_POST['login'])) {
    if($_POST['username'] === $admin_user && $_POST['password'] === $admin_pass) {
        $_SESSION['admin_logged'] = true;
    } else {
        $error = "Usuário ou senha inválidos!";
    }
}

if(isset($_GET['logout'])) {
    session_destroy();
    header('Location: admin.php');
    exit;
}

// ====== VERIFICAÇÃO DE AUTENTICAÇÃO ======
if(!isset($_SESSION['admin_logged']) || $_SESSION['admin_logged'] !== true) {
    ?>
    <!DOCTYPE html>
    <html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Login Admin - São José</title>
        <script src="https://cdn.tailwindcss.com"></script>
        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
        <style>
            body { background: linear-gradient(160deg, #0a2e1c 0%, #0d4028 40%, #1a5c3a 100%); }
        </style>
    </head>
    <body class="flex items-center justify-center min-h-screen p-4">
        <div class="w-full max-w-md">
            <div class="bg-white/10 backdrop-blur-xl rounded-3xl shadow-2xl overflow-hidden border border-white/10">
                <div class="bg-green-700/50 p-8 text-center text-white backdrop-blur-sm">
                    <div class="w-20 h-20 bg-white/20 rounded-full flex items-center justify-center mx-auto mb-4">
                        <i class="fas fa-lock text-3xl"></i>
                    </div>
                    <h2 class="text-2xl font-bold">Painel Administrativo</h2>
                    <p class="text-green-200 mt-1 text-sm">Acesse sua conta para gerenciar a escala</p>
                </div>
                
                <div class="p-8">
                    <?php if(isset($error)): ?>
                        <div class="bg-red-500/20 border border-red-500/30 p-4 mb-6 text-red-300 rounded-xl flex items-center gap-3">
                            <i class="fas fa-exclamation-circle"></i>
                            <p><?php echo $error; ?></p>
                        </div>
                    <?php endif; ?>

                    <form method="POST" class="space-y-6">
                        <div>
                            <label class="block text-sm font-semibold text-green-200 mb-2">Usuário</label>
                            <div class="relative">
                                <span class="absolute inset-y-0 left-0 flex items-center pl-3 text-green-400">
                                    <i class="fas fa-user"></i>
                                </span>
                                <input type="text" name="username" class="w-full pl-10 pr-4 py-3 bg-white/5 border border-white/10 rounded-xl focus:ring-2 focus:ring-green-500 focus:border-transparent transition-all outline-none text-white placeholder:text-white/30" placeholder="Digite seu usuário" required>
                            </div>
                        </div>

                        <div>
                            <label class="block text-sm font-semibold text-green-200 mb-2">Senha</label>
                            <div class="relative">
                                <span class="absolute inset-y-0 left-0 flex items-center pl-3 text-green-400">
                                    <i class="fas fa-key"></i>
                                </span>
                                <input type="password" name="password" class="w-full pl-10 pr-4 py-3 bg-white/5 border border-white/10 rounded-xl focus:ring-2 focus:ring-green-500 focus:border-transparent transition-all outline-none text-white placeholder:text-white/30" placeholder="Digite sua senha" required>
                            </div>
                        </div>

                        <button type="submit" name="login" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3.5 rounded-xl shadow-lg shadow-green-900/30 transition-all transform hover:-translate-y-0.5">
                            <i class="fas fa-sign-in-alt mr-2"></i> Entrar no Painel
                        </button>
                    </form>
                    
                    <div class="mt-8 pt-6 border-t border-white/10 text-center">
                        <p class="text-xs text-green-400/60 uppercase tracking-widest font-bold">Acesso Padrão</p>
                        <p class="text-sm text-green-300/70 mt-1">Usuário: admin | Senha: admin</p>
                    </div>
                </div>
            </div>
        </div>
    </body>
    </html>
    <?php
    exit;
}

// ====== CARREGAR DADOS ======
$dados_file = 'dados.json';
if(file_exists($dados_file)) {
    $dados = json_decode(file_get_contents($dados_file), true);
} else {
    $dados = [
        "deposito_nomes" => [],
        "coordenadores" => [],
        "supervisores" => [],
        "GUARDAS" => [],
        "guardas_apoio" => [],
        "guardas_coleta" => [],
        "guardas_comunhao" => [],
        "guardas_liturgia" => [],
        "ascom" => [],
        "maes_pais_apoio" => [],
        "frase_sao_jose" => "SAO JOSE FORCA DE HOMEM COM FE E CORAGEM",
        "config" => [
            "fundo" => "",
            "logo" => "",
            "data_escala" => ""
        ],
        "presencas" => [],
        "nomes_sorteados" => [],
        "nomes_sorteio_manual" => []
    ];
}

// Garantir arrays
if(!isset($dados['deposito_nomes'])) $dados['deposito_nomes'] = [];
if(!isset($dados['coordenadores'])) $dados['coordenadores'] = [];
if(!isset($dados['supervisores'])) $dados['supervisores'] = [];
if(!isset($dados['GUARDAS'])) $dados['GUARDAS'] = [];
if(!isset($dados['guardas_apoio'])) $dados['guardas_apoio'] = [];
if(!isset($dados['guardas_coleta'])) $dados['guardas_coleta'] = [];
if(!isset($dados['guardas_comunhao'])) $dados['guardas_comunhao'] = [];
if(!isset($dados['guardas_liturgia'])) $dados['guardas_liturgia'] = [];
if(!isset($dados['ascom'])) $dados['ascom'] = [];
if(!isset($dados['maes_pais_apoio'])) $dados['maes_pais_apoio'] = [];
if(!isset($dados['presencas'])) $dados['presencas'] = [];
if(!isset($dados['nomes_sorteados'])) $dados['nomes_sorteados'] = [];
if(!isset($dados['nomes_sorteio_manual'])) $dados['nomes_sorteio_manual'] = [];

$msg = '';
$msg_sorteio = '';

// ====== PROCESSAR FORMULÁRIOS ======
if($_SERVER['REQUEST_METHOD'] === 'POST') {
    $updated = false;
    
    // ====== DEPÓSITO DE NOMES ======
    if(isset($_POST['add_deposito'])) {
        $nome = trim(strtoupper($_POST['nome_deposito']));
        if($nome && !in_array($nome, $dados['deposito_nomes'])) {
            $dados['deposito_nomes'][] = $nome;
            $updated = true;
            $msg = "✅ Nome $nome adicionado ao depósito!";
        } elseif($nome) {
            $msg = "⚠️ Nome $nome já existe no depósito!";
        }
    }
    
    if(isset($_POST['remove_deposito'])) {
        $idx = $_POST['remove_deposito_index'];
        $nome = $dados['deposito_nomes'][$idx] ?? '';
        if($nome) {
            unset($dados['deposito_nomes'][$idx]);
            $dados['deposito_nomes'] = array_values($dados['deposito_nomes']);
            $updated = true;
            $msg = "❌ Nome $nome removido do depósito!";
        }
    }
    
    // ====== ADICIONAR NOME À FUNÇÃO (SEM LIMITES) ======
    $funcoes_map = [
        'add_coordenador' => 'coordenadores',
        'add_supervisor' => 'supervisores',
        'add_guarda' => 'GUARDAS',
        'add_guarda_apoio' => 'guardas_apoio',
        'add_guarda_coleta' => 'guardas_coleta',
        'add_guarda_comunhao' => 'guardas_comunhao',
        'add_guarda_liturgia' => 'guardas_liturgia',
        'add_ascom' => 'ascom',
        'add_mae_pai_apoio' => 'maes_pais_apoio'
    ];
    
    foreach($funcoes_map as $post_key => $array_key) {
        if(isset($_POST[$post_key])) {
            $nome = trim(strtoupper($_POST['nome_selecionado']));
            if($nome && in_array($nome, $dados['deposito_nomes'])) {
                // SEM VERIFICAÇÃO - pode adicionar em várias funções
                if($array_key == 'GUARDAS' || $array_key == 'guardas_apoio' || $array_key == 'guardas_coleta' || $array_key == 'guardas_comunhao' || $array_key == 'guardas_liturgia') {
                    $dados[$array_key][] = ['nome' => $nome];
                } else {
                    $dados[$array_key][] = $nome;
                }
                $updated = true;
                $msg = "✅ $nome adicionado à função " . ucfirst(str_replace('_', ' ', $array_key));
            } elseif($nome) {
                $msg = "⚠️ Nome $nome não encontrado no depósito!";
            }
        }
    }
    
    // ====== REMOVER NOME DA FUNÇÃO ======
    $remove_map = [
        'remove_coordenador' => 'coordenadores',
        'remove_supervisor' => 'supervisores',
        'remove_guarda' => 'GUARDAS',
        'remove_guarda_apoio' => 'guardas_apoio',
        'remove_guarda_coleta' => 'guardas_coleta',
        'remove_guarda_comunhao' => 'guardas_comunhao',
        'remove_guarda_liturgia' => 'guardas_liturgia',
        'remove_ascom' => 'ascom',
        'remove_mae_pai_apoio' => 'maes_pais_apoio'
    ];
    
    foreach($remove_map as $post_key => $array_key) {
        if(isset($_POST[$post_key])) {
            $idx = $_POST['remove_index'];
            if(isset($dados[$array_key][$idx])) {
                $nome = is_array($dados[$array_key][$idx]) ? $dados[$array_key][$idx]['nome'] : $dados[$array_key][$idx];
                unset($dados[$array_key][$idx]);
                $dados[$array_key] = array_values($dados[$array_key]);
                $updated = true;
                $msg = "❌ $nome removido da função!";
            }
        }
    }
    
    // ====== LIMPAR TODAS AS FUNÇÕES ======
    if(isset($_POST['limpar_tudo'])) {
        $dados['coordenadores'] = [];
        $dados['supervisores'] = [];
        $dados['GUARDAS'] = [];
        $dados['guardas_apoio'] = [];
        $dados['guardas_coleta'] = [];
        $dados['guardas_comunhao'] = [];
        $dados['guardas_liturgia'] = [];
        $dados['ascom'] = [];
        $dados['maes_pais_apoio'] = [];
        $updated = true;
        $msg = "🧹 Todas as funções foram limpas!";
    }
    
    // ====== ATUALIZAR CONFIGURAÇÕES ======
    if(isset($_POST['update_frase'])) {
        $dados['frase_sao_jose'] = strtoupper(trim($_POST['frase_sao_jose'])); 
        $updated = true; 
        $msg = "✅ Frase atualizada!";
    }

    if(isset($_POST['update_data'])) {
        $dados['config']['data_escala'] = trim($_POST['data_escala']); 
        $updated = true; 
        $msg = "✅ Data atualizada!";
    }
    
    // ====== PRESENÇAS (CADA PESSOA UM STATUS ÚNICO) ======
    if(isset($_POST['salvar_presencas'])) {
        $data_escala = $_POST['data_escala'];
        // Limpa presenças antigas para esta data
        if(!isset($dados['presencas'][$data_escala])) {
            $dados['presencas'][$data_escala] = [];
        }
        // Salva cada status individual
        if(isset($_POST['presencas']) && is_array($_POST['presencas'])) {
            foreach($_POST['presencas'] as $nome => $status) {
                $dados['presencas'][$data_escala][$nome] = $status;
            }
        }
        $updated = true;
        $msg = "✅ Presenças salvas com sucesso!";
    }
    
    if(isset($_POST['limpar_presencas'])) {
        $data_escala = $_POST['data_escala'];
        $dados['presencas'][$data_escala] = [];
        $updated = true;
        $msg = "🗑️ Presenças limpas!";
    }
    
    // ====== SORTEIO ======
    if(isset($_POST['add_nome_sorteio'])) {
        $nome = trim(strtoupper($_POST['nome_sorteio_manual']));
        if($nome && !in_array($nome, $dados['nomes_sorteio_manual'])) {
            $dados['nomes_sorteio_manual'][] = $nome; 
            $updated = true; 
            $msg = "✅ Nome $nome adicionado ao sorteio!";
        }
    }

    if(isset($_POST['remove_nome_sorteio'])) {
        $idx = $_POST['remove_sorteio_index'];
        if(isset($dados['nomes_sorteio_manual'][$idx])) {
            $nome = $dados['nomes_sorteio_manual'][$idx];
            unset($dados['nomes_sorteio_manual'][$idx]);
            $dados['nomes_sorteio_manual'] = array_values($dados['nomes_sorteio_manual']);
            $updated = true;
            $msg = "❌ Nome $nome removido do sorteio!";
        }
    }
    
    if(isset($_POST['realizar_sorteio'])) {
        $nomes_disponiveis = $dados['nomes_sorteio_manual'] ?? [];
        $nomes_sorteados = $dados['nomes_sorteados'] ?? [];
        $nomes_nao_sorteados = array_diff($nomes_disponiveis, $nomes_sorteados);
        
        if(count($nomes_nao_sorteados) > 0) {
            $random_index = array_rand($nomes_nao_sorteados);
            $sorteado = $nomes_nao_sorteados[$random_index];
            $dados['nomes_sorteados'][] = $sorteado;
            $msg_sorteio = "🎉 NOME SORTEADO: " . $sorteado;
            $updated = true;
        } else {
            $msg_sorteio = "✅ Todos os nomes já foram sorteados!";
        }
    }

    if(isset($_POST['reset_sorteio'])) {
        $dados['nomes_sorteados'] = []; 
        $updated = true; 
        $msg = "🔄 Sorteio resetado!";
    }

    // ====== UPLOAD DE FUNDO E LOGO ======
    if(isset($_FILES['fundo']) && $_FILES['fundo']['error'] == 0) {
        $ext = strtolower(pathinfo($_FILES['fundo']['name'], PATHINFO_EXTENSION));
        if(in_array($ext, ['jpg', 'jpeg', 'png', 'gif', 'webp'])) {
            $base64 = 'data:image/' . $ext . ';base64,' . base64_encode(file_get_contents($_FILES['fundo']['tmp_name']));
            $dados['config']['fundo'] = $base64; 
            $updated = true; 
            $msg = "✅ Fundo atualizado!";
        }
    }

    if(isset($_FILES['logo']) && $_FILES['logo']['error'] == 0) {
        $ext = strtolower(pathinfo($_FILES['logo']['name'], PATHINFO_EXTENSION));
        if(in_array($ext, ['jpg', 'jpeg', 'png', 'gif', 'webp'])) {
            $base64 = 'data:image/' . $ext . ';base64,' . base64_encode(file_get_contents($_FILES['logo']['tmp_name']));
            $dados['config']['logo'] = $base64; 
            $updated = true; 
            $msg = "✅ Logo atualizado!";
        }
    }
    
    if($updated) {
        file_put_contents($dados_file, json_encode($dados, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE));
        header('Location: admin.php?section=' . ($_GET['section'] ?? 'dashboard'));
        exit;
    }
}

$section = $_GET['section'] ?? 'dashboard';
$data_escala = $dados['config']['data_escala'] ?? '';

// Função para verificar se nome está disponível no depósito (NÃO USA MAIS PARA LIMITE)
function nome_disponivel($nome, $dados) {
    return in_array($nome, $dados['deposito_nomes']);
}
?>

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Painel Admin - São José</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: 'Inter', sans-serif;
            background: linear-gradient(160deg, #0a2e1c 0%, #0d4028 40%, #1a5c3a 100%);
            min-height: 100vh;
        }
        
        .glass {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 24px;
            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3);
        }
        
        .card-glass {
            background: rgba(255, 255, 255, 0.04);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 20px;
            padding: 20px 24px;
            transition: all 0.3s ease;
        }
        
        .card-glass:hover {
            transform: translateY(-2px);
            border-color: rgba(255, 255, 255, 0.12);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
        }

        .sidebar-active {
            background: rgba(45, 122, 74, 0.3);
            border-left: 3px solid #2d7a4a;
        }

        .tag-item {
            display: inline-block;
            background: rgba(255, 255, 255, 0.06);
            border-radius: 50px;
            padding: 6px 14px;
            font-size: 14px;
            font-weight: 600;
            border: 1px solid rgba(255, 255, 255, 0.06);
            color: #e8f0e8;
            margin: 3px;
        }
        
        .tag-item.usado {
            background: rgba(45, 122, 74, 0.2);
            border-color: rgba(45, 122, 74, 0.3);
            color: #8fcf9a;
        }
        
        .tag-item.disponivel {
            background: rgba(255, 255, 255, 0.06);
            border-color: rgba(255, 255, 255, 0.06);
            color: #e8f0e8;
            cursor: pointer;
        }
        
        .tag-item.disponivel:hover {
            background: rgba(255, 255, 255, 0.12);
            transform: scale(1.05);
        }

        .input-glass {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 50px;
            padding: 10px 18px;
            color: white;
            width: 100%;
            transition: all 0.3s ease;
        }
        .input-glass:focus {
            outline: none;
            border-color: #2d7a4a;
            background: rgba(255, 255, 255, 0.08);
        }
        .input-glass::placeholder {
            color: rgba(255, 255, 255, 0.3);
        }
        .input-glass option {
            background: #1a2e1c;
            color: white;
        }

        .btn-verde {
            background: linear-gradient(135deg, #2d7a4a 0%, #1a5c3a 100%);
            color: white;
            font-weight: 700;
            padding: 10px 20px;
            border-radius: 50px;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.08);
            cursor: pointer;
        }
        .btn-verde:hover {
            transform: scale(1.03);
            box-shadow: 0 4px 20px rgba(45, 122, 74, 0.4);
        }

        .btn-vermelho {
            background: rgba(122, 45, 45, 0.6);
            color: white;
            padding: 6px 14px;
            border-radius: 50px;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.08);
            font-size: 13px;
            cursor: pointer;
        }
        .btn-vermelho:hover {
            background: rgba(122, 45, 45, 0.8);
        }

        .btn-outline {
            background: transparent;
            color: #b8d4c0;
            font-weight: 600;
            padding: 8px 16px;
            border-radius: 50px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .btn-outline:hover {
            background: rgba(255, 255, 255, 0.05);
        }

        .title-main {
            color: #d4e8d8;
            font-weight: 900;
            letter-spacing: -0.5px;
        }

        .title-card {
            font-size: 16px;
            font-weight: 800;
            color: #b8d4c0;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 12px;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        }
        .title-card i {
            color: #6daa7a;
            font-size: 18px;
            width: 28px;
            text-align: center;
        }

        .msg-sucesso {
            background: rgba(45, 122, 74, 0.2);
            border: 1px solid rgba(45, 122, 74, 0.3);
            color: #8fcf9a;
            padding: 12px 20px;
            border-radius: 16px;
            font-weight: 600;
        }
        
        .msg-erro {
            background: rgba(122, 45, 45, 0.2);
            border: 1px solid rgba(122, 45, 45, 0.3);
            color: #cf8f8f;
            padding: 12px 20px;
            border-radius: 16px;
            font-weight: 600;
        }

        @media (max-width: 1024px) {
            .sidebar { transform: translateX(-100%); transition: transform 0.3s ease-in-out; }
            .sidebar.open { transform: translateX(0); }
        }
    </style>
</head>
<body>

    <!-- Botão Mobile -->
    <div class="lg:hidden fixed bottom-6 right-6 z-50">
        <button onclick="toggleSidebar()" class="bg-green-600 text-white p-4 rounded-full shadow-2xl shadow-green-900/30">
            <i class="fas fa-bars text-xl"></i>
        </button>
    </div>

    <div class="flex min-h-screen">
        <!-- SIDEBAR -->
        <aside id="sidebar" class="sidebar w-72 bg-black/30 backdrop-blur-xl text-white fixed lg:static h-screen z-40 overflow-y-auto border-r border-white/5">
            <div class="p-8">
                <div class="flex items-center gap-3 mb-10">
                    <div class="bg-green-600 p-2 rounded-xl">
                        <i class="fas fa-church text-xl"></i>
                    </div>
                    <h1 class="text-lg font-bold tracking-tight text-[#d4e8d8]">SÃO JOSÉ</h1>
                </div>

                <nav class="space-y-1">
                    <p class="text-xs font-bold text-gray-500 uppercase tracking-widest mb-4 ml-2">Menu</p>
                    
                    <a href="?section=dashboard" class="flex items-center gap-3 p-3 rounded-xl transition-all hover:bg-white/5 <?php echo $section == 'dashboard' ? 'sidebar-active text-green-400' : 'text-gray-400'; ?>">
                        <i class="fas fa-th-large w-5"></i> Dashboard
                    </a>
                    
                    <a href="?section=deposito" class="flex items-center gap-3 p-3 rounded-xl transition-all hover:bg-white/5 <?php echo $section == 'deposito' ? 'sidebar-active text-green-400' : 'text-gray-400'; ?>">
                        <i class="fas fa-warehouse w-5"></i> 📦 Depósito de Nomes
                    </a>
                    
                    <a href="?section=escala" class="flex items-center gap-3 p-3 rounded-xl transition-all hover:bg-white/5 <?php echo $section == 'escala' ? 'sidebar-active text-green-400' : 'text-gray-400'; ?>">
                        <i class="fas fa-calendar-alt w-5"></i> Escala
                    </a>

                    <a href="?section=presencas" class="flex items-center gap-3 p-3 rounded-xl transition-all hover:bg-white/5 <?php echo $section == 'presencas' ? 'sidebar-active text-green-400' : 'text-gray-400'; ?>">
                        <i class="fas fa-check-circle w-5"></i> Presenças
                    </a>

                    <a href="?section=sorteio" class="flex items-center gap-3 p-3 rounded-xl transition-all hover:bg-white/5 <?php echo $section == 'sorteio' ? 'sidebar-active text-green-400' : 'text-gray-400'; ?>">
                        <i class="fas fa-ticket-alt w-5"></i> Sorteios
                    </a>

                    <a href="?section=config" class="flex items-center gap-3 p-3 rounded-xl transition-all hover:bg-white/5 <?php echo $section == 'config' ? 'sidebar-active text-green-400' : 'text-gray-400'; ?>">
                        <i class="fas fa-cog w-5"></i> Aparência
                    </a>

                    <div class="pt-8 border-t border-white/5 mt-8">
                        <a href="escala-novo.php" target="_blank" class="flex items-center gap-3 p-3 rounded-xl text-blue-400 hover:bg-blue-400/10 transition-all">
                            <i class="fas fa-external-link-alt w-5"></i> Ver Site
                        </a>
                        <a href="?logout=1" class="flex items-center gap-3 p-3 rounded-xl text-red-400 hover:bg-red-400/10 transition-all mt-1">
                            <i class="fas fa-sign-out-alt w-5"></i> Sair
                        </a>
                    </div>
                </nav>
            </div>
        </aside>

        <!-- CONTEÚDO PRINCIPAL -->
        <main class="flex-1 p-4 lg:p-8 w-full">
            <header class="flex justify-between items-center mb-8">
                <div>
                    <h2 class="text-2xl lg:text-3xl font-bold text-[#d4e8d8]">
                        <?php 
                        switch($section) {
                            case 'dashboard': echo '📊 Dashboard'; break;
                            case 'deposito': echo '📦 Depósito de Nomes'; break;
                            case 'escala': echo '📝 Montar Escala'; break;
                            case 'presencas': echo '✅ Presenças'; break;
                            case 'sorteio': echo '🎲 Sorteios'; break;
                            case 'config': echo '🎨 Aparência'; break;
                        }
                        ?>
                    </h2>
                    <p class="text-green-300/60 text-sm">Painel da Guarda Mirim</p>
                </div>
                <div class="hidden md:flex items-center gap-3">
                    <span class="text-green-300/60 text-sm">Online</span>
                    <div class="w-10 h-10 bg-green-600/30 rounded-full flex items-center justify-center font-bold text-green-300 border border-green-600/30">
                        AD
                    </div>
                </div>
            </header>

            <?php if($msg): ?>
                <div class="msg-sucesso mb-6"><?= $msg ?></div>
            <?php endif; ?>

            <?php if($msg_sorteio): ?>
                <div class="msg-sucesso mb-6 text-center text-xl animate-pulse"><?= $msg_sorteio ?></div>
            <?php endif; ?>

            <!-- ==================== DASHBOARD ==================== -->
            <?php if($section == 'dashboard'): ?>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5 mb-8">
                    <div class="card-glass">
                        <div class="flex items-center gap-3 text-green-400 text-sm font-medium">📦 Depósito</div>
                        <p class="text-3xl font-bold text-white mt-1"><?php echo count($dados['deposito_nomes']); ?></p>
                    </div>
                    <div class="card-glass">
                        <div class="flex items-center gap-3 text-green-400 text-sm font-medium">👔 Coordenadores</div>
                        <p class="text-3xl font-bold text-white mt-1"><?php echo count($dados['coordenadores']); ?></p>
                    </div>
                    <div class="card-glass">
                        <div class="flex items-center gap-3 text-green-400 text-sm font-medium">🛡️ Guardas</div>
                        <p class="text-3xl font-bold text-white mt-1"><?php echo count($dados['GUARDAS']); ?></p>
                    </div>
                    <div class="card-glass">
                        <div class="flex items-center gap-3 text-green-400 text-sm font-medium">⭐ Supervisores</div>
                        <p class="text-3xl font-bold text-white mt-1"><?php echo count($dados['supervisores']); ?></p>
                    </div>
                </div>
                
                <div class="card-glass p-8 text-center">
                    <h3 class="text-xl font-bold text-[#d4e8d8] mb-2">📅 Próxima Escala</h3>
                    <p class="text-green-300/70 text-lg"><?php echo $data_escala ?: '⚠️ Nenhuma data definida'; ?></p>
                    <div class="mt-4 flex flex-wrap justify-center gap-3">
                        <a href="?section=escala" class="btn-verde inline-block px-8 py-3">Montar Escala</a>
                        <a href="?section=deposito" class="btn-outline inline-block px-8 py-3">Gerenciar Depósito</a>
                    </div>
                </div>

            <!-- ==================== DEPÓSITO DE NOMES ==================== -->
            <?php elseif($section == 'deposito'): ?>
                <div class="card-glass">
                    <div class="title-card"><i class="fas fa-warehouse"></i> Depósito de Nomes</div>
                    <p class="text-green-300/50 text-sm mb-4">Todos os nomes cadastrados. Um nome pode aparecer em VÁRIAS funções diferentes!</p>
                    
                    <form method="POST" class="flex gap-2 mb-6">
                        <input type="text" name="nome_deposito" class="input-glass" placeholder="Digite o nome..." required>
                        <button type="submit" name="add_deposito" class="btn-verde px-6"><i class="fas fa-plus mr-2"></i> Adicionar</button>
                    </form>
                    
                    <div class="flex flex-wrap gap-2 max-h-[400px] overflow-y-auto p-2">
                        <?php foreach($dados['deposito_nomes'] as $idx => $nome): ?>
                            <div class="tag-item disponivel flex items-center gap-2">
                                <?php echo htmlspecialchars($nome); ?>
                                <form method="POST" class="inline" onsubmit="return confirm('Remover <?php echo $nome; ?> do depósito?')">
                                    <input type="hidden" name="remove_deposito_index" value="<?php echo $idx; ?>">
                                    <button type="submit" name="remove_deposito" class="text-red-400 hover:text-red-300 text-xs">
                                        <i class="fas fa-times-circle"></i>
                                    </button>
                                </form>
                            </div>
                        <?php endforeach; ?>
                        <?php if(empty($dados['deposito_nomes'])): ?>
                            <p class="text-green-300/30 text-sm">Nenhum nome cadastrado no depósito.</p>
                        <?php endif; ?>
                    </div>
                    
                    <div class="mt-6 text-sm text-green-300/50">
                        💡 Dica: Um mesmo nome pode ser adicionado em várias funções (ex: Supervisor E Coleta)
                    </div>
                </div>

            <!-- ==================== MONTAR ESCALA ==================== -->
            <?php elseif($section == 'escala'): ?>
                <!-- DATA E FRASE -->
                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-calendar-alt"></i> Data da Escala</div>
                        <form method="POST" class="flex gap-3">
                            <input type="text" name="data_escala" value="<?php echo htmlspecialchars($data_escala); ?>" class="input-glass" placeholder="Ex: 25 de Outubro">
                            <button type="submit" name="update_data" class="btn-verde px-6">Salvar</button>
                        </form>
                    </div>

                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-quote-left"></i> Frase São José</div>
                        <form method="POST" class="flex gap-3">
                            <input type="text" name="frase_sao_jose" value="<?php echo htmlspecialchars($dados['frase_sao_jose']); ?>" class="input-glass" placeholder="Digite a frase...">
                            <button type="submit" name="update_frase" class="btn-verde px-6">Salvar</button>
                        </form>
                    </div>
                </div>

                <!-- FUNÇÕES DA ESCALA -->
                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
                    
                    <!-- COORDENADORES -->
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-user-tie"></i> Coordenadores</div>
                        <form method="POST" class="flex gap-2 mb-3">
                            <select name="nome_selecionado" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_coordenador" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1">
                            <?php foreach($dados['coordenadores'] as $idx => $nome): ?>
                                <div class="tag-item flex items-center gap-2">
                                    👔 <?php echo htmlspecialchars($nome); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_coordenador" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- SUPERVISORES -->
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-star"></i> Supervisores</div>
                        <form method="POST" class="flex gap-2 mb-3">
                            <select name="nome_selecionado" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_supervisor" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1">
                            <?php foreach($dados['supervisores'] as $idx => $nome): ?>
                                <div class="tag-item flex items-center gap-2">
                                    ⭐ <?php echo htmlspecialchars($nome); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_supervisor" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- GUARDAS MIRINS -->
                    <div class="card-glass lg:col-span-2">
                        <div class="title-card"><i class="fas fa-shield-alt"></i> Guardas Mirins</div>
                        <form method="POST" class="flex gap-2 mb-3">
                            <select name="nome_selecionado" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_guarda" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1">
                            <?php foreach($dados['GUARDAS'] as $idx => $guarda): ?>
                                <div class="tag-item flex items-center gap-2">
                                    🛡️ <?php echo htmlspecialchars($guarda['nome']); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_guarda" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- APOIO -->
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-handshake"></i> Guardas Apoio</div>
                        <form method="POST" class="flex gap-2 mb-3">
                            <select name="nome_selecionado" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_guarda_apoio" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1">
                            <?php foreach($dados['guardas_apoio'] as $idx => $guarda): ?>
                                <div class="tag-item flex items-center gap-2">
                                    🤝 <?php echo htmlspecialchars($guarda['nome']); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_guarda_apoio" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- COLETA -->
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-hand-holding-usd"></i> Guardas Coleta</div>
                        <form method="POST" class="flex gap-2 mb-3">
                            <select name="nome_selecionado" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_guarda_coleta" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1">
                            <?php foreach($dados['guardas_coleta'] as $idx => $guarda): ?>
                                <div class="tag-item flex items-center gap-2">
                                    🛅 <?php echo htmlspecialchars($guarda['nome']); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_guarda_coleta" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- COMUNHÃO -->
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-bread"></i> Guardas Comunhão</div>
                        <form method="POST" class="flex gap-2 mb-3">
                            <select name="nome_selecionado" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_guarda_comunhao" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1">
                            <?php foreach($dados['guardas_comunhao'] as $idx => $guarda): ?>
                                <div class="tag-item flex items-center gap-2">
                                    🍞 <?php echo htmlspecialchars($guarda['nome']); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_guarda_comunhao" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- LITURGIA -->
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-book-open"></i> Guardas Liturgia</div>
                        <form method="POST" class="flex gap-2 mb-3">
                            <select name="nome_selecionado" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_guarda_liturgia" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1">
                            <?php foreach($dados['guardas_liturgia'] as $idx => $guarda): ?>
                                <div class="tag-item flex items-center gap-2">
                                    📖 <?php echo htmlspecialchars($guarda['nome']); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_guarda_liturgia" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- ASCOM -->
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-camera"></i> Equipe ASCOM</div>
                        <form method="POST" class="flex gap-2 mb-3">
                            <select name="nome_selecionado" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_ascom" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1">
                            <?php foreach($dados['ascom'] as $idx => $nome): ?>
                                <div class="tag-item flex items-center gap-2">
                                    📸 <?php echo htmlspecialchars($nome); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_ascom" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- MÃES/PAIS APOIO -->
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-heart"></i> Mães/Pais Apoio</div>
                        <form method="POST" class="flex gap-2 mb-3">
                            <select name="nome_selecionado" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_mae_pai_apoio" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1">
                            <?php foreach($dados['maes_pais_apoio'] as $idx => $nome): ?>
                                <div class="tag-item flex items-center gap-2">
                                    💝 <?php echo htmlspecialchars($nome); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_mae_pai_apoio" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- LIMPAR TUDO -->
                    <div class="card-glass lg:col-span-2 border-red-800/30">
                        <div class="title-card text-red-400"><i class="fas fa-exclamation-triangle"></i> Área de Perigo</div>
                        <form method="POST" onsubmit="return confirm('⚠️ TEM CERTEZA? Isso vai remover TODOS os nomes de TODAS as funções!')">
                            <button type="submit" name="limpar_tudo" class="btn-vermelho w-full py-3 text-base">
                                <i class="fas fa-trash-alt mr-2"></i> LIMPAR TODAS AS FUNÇÕES
                            </button>
                        </form>
                        <p class="text-red-400/40 text-xs mt-2 text-center">Os nomes continuam no depósito, mas todas as funções serão esvaziadas.</p>
                    </div>

                </div>

            <!-- ==================== PRESENÇAS ==================== -->
            <?php elseif($section == 'presencas'): ?>
                <div class="card-glass p-6 lg:p-8">
                    <div class="flex flex-wrap justify-between items-center mb-6 gap-3">
                        <h3 class="text-xl font-bold text-[#d4e8d8]">✅ Controle de Presenças</h3>
                        <?php if($data_escala): ?>
                            <form method="POST" onsubmit="return confirm('⚠️ Apagar todas as marcações?')">
                                <input type="hidden" name="data_escala" value="<?= $data_escala ?>">
                                <button type="submit" name="limpar_presencas" class="btn-vermelho px-6 py-3 text-base">🗑️ Limpar</button>
                            </form>
                        <?php endif; ?>
                    </div>
                    
                    <?php 
                    $presencasData = $dados['presencas'][$data_escala] ?? [];
                    
                    // Pega todos os nomes únicos de todas as funções
                    $todos_nomes = [];
                    foreach($dados['coordenadores'] as $c) { $todos_nomes[] = $c; }
                    foreach($dados['supervisores'] as $s) { $todos_nomes[] = $s; }
                    foreach($dados['GUARDAS'] as $g) { $todos_nomes[] = $g['nome']; }
                    foreach($dados['guardas_apoio'] as $g) { $todos_nomes[] = $g['nome']; }
                    foreach($dados['guardas_coleta'] as $g) { $todos_nomes[] = $g['nome']; }
                    foreach($dados['guardas_comunhao'] as $g) { $todos_nomes[] = $g['nome']; }
                    foreach($dados['guardas_liturgia'] as $g) { $todos_nomes[] = $g['nome']; }
                    foreach($dados['ascom'] as $a) { $todos_nomes[] = $a; }
                    foreach($dados['maes_pais_apoio'] as $m) { $todos_nomes[] = $m; }
                    
                    // Remove duplicatas (mesma pessoa em várias funções aparece uma vez)
                    $todos_nomes = array_unique($todos_nomes);
                    sort($todos_nomes);
                    ?>
                    
                    <?php if(empty($data_escala)): ?>
                        <div class="bg-yellow-500/20 border border-yellow-500/30 p-4 rounded-xl text-yellow-300">
                            ⚠️ Defina uma data na escala primeiro!
                        </div>
                    <?php elseif(empty($todos_nomes)): ?>
                        <div class="bg-yellow-500/20 border border-yellow-500/30 p-4 rounded-xl text-yellow-300">
                            ⚠️ Nenhum nome foi adicionado à escala ainda!
                        </div>
                    <?php else: ?>
                        <form method="POST">
                            <input type="hidden" name="data_escala" value="<?= $data_escala ?>">
                            <div class="max-h-[500px] overflow-y-auto space-y-2 pr-2 mb-6">
                                <?php foreach($todos_nomes as $nome): 
                                    $status = $presencasData[$nome] ?? '';
                                    
                                    // Mostra em quais funções essa pessoa está
                                    $funcoes = [];
                                    if(in_array($nome, $dados['coordenadores'])) $funcoes[] = '👔 Coordenador';
                                    if(in_array($nome, $dados['supervisores'])) $funcoes[] = '⭐ Supervisor';
                                    foreach($dados['GUARDAS'] as $g) { if($g['nome'] == $nome) $funcoes[] = '🛡️ Guarda'; }
                                    foreach($dados['guardas_apoio'] as $g) { if($g['nome'] == $nome) $funcoes[] = '🤝 Apoio'; }
                                    foreach($dados['guardas_coleta'] as $g) { if($g['nome'] == $nome) $funcoes[] = '🛅 Coleta'; }
                                    foreach($dados['guardas_comunhao'] as $g) { if($g['nome'] == $nome) $funcoes[] = '🍞 Comunhão'; }
                                    foreach($dados['guardas_liturgia'] as $g) { if($g['nome'] == $nome) $funcoes[] = '📖 Liturgia'; }
                                    if(in_array($nome, $dados['ascom'])) $funcoes[] = '📸 ASCOM';
                                    if(in_array($nome, $dados['maes_pais_apoio'])) $funcoes[] = '💝 Apoio';
                                ?>
                                <div class="flex flex-wrap items-center gap-3 p-3 bg-white/5 rounded-xl border border-white/5">
                                    <span class="text-sm text-green-300/70 flex-shrink-0">
                                        <?php echo implode(', ', $funcoes); ?>
                                    </span>
                                    <span class="font-bold text-white flex-1 min-w-[120px]"><?= htmlspecialchars($nome) ?></span>
                                    <div class="flex gap-1 flex-wrap">
                                        <label class="px-3 py-1 rounded-full text-sm cursor-pointer transition-all <?= $status == 'presente' ? 'bg-green-600 text-white' : 'bg-white/5 text-green-300/50 hover:bg-white/10' ?>">
                                            <input type="radio" name="presencas[<?= htmlspecialchars($nome) ?>]" value="presente" <?= $status == 'presente' ? 'checked' : '' ?> class="hidden"> ✅
                                        </label>
                                        <label class="px-3 py-1 rounded-full text-sm cursor-pointer transition-all <?= $status == 'justificativa' ? 'bg-orange-600 text-white' : 'bg-white/5 text-orange-300/50 hover:bg-white/10' ?>">
                                            <input type="radio" name="presencas[<?= htmlspecialchars($nome) ?>]" value="justificativa" <?= $status == 'justificativa' ? 'checked' : '' ?> class="hidden"> 📝
                                        </label>
                                        <label class="px-3 py-1 rounded-full text-sm cursor-pointer transition-all <?= $status == 'falta' ? 'bg-red-600 text-white' : 'bg-white/5 text-red-300/50 hover:bg-white/10' ?>">
                                            <input type="radio" name="presencas[<?= htmlspecialchars($nome) ?>]" value="falta" <?= $status == 'falta' ? 'checked' : '' ?> class="hidden"> ❌
                                        </label>
                                    </div>
                                </div>
                                <?php endforeach; ?>
                            </div>
                            <button type="submit" name="salvar_presencas" class="btn-verde w-full py-4 text-lg">✅ Salvar Presenças</button>
                        </form>
                    <?php endif; ?>
                </div>

            <!-- ==================== SORTEIO ==================== -->
            <?php elseif($section == 'sorteio'): ?>
                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-list"></i> Participantes</div>
                        <form method="POST" class="flex gap-2 mb-4">
                            <select name="nome_sorteio_manual" class="input-glass" required>
                                <option value="" class="text-black">Selecione um nome...</option>
                                <?php foreach($dados['deposito_nomes'] as $nome): ?>
                                    <?php if(!in_array($nome, $dados['nomes_sorteio_manual'] ?? [])): ?>
                                        <option value="<?php echo htmlspecialchars($nome); ?>" class="text-black"><?php echo htmlspecialchars($nome); ?></option>
                                    <?php endif; ?>
                                <?php endforeach; ?>
                            </select>
                            <button type="submit" name="add_nome_sorteio" class="btn-verde px-4"><i class="fas fa-plus"></i></button>
                        </form>
                        <div class="flex flex-wrap gap-1 max-h-60 overflow-y-auto">
                            <?php foreach(($dados['nomes_sorteio_manual'] ?? []) as $idx => $nome): ?>
                                <div class="tag-item flex items-center gap-2">
                                    <?php echo htmlspecialchars($nome); ?>
                                    <form method="POST" class="inline">
                                        <input type="hidden" name="remove_sorteio_index" value="<?php echo $idx; ?>">
                                        <button type="submit" name="remove_nome_sorteio" class="text-red-400 hover:text-red-300"><i class="fas fa-times-circle"></i></button>
                                    </form>
                                </div>
                            <?php endforeach; ?>
                            <?php if(empty($dados['nomes_sorteio_manual'])): ?>
                                <span class="text-green-300/40 text-sm">Selecione nomes do depósito</span>
                            <?php endif; ?>
                        </div>
                    </div>

                    <div class="space-y-6">
                        <div class="card-glass p-8 text-center">
                            <h3 class="text-xl font-bold text-[#d4e8d8] mb-4">🎯 Sortear Agora</h3>
                            <form method="POST">
                                <button type="submit" name="realizar_sorteio" class="btn-verde w-full py-4 text-lg shadow-lg shadow-green-900/30">
                                    <i class="fas fa-random mr-2"></i> SORTEAR
                                </button>
                            </form>
                            <form method="POST" onsubmit="return confirm('Resetar sorteio?')" class="mt-3">
                                <button type="submit" name="reset_sorteio" class="btn-outline w-full py-2">Resetar</button>
                            </form>
                        </div>

                        <div class="card-glass">
                            <div class="title-card"><i class="fas fa-trophy"></i> Sorteados</div>
                            <div class="flex flex-wrap gap-1">
                                <?php foreach(($dados['nomes_sorteados'] ?? []) as $nome): ?>
                                    <span class="tag-item bg-green-600/30 border-green-500/30">🏆 <?php echo htmlspecialchars($nome); ?></span>
                                <?php endforeach; ?>
                                <?php if(empty($dados['nomes_sorteados'])): ?>
                                    <span class="text-green-300/40 text-sm">Nenhum sorteio realizado</span>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>

            <!-- ==================== APARÊNCIA ==================== -->
            <?php elseif($section == 'config'): ?>
                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-image"></i> Fundo</div>
                        <form method="POST" enctype="multipart/form-data" class="space-y-3">
                            <div class="border-2 border-dashed border-white/10 rounded-2xl p-6 text-center hover:border-green-500/50 transition-all cursor-pointer" onclick="document.getElementById('fundo_input').click()">
                                <input type="file" name="fundo" id="fundo_input" class="hidden" accept="image/*" onchange="this.form.submit()">
                                <i class="fas fa-cloud-upload-alt text-3xl text-green-400/50"></i>
                                <p class="text-green-300/50 text-sm mt-2">Clique para upload</p>
                            </div>
                        </form>
                        <?php if(!empty($dados['config']['fundo'])): ?>
                            <img src="<?php echo $dados['config']['fundo']; ?>" class="mt-3 w-full h-32 object-cover rounded-xl border border-white/10">
                        <?php endif; ?>
                    </div>

                    <div class="card-glass">
                        <div class="title-card"><i class="fas fa-certificate"></i> Logo</div>
                        <form method="POST" enctype="multipart/form-data" class="space-y-3">
                            <div class="border-2 border-dashed border-white/10 rounded-2xl p-6 text-center hover:border-green-500/50 transition-all cursor-pointer" onclick="document.getElementById('logo_input').click()">
                                <input type="file" name="logo" id="logo_input" class="hidden" accept="image/*" onchange="this.form.submit()">
                                <i class="fas fa-cloud-upload-alt text-3xl text-green-400/50"></i>
                                <p class="text-green-300/50 text-sm mt-2">Clique para upload</p>
                            </div>
                        </form>
                        <?php if(!empty($dados['config']['logo'])): ?>
                            <img src="<?php echo $dados['config']['logo']; ?>" class="mt-3 h-20 object-contain mx-auto">
                        <?php endif; ?>
                    </div>
                </div>
            <?php endif; ?>

            <footer class="mt-10 text-center text-white/20 text-sm pb-4">
                <p>&copy; <?php echo date('Y'); ?> Igreja São José de Queluz - Painel Administrativo</p>
            </footer>
        </main>
    </div>

    <script>
        function toggleSidebar() {
            document.getElementById('sidebar').classList.toggle('open');
        }
    </script>
</body>
</html>