<?php
session_start();

// Verificar se o arquivo dados.json existe
if(!file_exists('dados.json')) {
    $dados_padrao = [
        "coordenadores" => ["TERESA", "ANTÔNIO"],
        "GUARDAS" => [
            ["nome" => "JULIA LIRA", "funcao" => ""],
            ["nome" => "NÁTALIN PAES", "funcao" => ""],
            ["nome" => "ALANNA VITÓRIA", "funcao" => ""],
            ["nome" => "LORENZO ANIQUET", "funcao" => ""],
            ["nome" => "MARIA FERREIRA", "funcao" => ""],
            ["nome" => "JONAS GOMES", "funcao" => ""],
            ["nome" => "JOÃO MATHEUS", "funcao" => ""],
            ["nome" => "GABRIEL JESUS", "funcao" => ""],
            ["nome" => "ADRIELY ARAUJO", "funcao" => ""],
            ["nome" => "LAYSA SAMARA", "funcao" => ""],
            ["nome" => "ANA LAURA", "funcao" => ""],
            ["nome" => "ANA SOPHIA", "funcao" => ""],
            ["nome" => "MARIA MOTA", "funcao" => "SUPERVISORA"]
        ],
        "guardas_apoio" => [],
        "guardas_coleta" => [],
        "guardas_comunhao" => [],
        "guardas_liturgia" => [],
        "ascom" => ["MARIA FERNANDA", "NATALIN"],
        "supervisores" => ["JGDY5"],
        "maes_pais_apoio" => ["CRISTINA ARAUJO"],
        "frase_sao_jose" => "SAO JOSE FORCA DE HOMEM COM FE E CORAGEM",
        "nomes_sorteados" => [],
        "nomes_sorteio_manual" => [],
        "config" => [
            "fundo" => "",
            "logo" => "",
            "data_escala" => ""
        ],
        "presencas" => []
    ];
    file_put_contents('dados.json', json_encode($dados_padrao, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE));
}

// Carregar dados
$dados = json_decode(file_get_contents('dados.json'), true);

// Garantir que os arrays existem
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['supervisores'])) $dados['supervisores'] = [];
if(!isset($dados['maes_pais_apoio'])) $dados['maes_pais_apoio'] = [];
if(!isset($dados['nomes_sorteio_manual'])) $dados['nomes_sorteio_manual'] = [];
if(!isset($dados['presencas'])) $dados['presencas'] = [];

$mensagem = '';
$tipo_mensagem = '';

// Processar formulários
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    
    // ====== ADICIONAR ======
    
    // Adicionar Guarda Mirim
    if (isset($_POST['adicionar_guarda'])) {
        $nome = trim($_POST['nome_guarda']);
        if (!empty($nome)) {
            $dados['GUARDAS'][] = ['nome' => strtoupper($nome), 'funcao' => ''];
            $mensagem = "✅ Guarda $nome adicionado com sucesso!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Adicionar Coordenador
    if (isset($_POST['adicionar_coordenador'])) {
        $nome = trim($_POST['nome_coordenador']);
        if (!empty($nome)) {
            $dados['coordenadores'][] = strtoupper($nome);
            $mensagem = "✅ Coordenador $nome adicionado!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Adicionar ASCOM
    if (isset($_POST['adicionar_ascom'])) {
        $nome = trim($_POST['nome_ascom']);
        if (!empty($nome)) {
            $dados['ascom'][] = strtoupper($nome);
            $mensagem = "✅ Membro ASCOM $nome adicionado!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Adicionar Supervisor
    if (isset($_POST['adicionar_supervisor'])) {
        $nome = trim($_POST['nome_supervisor']);
        if (!empty($nome)) {
            $dados['supervisores'][] = strtoupper($nome);
            $mensagem = "✅ Supervisor $nome adicionado!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Adicionar Mãe/Pai Apoio
    if (isset($_POST['adicionar_apoio'])) {
        $nome = trim($_POST['nome_apoio']);
        if (!empty($nome)) {
            $dados['maes_pais_apoio'][] = strtoupper($nome);
            $mensagem = "✅ Mãe/Pai Apoio $nome adicionado!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Adicionar Guarda Apoio
    if (isset($_POST['adicionar_guarda_apoio'])) {
        $nome = trim($_POST['nome_guarda_apoio']);
        if (!empty($nome)) {
            $dados['guardas_apoio'][] = ['nome' => strtoupper($nome)];
            $mensagem = "✅ Guarda Apoio $nome adicionado!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Adicionar Guarda Coleta
    if (isset($_POST['adicionar_guarda_coleta'])) {
        $nome = trim($_POST['nome_guarda_coleta']);
        if (!empty($nome)) {
            $dados['guardas_coleta'][] = ['nome' => strtoupper($nome)];
            $mensagem = "✅ Guarda Coleta $nome adicionado!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Adicionar Guarda Comunhão
    if (isset($_POST['adicionar_guarda_comunhao'])) {
        $nome = trim($_POST['nome_guarda_comunhao']);
        if (!empty($nome)) {
            $dados['guardas_comunhao'][] = ['nome' => strtoupper($nome)];
            $mensagem = "✅ Guarda Comunhão $nome adicionado!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Adicionar Guarda Liturgia
    if (isset($_POST['adicionar_guarda_liturgia'])) {
        $nome = trim($_POST['nome_guarda_liturgia']);
        if (!empty($nome)) {
            $dados['guardas_liturgia'][] = ['nome' => strtoupper($nome)];
            $mensagem = "✅ Guarda Liturgia $nome adicionado!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // ====== REMOVER ======
    
    // Remover Guarda Mirim
    if (isset($_POST['remover_guarda'])) {
        $index = $_POST['index_guarda'];
        if (isset($dados['GUARDAS'][$index])) {
            $nome = $dados['GUARDAS'][$index]['nome'];
            unset($dados['GUARDAS'][$index]);
            $dados['GUARDAS'] = array_values($dados['GUARDAS']);
            $mensagem = "❌ Guarda $nome removido!";
            $tipo_mensagem = 'erro';
        }
    }
    
    // Remover Coordenador
    if (isset($_POST['remover_coordenador'])) {
        $index = $_POST['index_coordenador'];
        if (isset($dados['coordenadores'][$index])) {
            $nome = $dados['coordenadores'][$index];
            unset($dados['coordenadores'][$index]);
            $dados['coordenadores'] = array_values($dados['coordenadores']);
            $mensagem = "❌ Coordenador $nome removido!";
            $tipo_mensagem = 'erro';
        }
    }
    
    // Remover ASCOM
    if (isset($_POST['remover_ascom'])) {
        $index = $_POST['index_ascom'];
        if (isset($dados['ascom'][$index])) {
            $nome = $dados['ascom'][$index];
            unset($dados['ascom'][$index]);
            $dados['ascom'] = array_values($dados['ascom']);
            $mensagem = "❌ Membro ASCOM $nome removido!";
            $tipo_mensagem = 'erro';
        }
    }
    
    // Remover Supervisor
    if (isset($_POST['remover_supervisor'])) {
        $index = $_POST['index_supervisor'];
        if (isset($dados['supervisores'][$index])) {
            $nome = $dados['supervisores'][$index];
            unset($dados['supervisores'][$index]);
            $dados['supervisores'] = array_values($dados['supervisores']);
            $mensagem = "❌ Supervisor $nome removido!";
            $tipo_mensagem = 'erro';
        }
    }
    
    // Remover Mãe/Pai Apoio
    if (isset($_POST['remover_apoio'])) {
        $index = $_POST['index_apoio'];
        if (isset($dados['maes_pais_apoio'][$index])) {
            $nome = $dados['maes_pais_apoio'][$index];
            unset($dados['maes_pais_apoio'][$index]);
            $dados['maes_pais_apoio'] = array_values($dados['maes_pais_apoio']);
            $mensagem = "❌ Mãe/Pai Apoio $nome removido!";
            $tipo_mensagem = 'erro';
        }
    }
    
    // Remover Guarda Apoio
    if (isset($_POST['remover_guarda_apoio'])) {
        $index = $_POST['index_guarda_apoio'];
        if (isset($dados['guardas_apoio'][$index])) {
            $nome = $dados['guardas_apoio'][$index]['nome'];
            unset($dados['guardas_apoio'][$index]);
            $dados['guardas_apoio'] = array_values($dados['guardas_apoio']);
            $mensagem = "❌ Guarda Apoio $nome removido!";
            $tipo_mensagem = 'erro';
        }
    }
    
    // Remover Guarda Coleta
    if (isset($_POST['remover_guarda_coleta'])) {
        $index = $_POST['index_guarda_coleta'];
        if (isset($dados['guardas_coleta'][$index])) {
            $nome = $dados['guardas_coleta'][$index]['nome'];
            unset($dados['guardas_coleta'][$index]);
            $dados['guardas_coleta'] = array_values($dados['guardas_coleta']);
            $mensagem = "❌ Guarda Coleta $nome removido!";
            $tipo_mensagem = 'erro';
        }
    }
    
    // Remover Guarda Comunhão
    if (isset($_POST['remover_guarda_comunhao'])) {
        $index = $_POST['index_guarda_comunhao'];
        if (isset($dados['guardas_comunhao'][$index])) {
            $nome = $dados['guardas_comunhao'][$index]['nome'];
            unset($dados['guardas_comunhao'][$index]);
            $dados['guardas_comunhao'] = array_values($dados['guardas_comunhao']);
            $mensagem = "❌ Guarda Comunhão $nome removido!";
            $tipo_mensagem = 'erro';
        }
    }
    
    // Remover Guarda Liturgia
    if (isset($_POST['remover_guarda_liturgia'])) {
        $index = $_POST['index_guarda_liturgia'];
        if (isset($dados['guardas_liturgia'][$index])) {
            $nome = $dados['guardas_liturgia'][$index]['nome'];
            unset($dados['guardas_liturgia'][$index]);
            $dados['guardas_liturgia'] = array_values($dados['guardas_liturgia']);
            $mensagem = "❌ Guarda Liturgia $nome removido!";
            $tipo_mensagem = 'erro';
        }
    }
    
    // ====== CONFIGURAÇÕES ======
    
    // Atualizar Frase
    if (isset($_POST['atualizar_frase'])) {
        $frase = trim($_POST['frase_sao_jose']);
        if (!empty($frase)) {
            $dados['frase_sao_jose'] = strtoupper($frase);
            $mensagem = "✅ Frase atualizada!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Atualizar Data
    if (isset($_POST['atualizar_data'])) {
        $data = trim($_POST['data_escala']);
        if (!empty($data)) {
            $dados['config']['data_escala'] = $data;
            $mensagem = "✅ Data atualizada!";
            $tipo_mensagem = 'sucesso';
        }
    }
    
    // Atualizar Fundo
    if (isset($_POST['atualizar_fundo'])) {
        $fundo = trim($_POST['fundo_url']);
        $dados['config']['fundo'] = $fundo;
        $mensagem = "✅ Fundo atualizado!";
        $tipo_mensagem = 'sucesso';
    }
    
    // Atualizar Logo
    if (isset($_POST['atualizar_logo'])) {
        $logo = trim($_POST['logo_url']);
        $dados['config']['logo'] = $logo;
        $mensagem = "✅ Logo atualizado!";
        $tipo_mensagem = 'sucesso';
    }
    
    // Limpar tudo
    if (isset($_POST['limpar_tudo'])) {
        $dados['GUARDAS'] = [];
        $dados['coordenadores'] = [];
        $dados['supervisores'] = [];
        $dados['ascom'] = [];
        $dados['maes_pais_apoio'] = [];
        $dados['guardas_apoio'] = [];
        $dados['guardas_coleta'] = [];
        $dados['guardas_comunhao'] = [];
        $dados['guardas_liturgia'] = [];
        $mensagem = "🧹 Todos os dados foram limpos!";
        $tipo_mensagem = 'erro';
    }
    
    // Salvar dados
    file_put_contents('dados.json', json_encode($dados, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE));
}

// Carregar dados novamente
$dados = json_decode(file_get_contents('dados.json'), true);
$data_escala = isset($dados['config']['data_escala']) ? $dados['config']['data_escala'] : '';
$fundo = isset($dados['config']['fundo']) ? $dados['config']['fundo'] : '';
$logo = isset($dados['config']['logo']) ? $dados['config']['logo'] : '';
$frase = isset($dados['frase_sao_jose']) ? $dados['frase_sao_jose'] : '';
?>

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Painel Administrativo - São José de Queluz</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@400;500;600;700;800;900&display=swap');
        
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            font-family: 'Inter', sans-serif;
            min-height: 100vh;
            background: linear-gradient(160deg, #0a2e1c 0%, #0d4028 40%, #1a5c3a 100%);
        }

        .glass {
            background: rgba(255, 255, 255, 0.06);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 28px;
            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
        }

        .section-card {
            background: rgba(255, 255, 255, 0.05);
            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;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
        }

        .section-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
            border-color: rgba(255, 255, 255, 0.12);
        }

        .card-title {
            font-size: 18px;
            font-weight: 800;
            color: #b8d4c0;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 14px;
            padding-bottom: 10px;
            border-bottom: 2px solid rgba(255, 255, 255, 0.06);
        }

        .card-title i {
            font-size: 22px;
            color: #6daa7a;
            width: 32px;
            text-align: center;
        }

        .main-title {
            font-size: 32px;
            font-weight: 900;
            color: #d4e8d8;
            text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
            letter-spacing: -0.5px;
        }
        
        @media (min-width: 768px) {
            .main-title {
                font-size: 44px;
            }
        }

        .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.1);
        }
        
        .btn-verde:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, #358a55 0%, #1f6e45 100%);
        }

        .btn-vermelho {
            background: linear-gradient(135deg, #7a2d2d 0%, #5c1a1a 100%);
            color: white;
            font-weight: 700;
            padding: 6px 14px;
            border-radius: 50px;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.1);
            font-size: 13px;
        }
        
        .btn-vermelho:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, #8a3535 0%, #6e2020 100%);
        }

        .btn-outline {
            background: transparent;
            color: #b8d4c0;
            font-weight: 600;
            padding: 8px 16px;
            border-radius: 50px;
            border: 1px solid rgba(255, 255, 255, 0.15);
            transition: all 0.3s ease;
        }
        
        .btn-outline:hover {
            background: rgba(255, 255, 255, 0.05);
            border-color: rgba(255, 255, 255, 0.3);
        }

        .input-custom {
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 50px;
            padding: 10px 18px;
            color: white;
            width: 100%;
            transition: all 0.3s ease;
        }
        
        .input-custom:focus {
            outline: none;
            border-color: #6daa7a;
            background: rgba(255, 255, 255, 0.08);
        }
        
        .input-custom::placeholder {
            color: rgba(255, 255, 255, 0.3);
        }

        .tag-item {
            display: inline-block;
            background: rgba(255, 255, 255, 0.07);
            border-radius: 50px;
            padding: 8px 16px;
            font-size: 15px;
            font-weight: 600;
            border: 1px solid rgba(255, 255, 255, 0.06);
            color: #e8f0e8;
            margin: 4px;
        }

        .mensagem {
            padding: 12px 20px;
            border-radius: 16px;
            font-weight: 600;
        }
        
        .mensagem.sucesso {
            background: rgba(45, 122, 74, 0.3);
            border: 1px solid rgba(45, 122, 74, 0.4);
            color: #8fcf9a;
        }
        
        .mensagem.erro {
            background: rgba(122, 45, 45, 0.3);
            border: 1px solid rgba(122, 45, 45, 0.4);
            color: #cf8f8f;
        }
    </style>
</head>
<body>
    <div class="container mx-auto px-4 py-6 max-w-6xl">
        
        <!-- CABEÇALHO -->
        <div class="glass rounded-3xl p-6 md:p-8 mb-6 text-center shadow-2xl">
            <div class="inline-block p-4 bg-white/5 rounded-2xl mb-4">
                <i class="fas fa-cog text-5xl text-[#6daa7a]"></i>
            </div>
            <h1 class="main-title">PAINEL ADMINISTRATIVO</h1>
            <p class="text-[#90b09a] text-lg mt-1">Gerencie a escala da Igreja São José de Queluz</p>
            
            <?php if($data_escala): ?>
            <div class="mt-4">
                <span class="bg-white/10 px-5 py-2 rounded-full font-bold text-[#b8d4c0] border border-white/10 inline-block">
                    <i class="far fa-calendar-alt mr-2"></i> DATA: <?php echo htmlspecialchars($data_escala); ?>
                </span>
            </div>
            <?php endif; ?>
            
            <div class="mt-4 flex flex-wrap justify-center gap-3">
                <a href="escala-novo.php" target="_blank" class="btn-verde inline-flex items-center gap-2 px-6 py-3">
                    <i class="fas fa-eye"></i> VER ESCALA
                </a>
                <a href="https://escala-mirim.linksapp.click/XX/escala-novo.php" target="_blank" class="btn-outline inline-flex items-center gap-2 px-6 py-3">
                    <i class="fas fa-external-link-alt"></i> VER PÚBLICA
                </a>
            </div>
        </div>

        <!-- MENSAGEM -->
        <?php if($mensagem): ?>
        <div class="mensagem <?php echo $tipo_mensagem; ?> mb-6">
            <?php echo $mensagem; ?>
        </div>
        <?php endif; ?>

        <!-- GRADE DE CARDS DO PAINEL -->
        <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
            
            <!-- CONFIGURAÇÕES GERAIS -->
            <div class="section-card md:col-span-2">
                <div class="card-title">
                    <i class="fas fa-sliders-h"></i>
                    CONFIGURAÇÕES GERAIS
                </div>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    
                    <form method="POST" class="space-y-3">
                        <h4 class="text-[#b8d4c0] font-bold text-sm uppercase tracking-wider">📅 Data da Escala</h4>
                        <input type="date" name="data_escala" value="<?php echo $data_escala; ?>" class="input-custom">
                        <button type="submit" name="atualizar_data" class="btn-verde w-full py-3">
                            <i class="fas fa-save mr-2"></i> SALVAR DATA
                        </button>
                    </form>
                    
                    <form method="POST" class="space-y-3">
                        <h4 class="text-[#b8d4c0] font-bold text-sm uppercase tracking-wider">🙏 Frase de São José</h4>
                        <input type="text" name="frase_sao_jose" value="<?php echo htmlspecialchars($frase); ?>" placeholder="Digite a frase..." class="input-custom">
                        <button type="submit" name="atualizar_frase" class="btn-verde w-full py-3">
                            <i class="fas fa-save mr-2"></i> SALVAR FRASE
                        </button>
                    </form>
                    
                </div>
            </div>

            <!-- COORDENADORES -->
            <div class="section-card">
                <div class="card-title">
                    <i class="fas fa-user-tie"></i>
                    COORDENADORES
                </div>
                <form method="POST" class="flex gap-2 mb-3">
                    <input type="text" name="nome_coordenador" placeholder="Nome do coordenador..." class="input-custom" required>
                    <button type="submit" name="adicionar_coordenador" class="btn-verde px-6 whitespace-nowrap">
                        <i class="fas fa-plus"></i>
                    </button>
                </form>
                <div class="flex flex-wrap gap-1">
                    <?php foreach($dados['coordenadores'] as $index => $nome): ?>
                    <div class="tag-item flex items-center gap-2">
                        <?php echo htmlspecialchars($nome); ?>
                        <form method="POST" class="inline">
                            <input type="hidden" name="index_coordenador" value="<?php echo $index; ?>">
                            <button type="submit" name="remover_coordenador" class="text-red-400 hover:text-red-300 transition">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </form>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <!-- SUPERVISORES -->
            <div class="section-card">
                <div class="card-title">
                    <i class="fas fa-star"></i>
                    SUPERVISORES
                </div>
                <form method="POST" class="flex gap-2 mb-3">
                    <input type="text" name="nome_supervisor" placeholder="Nome do supervisor..." class="input-custom" required>
                    <button type="submit" name="adicionar_supervisor" class="btn-verde px-6 whitespace-nowrap">
                        <i class="fas fa-plus"></i>
                    </button>
                </form>
                <div class="flex flex-wrap gap-1">
                    <?php foreach($dados['supervisores'] as $index => $nome): ?>
                    <div class="tag-item flex items-center gap-2">
                        <?php echo htmlspecialchars($nome); ?>
                        <form method="POST" class="inline">
                            <input type="hidden" name="index_supervisor" value="<?php echo $index; ?>">
                            <button type="submit" name="remover_supervisor" class="text-red-400 hover:text-red-300 transition">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </form>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <!-- GUARDAS MIRINS -->
            <div class="section-card md:col-span-2">
                <div class="card-title">
                    <i class="fas fa-shield-alt"></i>
                    GUARDAS MIRINS
                </div>
                <form method="POST" class="flex gap-2 mb-3">
                    <input type="text" name="nome_guarda" placeholder="Nome da guarda..." class="input-custom" required>
                    <button type="submit" name="adicionar_guarda" class="btn-verde px-6 whitespace-nowrap">
                        <i class="fas fa-plus"></i> ADICIONAR
                    </button>
                </form>
                <div class="flex flex-wrap gap-1">
                    <?php foreach($dados['GUARDAS'] as $index => $guarda): ?>
                    <div class="tag-item flex items-center gap-2">
                        <?php echo htmlspecialchars($guarda['nome']); ?>
                        <form method="POST" class="inline">
                            <input type="hidden" name="index_guarda" value="<?php echo $index; ?>">
                            <button type="submit" name="remover_guarda" class="text-red-400 hover:text-red-300 transition">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </form>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <!-- GUARDAS DE APOIO -->
            <div class="section-card">
                <div class="card-title">
                    <i class="fas fa-handshake"></i>
                    GUARDAS DE APOIO
                </div>
                <form method="POST" class="flex gap-2 mb-3">
                    <input type="text" name="nome_guarda_apoio" placeholder="Nome..." class="input-custom" required>
                    <button type="submit" name="adicionar_guarda_apoio" class="btn-verde px-6 whitespace-nowrap">
                        <i class="fas fa-plus"></i>
                    </button>
                </form>
                <div class="flex flex-wrap gap-1">
                    <?php foreach($dados['guardas_apoio'] as $index => $guarda): ?>
                    <div class="tag-item flex items-center gap-2">
                        <?php echo htmlspecialchars($guarda['nome']); ?>
                        <form method="POST" class="inline">
                            <input type="hidden" name="index_guarda_apoio" value="<?php echo $index; ?>">
                            <button type="submit" name="remover_guarda_apoio" class="text-red-400 hover:text-red-300 transition">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </form>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <!-- GUARDAS DA COLETA -->
            <div class="section-card">
                <div class="card-title">
                    <i class="fas fa-hand-holding-usd"></i>
                    GUARDAS DA COLETA
                </div>
                <form method="POST" class="flex gap-2 mb-3">
                    <input type="text" name="nome_guarda_coleta" placeholder="Nome..." class="input-custom" required>
                    <button type="submit" name="adicionar_guarda_coleta" class="btn-verde px-6 whitespace-nowrap">
                        <i class="fas fa-plus"></i>
                    </button>
                </form>
                <div class="flex flex-wrap gap-1">
                    <?php foreach($dados['guardas_coleta'] as $index => $guarda): ?>
                    <div class="tag-item flex items-center gap-2">
                        <?php echo htmlspecialchars($guarda['nome']); ?>
                        <form method="POST" class="inline">
                            <input type="hidden" name="index_guarda_coleta" value="<?php echo $index; ?>">
                            <button type="submit" name="remover_guarda_coleta" class="text-red-400 hover:text-red-300 transition">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </form>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <!-- GUARDAS DA COMUNHÃO -->
            <div class="section-card">
                <div class="card-title">
                    <i class="fas fa-bread"></i>
                    GUARDAS DA COMUNHÃO
                </div>
                <form method="POST" class="flex gap-2 mb-3">
                    <input type="text" name="nome_guarda_comunhao" placeholder="Nome..." class="input-custom" required>
                    <button type="submit" name="adicionar_guarda_comunhao" class="btn-verde px-6 whitespace-nowrap">
                        <i class="fas fa-plus"></i>
                    </button>
                </form>
                <div class="flex flex-wrap gap-1">
                    <?php foreach($dados['guardas_comunhao'] as $index => $guarda): ?>
                    <div class="tag-item flex items-center gap-2">
                        <?php echo htmlspecialchars($guarda['nome']); ?>
                        <form method="POST" class="inline">
                            <input type="hidden" name="index_guarda_comunhao" value="<?php echo $index; ?>">
                            <button type="submit" name="remover_guarda_comunhao" class="text-red-400 hover:text-red-300 transition">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </form>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <!-- GUARDAS DA LITURGIA -->
            <div class="section-card">
                <div class="card-title">
                    <i class="fas fa-book-open"></i>
                    GUARDAS DA LITURGIA
                </div>
                <form method="POST" class="flex gap-2 mb-3">
                    <input type="text" name="nome_guarda_liturgia" placeholder="Nome..." class="input-custom" required>
                    <button type="submit" name="adicionar_guarda_liturgia" class="btn-verde px-6 whitespace-nowrap">
                        <i class="fas fa-plus"></i>
                    </button>
                </form>
                <div class="flex flex-wrap gap-1">
                    <?php foreach($dados['guardas_liturgia'] as $index => $guarda): ?>
                    <div class="tag-item flex items-center gap-2">
                        <?php echo htmlspecialchars($guarda['nome']); ?>
                        <form method="POST" class="inline">
                            <input type="hidden" name="index_guarda_liturgia" value="<?php echo $index; ?>">
                            <button type="submit" name="remover_guarda_liturgia" class="text-red-400 hover:text-red-300 transition">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </form>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <!-- EQUIPE ASCOM -->
            <div class="section-card">
                <div class="card-title">
                    <i class="fas fa-camera"></i>
                    EQUIPE ASCOM
                </div>
                <form method="POST" class="flex gap-2 mb-3">
                    <input type="text" name="nome_ascom" placeholder="Nome..." class="input-custom" required>
                    <button type="submit" name="adicionar_ascom" class="btn-verde px-6 whitespace-nowrap">
                        <i class="fas fa-plus"></i>
                    </button>
                </form>
                <div class="flex flex-wrap gap-1">
                    <?php foreach($dados['ascom'] as $index => $nome): ?>
                    <div class="tag-item flex items-center gap-2">
                        <?php echo htmlspecialchars($nome); ?>
                        <form method="POST" class="inline">
                            <input type="hidden" name="index_ascom" value="<?php echo $index; ?>">
                            <button type="submit" name="remover_ascom" class="text-red-400 hover:text-red-300 transition">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </form>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <!-- MÃES/PAIS APOIO -->
            <div class="section-card">
                <div class="card-title">
                    <i class="fas fa-heart"></i>
                    MÃES/PAIS APOIO
                </div>
                <form method="POST" class="flex gap-2 mb-3">
                    <input type="text" name="nome_apoio" placeholder="Nome..." class="input-custom" required>
                    <button type="submit" name="adicionar_apoio" class="btn-verde px-6 whitespace-nowrap">
                        <i class="fas fa-plus"></i>
                    </button>
                </form>
                <div class="flex flex-wrap gap-1">
                    <?php foreach($dados['maes_pais_apoio'] as $index => $nome): ?>
                    <div class="tag-item flex items-center gap-2">
                        <?php echo htmlspecialchars($nome); ?>
                        <form method="POST" class="inline">
                            <input type="hidden" name="index_apoio" value="<?php echo $index; ?>">
                            <button type="submit" name="remover_apoio" class="text-red-400 hover:text-red-300 transition">
                                <i class="fas fa-times-circle"></i>
                            </button>
                        </form>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <!-- FUNDO E LOGO -->
            <div class="section-card md:col-span-2">
                <div class="card-title">
                    <i class="fas fa-image"></i>
                    FUNDO E LOGO
                </div>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <form method="POST" class="space-y-3">
                        <h4 class="text-[#b8d4c0] font-bold text-sm uppercase tracking-wider">🖼️ URL do Fundo</h4>
                        <input type="text" name="fundo_url" value="<?php echo htmlspecialchars($fundo); ?>" placeholder="https://exemplo.com/fundo.jpg" class="input-custom">
                        <button type="submit" name="atualizar_fundo" class="btn-verde w-full py-3">
                            <i class="fas fa-save mr-2"></i> SALVAR FUNDO
                        </button>
                    </form>
                    
                    <form method="POST" class="space-y-3">
                        <h4 class="text-[#b8d4c0] font-bold text-sm uppercase tracking-wider">🖼️ URL do Logo</h4>
                        <input type="text" name="logo_url" value="<?php echo htmlspecialchars($logo); ?>" placeholder="https://exemplo.com/logo.png" class="input-custom">
                        <button type="submit" name="atualizar_logo" class="btn-verde w-full py-3">
                            <i class="fas fa-save mr-2"></i> SALVAR LOGO
                        </button>
                    </form>
                </div>
            </div>

            <!-- PERIGO - LIMPAR TUDO -->
            <div class="section-card md:col-span-2 border-red-800/30">
                <div class="card-title text-red-400">
                    <i class="fas fa-exclamation-triangle"></i>
                    ÁREA DE PERIGO
                </div>
                <form method="POST" onsubmit="return confirm('TEM CERTEZA? Isso vai apagar TODOS os dados cadastrados!');">
                    <button type="submit" name="limpar_tudo" class="btn-vermelho w-full py-4 text-lg">
                        <i class="fas fa-trash-alt mr-2"></i> LIMPAR TODOS OS DADOS
                    </button>
                </form>
                <p class="text-red-400/60 text-sm mt-2 text-center">⚠️ Esta ação não pode ser desfeita!</p>
            </div>

        </div>

        <!-- RODAPÉ -->
        <footer class="mt-10 text-center text-white/30 text-sm pb-4">
            <p>&copy; <?php echo date('Y'); ?> Igreja São José de Queluz - Painel Administrativo</p>
        </footer>
    </div>
</body>
</html>