<?php
$mensagem = "";
$status = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $username = "simoes";
    $password = "12345";
    $dbname = "IPMB";

    $conn = new mysqli("localhost", $username, $password, $dbname, 3306);

    if ($conn->connect_error) {
        $status = "error";
        $mensagem = "Desculpe, falha na conexão com o servidor de banco de dados.";
    } else {
        $sqlTable = "CREATE TABLE IF NOT EXISTS inscricao (
            id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
            nome VARCHAR(150) NOT NULL DEFAULT '',
            curso_id VARCHAR(100) NOT NULL DEFAULT '',
            data_nascimento DATE,
            nacionalidade VARCHAR(50) NOT NULL DEFAULT '',
            tipo_documento VARCHAR(20) NOT NULL DEFAULT '',
            identificacao VARCHAR(50) NOT NULL DEFAULT '',
            morada VARCHAR(200) NOT NULL DEFAULT '',
            contacto VARCHAR(50) NOT NULL DEFAULT '',
            email VARCHAR(100) NOT NULL DEFAULT '',
            data_registo TIMESTAMP DEFAULT CURRENT_TIMESTAMP
        )";
        $conn->query($sqlTable);

        // Adicionar colunas em falta se a tabela já existia com estrutura incompleta
        $colunas = [
            'nome'            => "VARCHAR(150) NOT NULL DEFAULT ''",
            'curso_id'        => "VARCHAR(100) NOT NULL DEFAULT ''",
            'data_nascimento' => "DATE",
            'nacionalidade'   => "VARCHAR(50) NOT NULL DEFAULT ''",
            'tipo_documento'  => "VARCHAR(20) NOT NULL DEFAULT ''",
            'identificacao'   => "VARCHAR(50) NOT NULL DEFAULT ''",
            'morada'          => "VARCHAR(200) NOT NULL DEFAULT ''",
            'contacto'        => "VARCHAR(50) NOT NULL DEFAULT ''",
            'email'           => "VARCHAR(100) NOT NULL DEFAULT ''",
            'data_registo'    => "TIMESTAMP DEFAULT CURRENT_TIMESTAMP",
        ];
        foreach ($colunas as $col => $def) {
            $res = $conn->query("SELECT COUNT(*) FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_SCHEMA='$dbname' AND TABLE_NAME='inscricao' AND COLUMN_NAME='$col'");
            $row = $res->fetch_row();
            if ($row[0] == 0) {
                $conn->query("ALTER TABLE inscricao ADD COLUMN $col $def");
            }
        }

        $nome = $conn->real_escape_string($_POST['nome'] ?? '');
        $curso_id = $conn->real_escape_string($_POST['curso_id'] ?? '');
        $data_nascimento = $conn->real_escape_string($_POST['data_nascimento'] ?? '');
        $nacionalidade = $conn->real_escape_string($_POST['nacionalidade'] ?? '');
        $tipo_documento = $conn->real_escape_string($_POST['tipo_documento'] ?? '');
        $identificacao = $conn->real_escape_string($_POST['identificacao'] ?? '');
        $morada = $conn->real_escape_string($_POST['morada'] ?? '');
        $contacto = $conn->real_escape_string($_POST['contacto'] ?? '');
        $email = $conn->real_escape_string($_POST['email'] ?? '');

        if(!empty($nome) && !empty($curso_id) && !empty($data_nascimento) && !empty($nacionalidade) && !empty($tipo_documento) && !empty($identificacao) && !empty($morada) && !empty($contacto) && !empty($email)) {

            // Verificar se já existe registo com o mesmo número de documento
            $sqlCheck = "SELECT * FROM inscricao WHERE identificacao = '$identificacao' LIMIT 1";
            $resCheck = $conn->query($sqlCheck);

            if ($resCheck && $resCheck->num_rows > 0) {
                $rowExistente = $resCheck->fetch_assoc();
                $status = "duplicado";
                $dados_salvos = [
                    'id'              => $rowExistente['id'],
                    'nome'            => $rowExistente['nome'],
                    'curso_id'        => $rowExistente['curso_id'],
                    'data_nascimento' => $rowExistente['data_nascimento'],
                    'nacionalidade'   => $rowExistente['nacionalidade'],
                    'tipo_documento'  => $rowExistente['tipo_documento'],
                    'identificacao'   => $rowExistente['identificacao'],
                    'morada'          => $rowExistente['morada'],
                    'contacto'        => $rowExistente['contacto'],
                    'email'           => $rowExistente['email'],
                    'data_registo'    => date('d/m/Y H:i', strtotime($rowExistente['data_registo'])),
                ];
            } else {
                $sqlInsert = "INSERT INTO inscricao (nome, curso_id, data_nascimento, nacionalidade, tipo_documento, identificacao, morada, contacto, email)
                VALUES ('$nome', '$curso_id', '$data_nascimento', '$nacionalidade', '$tipo_documento', '$identificacao', '$morada', '$contacto', '$email')";

                if ($conn->query($sqlInsert) === TRUE) {
                    $status = "success";
                    $inscricao_id = $conn->insert_id;
                    $dados_salvos = [
                        'id'              => $inscricao_id,
                        'nome'            => $_POST['nome'],
                        'curso_id'        => $_POST['curso_id'],
                        'data_nascimento' => $_POST['data_nascimento'],
                        'nacionalidade'   => $_POST['nacionalidade'],
                        'tipo_documento'  => $_POST['tipo_documento'],
                        'identificacao'   => $_POST['identificacao'],
                        'morada'          => $_POST['morada'],
                        'contacto'        => $_POST['contacto'],
                        'email'           => $_POST['email'],
                        'data_registo'    => date('d/m/Y H:i'),
                    ];
                } else {
                    $status = "error";
                    $mensagem = "Desculpe, não conseguimos salvar a sua inscrição. Contacte o suporte técnico.";
                }
            }
        } else {
            $status = "error";
            $mensagem = "Por favor preencha os campos obrigatórios!";
        }
        $conn->close();
    }
}
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inscrição - IDHI</title>
    <link rel="stylesheet" href="inscricao.css">
    <style>
        /* ALERTA DUPLICADO */
        .alert-duplicado {
            display: flex;
            align-items: center;
            gap: 14px;
            background: #fffbeb;
            border: 1.5px solid #f59e0b;
            border-radius: 10px;
            padding: 16px 18px;
            margin-bottom: 20px;
            flex-wrap: wrap;
        }
        .duplicado-icon {
            font-size: 1.8rem;
            color: #d97706;
            flex-shrink: 0;
        }
        .duplicado-texto {
            flex: 1;
            font-size: .92rem;
            color: #78350f;
            line-height: 1.5;
        }
        .btn-visualizar {
            background: #d97706;
            color: #fff;
            border: none;
            border-radius: 8px;
            padding: 10px 20px;
            font-size: .9rem;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
            transition: opacity .2s;
        }
        .btn-visualizar:hover { opacity: .85; }

        /* MODAL */
        .modal-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.55);
            z-index: 9999;
            align-items: center;
            justify-content: center;
        }
        .modal-overlay.active { display: flex; }
        .modal-box {
            background: #fff;
            border-radius: 16px;
            max-width: 620px;
            width: 94%;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 20px 60px rgba(0,0,0,0.25);
            animation: modalIn .3s ease;
        }
        @keyframes modalIn {
            from { opacity:0; transform: translateY(-30px); }
            to   { opacity:1; transform: translateY(0); }
        }
        .modal-header {
            background: linear-gradient(135deg, #1a3c6e, #2563eb);
            color: #fff;
            padding: 24px 28px 18px;
            border-radius: 16px 16px 0 0;
            text-align: center;
        }
        .modal-header .check-icon {
            width: 56px; height: 56px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            margin: 0 auto 12px;
            font-size: 28px;
        }
        .modal-header h3 { margin:0; font-size:1.3rem; }
        .modal-header p  { margin:6px 0 0; font-size:.9rem; opacity:.85; }
        .modal-body { padding: 24px 28px; }
        .modal-body .ref-badge {
            background: #f0f7ff;
            border: 1px solid #bfdbfe;
            border-radius: 8px;
            padding: 8px 14px;
            font-size: .85rem;
            color: #1e40af;
            text-align: center;
            margin-bottom: 20px;
            font-weight: 600;
        }
        .modal-data-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            margin-bottom: 24px;
        }
        .modal-data-item {
            background: #f8fafc;
            border-radius: 8px;
            padding: 10px 14px;
        }
        .modal-data-item.full { grid-column: 1 / -1; }
        .modal-data-item label {
            display: block;
            font-size: .72rem;
            color: #64748b;
            text-transform: uppercase;
            letter-spacing: .5px;
            margin-bottom: 3px;
        }
        .modal-data-item span {
            font-size: .95rem;
            font-weight: 600;
            color: #1e293b;
        }
        .modal-actions {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
        }
        .btn-print, .btn-download, .btn-fechar {
            padding: 10px 22px;
            border-radius: 8px;
            border: none;
            font-size: .9rem;
            font-weight: 600;
            cursor: pointer;
            display: flex; align-items: center; gap: 7px;
            transition: opacity .2s;
        }
        .btn-print    { background: #1a3c6e; color: #fff; }
        .btn-download { background: #16a34a; color: #fff; }
        .btn-fechar   { background: #e2e8f0; color: #334155; }
        .btn-print:hover, .btn-download:hover, .btn-fechar:hover { opacity: .85; }

        /* Área de impressão */
        @media print {
            body > *:not(#print-area) { display: none !important; }
            #print-area {
                display: block !important;
                padding: 30px;
                font-family: Arial, sans-serif;
            }
            #print-area h2 { text-align: center; color: #1a3c6e; margin-bottom: 6px; }
            #print-area .print-ref { text-align:center; color:#555; font-size:.9rem; margin-bottom:20px; }
            #print-area table { width:100%; border-collapse: collapse; margin-top:10px; }
            #print-area td { padding: 8px 12px; border: 1px solid #ddd; font-size:.93rem; }
            #print-area td:first-child { background:#f0f4ff; font-weight:bold; width:40%; }
            #print-area .print-footer { text-align:center; margin-top:30px; font-size:.8rem; color:#777; }
        }
        #print-area { display: none; }
    </style>
</head>
<body>

    <!-- NAVBAR -->
    <header class="navbar scrolled" id="navbar">
        <div class="navbar-container">
            <a href="index.php" class="brand-logo">
                <img src="img/webp/LOGO.webp" alt="IDHI Logo" class="logo-img" fetchpriority="high">
            </a>

            <button class="hamburger" id="hamburger">
                <span></span><span></span><span></span>
            </button>

            <nav class="navbar-nav" id="navbarNav">
                <ul class="nav-menu">
                    <li><a href="unidades.php" class="nav-link">Unidades Orgânicas</a></li>
                    <li class="dropdown">
                        <a href="educacao.php" class="nav-link">Educação</a>
                        <ul class="dropdown-menu">
                            <li><a href="catalogo.php" class="dropdown-item">Catalogo</a></li>
                            <li><a href="edital.php" class="dropdown-item">Edital</a></li>
                            <li><a href="inscricao.php" class="dropdown-item">Inscrições Online</a></li>
                        </ul>
                    </li>
                    <li><a href="certificacoes.php" class="nav-link">Certificações</a></li>
                    <li><a href="idhi.php" class="nav-link">IDHI</a></li>
                    <li><a href="noticias.php" class="nav-link">Notícias</a></li>
                    <li><a href="sobre-nos.php" class="nav-link">Sobre-nos</a></li>
                    <li><a href="contacto.php" class="nav-link">Contacto</a></li>
                </ul>
                <div class="nav-social">
                    <a href="https://www.facebook.com/ipmbi" class="social-link" aria-label="Facebook">
                        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                    </a>
                    <a href="" class="social-link" aria-label="YouTube">
                        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
                    </a>
                    <a href="https://www.instagram.com/ipmbi.beira?igsh=YjFwaTQwbHZ5ZDg5" class="social-link" aria-label="Instagram">
                        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/></svg>
                    </a>
                    <a href="#" class="social-link" aria-label="WhatsApp">
                        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>
                    </a>
                </div>
            </nav>
        </div>
    </header>

    <main>
        <section class="enrollment-section">
            <div class="container">
                <div class="enrollment-box">
                    <h2>Formulário de Inscrição Online</h2>
                    <p>Preencha os seus dados abaixo para iniciar o processo de inscrição no IDHI.</p>
                    
                    <?php if($status === 'error'): ?>
                    <div class="alert alert-error">
                        <?php echo $mensagem; ?>
                    </div>
                    <?php endif; ?>

                    <?php if($status === 'duplicado'): ?>
                    <div class="alert alert-duplicado">
                        <div class="duplicado-icon">&#9432;</div>
                        <div class="duplicado-texto">
                            <strong>Os seus dados já estão na nossa Instituição.</strong><br>
                            O documento <strong><?php echo htmlspecialchars($dados_salvos['identificacao']); ?></strong> já se encontra registado na nossa base de dados.
                        </div>
                        <button class="btn-visualizar" onclick="document.getElementById('modalSucesso').classList.add('active')">
                            &#128065; Visualizar
                        </button>
                    </div>
                    <?php endif; ?>

                    <form action="inscricao.php" method="POST" class="enrollment-form">
                        <div class="form-group">
                            <label for="nome">Nome Completo</label>
                            <input type="text" id="nome" name="nome" placeholder="ex: João Miguel da Silva" required>
                        </div>
                        
                        <div class="form-group">
                            <label for="curso_id">Curso Pretendido</label>
                            <select id="curso_id" name="curso_id" required>
                                <option value="" disabled selected>Clique aqui para escolher um curso...</option>
                                <optgroup label="Saúde">
                                    <option value="Técnico de Medicina Geral">Técnico de Medicina Geral</option>
                                    <option value="Técnico de Enfermagem Geral">Técnico de Enfermagem Geral</option>
                                    <option value="Técnico de Laboratório">Técnico de Laboratório</option>
                                    <option value="Técnico de Nutrição">Técnico de Nutrição</option>
                                    <option value="Técnico de Enfermagem em Saúde Materno Infantil">Técnico de Enfermagem Saúde Materno Infantil</option>
                                </optgroup>
                                <optgroup label="Comerciais">
                                    <option value="Contabilidade">Contabilidade</option>
                                    <option value="Administração de Trabalho">Administração de Trabalho</option>
                                    <option value="Gestão de Recursos Humanos">Gestão de Recursos Humanos</option>
                                    <option value="Informática">Informática</option>
                                </optgroup>
                            </select>
                        </div>
                        
                        <div class="form-row">
                            <div class="form-group">
                                <label for="data_nascimento">Data de Nascimento</label>
                                <input type="date" id="data_nascimento" name="data_nascimento" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="nacionalidade">Nacionalidade</label>
                                <input type="text" id="nacionalidade" name="nacionalidade" placeholder="ex: Moçambicana" required>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label>Tipo de Identificação</label>
                            <div class="radio-group">
                                <label class="radio-label">
                                    <input type="radio" name="tipo_documento" value="BI" required onchange="document.getElementById('doc_input_group').style.display='flex'"> BI
                                </label>
                                <label class="radio-label">
                                    <input type="radio" name="tipo_documento" value="Passaporte" required onchange="document.getElementById('doc_input_group').style.display='flex'"> Passaporte
                                </label>
                            </div>
                        </div>
                        
                        <div class="form-group" id="doc_input_group" style="display: none;">
                            <label for="identificacao">Nº do Documento Misto</label>
                            <input type="text" id="identificacao" name="identificacao" placeholder="Escreva aqui o número da sua escolha..." required>
                        </div>
                        
                        <div class="form-group">
                            <label for="morada">Morada</label>
                            <input type="text" id="morada" name="morada" placeholder="ex: Bairro Manga, Beira" required>
                        </div>
                        
                        <div class="form-row">
                            <div class="form-group">
                                <label for="contacto">Contacto (Telemóvel)</label>
                                <input type="tel" id="contacto" name="contacto" placeholder="+258 84 000 0000" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="email">E-mail</label>
                                <input type="email" id="email" name="email" placeholder="seu-email@exemplo.com" required>
                            </div>
                        </div>

                        <button type="submit" class="btn-submit">Inscrição <i class="fas fa-paper-plane"></i></button>
                    </form>
                </div>
            </div>
        </section>
    </main>

    <!-- MODAL DE SUCESSO / DUPLICADO -->
    <?php if(($status === 'success' || $status === 'duplicado') && !empty($dados_salvos)): ?>
    <div class="modal-overlay <?php echo $status === 'success' ? 'active' : ''; ?>" id="modalSucesso">
        <div class="modal-box">
            <div class="modal-header" <?php if($status === 'duplicado') echo 'style="background: linear-gradient(135deg, #92400e, #d97706);"'; ?>>
                <div class="check-icon"><?php echo $status === 'duplicado' ? '&#9432;' : '&#10003;'; ?></div>
                <h3><?php echo $status === 'duplicado' ? 'Dados já Registados' : 'Inscrição Realizada com Sucesso!'; ?></h3>
                <p><?php echo $status === 'duplicado' ? 'Os seus dados já estão na nossa Instituição.' : 'Os seus dados foram guardados na base de dados.'; ?></p>
            </div>
            <div class="modal-body">
                <div class="ref-badge">
                    Nº de Referência: <strong>#<?php echo str_pad($dados_salvos['id'], 5, '0', STR_PAD_LEFT); ?></strong>
                    &nbsp;&bull;&nbsp; <?php echo $dados_salvos['data_registo']; ?>
                </div>
                <div class="modal-data-grid">
                    <div class="modal-data-item full">
                        <label>Nome Completo</label>
                        <span><?php echo htmlspecialchars($dados_salvos['nome']); ?></span>
                    </div>
                    <div class="modal-data-item full">
                        <label>Curso Pretendido</label>
                        <span><?php echo htmlspecialchars($dados_salvos['curso_id']); ?></span>
                    </div>
                    <div class="modal-data-item">
                        <label>Data de Nascimento</label>
                        <span><?php echo date('d/m/Y', strtotime($dados_salvos['data_nascimento'])); ?></span>
                    </div>
                    <div class="modal-data-item">
                        <label>Nacionalidade</label>
                        <span><?php echo htmlspecialchars($dados_salvos['nacionalidade']); ?></span>
                    </div>
                    <div class="modal-data-item">
                        <label>Tipo de Documento</label>
                        <span><?php echo htmlspecialchars($dados_salvos['tipo_documento']); ?></span>
                    </div>
                    <div class="modal-data-item">
                        <label>Nº do Documento</label>
                        <span><?php echo htmlspecialchars($dados_salvos['identificacao']); ?></span>
                    </div>
                    <div class="modal-data-item full">
                        <label>Morada</label>
                        <span><?php echo htmlspecialchars($dados_salvos['morada']); ?></span>
                    </div>
                    <div class="modal-data-item">
                        <label>Contacto</label>
                        <span><?php echo htmlspecialchars($dados_salvos['contacto']); ?></span>
                    </div>
                    <div class="modal-data-item">
                        <label>E-mail</label>
                        <span><?php echo htmlspecialchars($dados_salvos['email']); ?></span>
                    </div>
                </div>
                <div class="modal-actions">
                    <button class="btn-print" onclick="imprimirInscricao()">
                        &#128438; Imprimir
                    </button>
                    <button class="btn-download" onclick="downloadInscricao()">
                        &#8659; Download
                    </button>
                    <button class="btn-fechar" onclick="document.getElementById('modalSucesso').classList.remove('active')">
                        Fechar
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- ÁREA DE IMPRESSÃO (oculta, activada pelo CSS @media print) -->
    <div id="print-area">
        <h2>IDHI &mdash; Comprovativo de Inscrição</h2>
        <p class="print-ref">Referência: #<?php echo str_pad($dados_salvos['id'], 5, '0', STR_PAD_LEFT); ?> &nbsp;|&nbsp; Data: <?php echo $dados_salvos['data_registo']; ?></p>
        <table>
            <tr><td>Nome Completo</td><td><?php echo htmlspecialchars($dados_salvos['nome']); ?></td></tr>
            <tr><td>Curso Pretendido</td><td><?php echo htmlspecialchars($dados_salvos['curso_id']); ?></td></tr>
            <tr><td>Data de Nascimento</td><td><?php echo date('d/m/Y', strtotime($dados_salvos['data_nascimento'])); ?></td></tr>
            <tr><td>Nacionalidade</td><td><?php echo htmlspecialchars($dados_salvos['nacionalidade']); ?></td></tr>
            <tr><td>Tipo de Documento</td><td><?php echo htmlspecialchars($dados_salvos['tipo_documento']); ?></td></tr>
            <tr><td>Nº do Documento</td><td><?php echo htmlspecialchars($dados_salvos['identificacao']); ?></td></tr>
            <tr><td>Morada</td><td><?php echo htmlspecialchars($dados_salvos['morada']); ?></td></tr>
            <tr><td>Contacto</td><td><?php echo htmlspecialchars($dados_salvos['contacto']); ?></td></tr>
            <tr><td>E-mail</td><td><?php echo htmlspecialchars($dados_salvos['email']); ?></td></tr>
        </table>
        <p class="print-footer">Instituto de Desenvolvimento Humano do Índico &mdash; Beira, Moçambique &mdash; geral@idhi.ac.mz</p>
    </div>

    <script>
        function imprimirInscricao() {
            document.getElementById('print-area').style.display = 'block';
            window.print();
            document.getElementById('print-area').style.display = 'none';
        }

        function downloadInscricao() {
            const linhas = [
                'IDHI - COMPROVATIVO DE INSCRIÇÃO',
                '='.repeat(40),
                'Referência : #<?php echo str_pad($dados_salvos['id'], 5, '0', STR_PAD_LEFT); ?>',
                'Data       : <?php echo $dados_salvos['data_registo']; ?>',
                '',
                'Nome Completo    : <?php echo addslashes($dados_salvos['nome']); ?>',
                'Curso Pretendido : <?php echo addslashes($dados_salvos['curso_id']); ?>',
                'Data Nascimento  : <?php echo date('d/m/Y', strtotime($dados_salvos['data_nascimento'])); ?>',
                'Nacionalidade    : <?php echo addslashes($dados_salvos['nacionalidade']); ?>',
                'Tipo Documento   : <?php echo addslashes($dados_salvos['tipo_documento']); ?>',
                'Nº Documento     : <?php echo addslashes($dados_salvos['identificacao']); ?>',
                'Morada           : <?php echo addslashes($dados_salvos['morada']); ?>',
                'Contacto         : <?php echo addslashes($dados_salvos['contacto']); ?>',
                'E-mail           : <?php echo addslashes($dados_salvos['email']); ?>',
                '',
                '='.repeat(40),
                'Instituto de Desenvolvimento Humano do Índico',
                'Beira, Moçambique | geral@idhi.ac.mz',
            ];
            const blob = new Blob([linhas.join('\n')], { type: 'text/plain;charset=utf-8' });
            const url  = URL.createObjectURL(blob);
            const a    = document.createElement('a');
            a.href     = url;
            a.download = 'inscricao_IDHI_<?php echo str_pad($dados_salvos['id'], 5, '0', STR_PAD_LEFT); ?>.txt';
            a.click();
            URL.revokeObjectURL(url);
        }
    </script>
    <?php endif; ?>

    <!-- RODAPÉ -->
    <footer class="site-footer">

        <!-- CTA strip -->
        <div class="footer-cta">
            <div class="container footer-cta-inner">
                <div>
                    <p>Pronto para construir o seu futuro?</p>
                    <span>Inscreva-se hoje e faça parte da nossa comunidade académica.</span>
                </div>
                <a href="contacto.php" class="footer-cta-btn">Fale connosco</a>
            </div>
        </div>

        <div class="footer-top">
            <div class="container footer-grid">

                <div class="footer-col footer-brand">
                    <img src="img/webp/LOGO.webp" alt="IDHI Logo" class="footer-logo" loading="lazy">
                    <p class="footer-brand-name">IDHI</p>
                    <p>Instituto de Desenvolvimento Humano do Índico — formando profissionais comprometidos com o progresso e a dignidade humana em Moçambique.</p>
                </div>

                <div class="footer-col">
                    <h4>Navegação</h4>
                    <ul>
                        <li><a href="unidades.php">Unidades Orgânicas</a></li>
                        <li><a href="educacao.php">Educação</a></li>
                        <li><a href="certificacoes.php">Certificações</a></li>
                        <li><a href="idhi.php">IDHI</a></li>
                        <li><a href="noticias.php">Notícias</a></li>
                        <li><a href="sobre-nos.php">Sobre nós</a></li>
                        <li><a href="contacto.php">Contacto</a></li>
                    </ul>
                </div>

                <div class="footer-col">
                    <h4>Contactos</h4>
                    <ul class="footer-contact">
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                        Beira | Manga-Chamba ao pé da Escola 25 de Setembro 
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.18 2 2 0 0 1 3.61 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.96-.96a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.5 16z"/></svg>
                        (+258)877663122  
                    </li>
                     <li>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                        Vilankulo Expansão | Rua de Esuder /Rua 240
                    </li>
                     <li>
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.18 2 2 0 0 1 3.61 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.96-.96a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.5 16z"/></svg>
                         +(258)876044387 
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
                            geral@idhi.ac.mz
                        </li>
                        <li>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                            Seg–Sex: 07h30–17h00
                        </li>
                    </ul>
                </div>

                <div class="footer-col">
                    <h4>Redes Sociais</h4>
                    <p style="font-size:13px;color:#475569;margin-bottom:14px;text-align:left;">Siga-nos e fique por dentro de todas as novidades do IDHI.</p>
                    <div class="footer-socials">
                        <a href="https://www.facebook.com/ipmbi" aria-label="Facebook">
                            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
                        </a>
                        <a href="https://www.instagram.com/ipmbi.beira" aria-label="Instagram">
                            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/></svg>
                        </a>
                        <a href="#" aria-label="WhatsApp">
                            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>
                        </a>
                        <a href="#" aria-label="YouTube">
                            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 0 0 1.46 6.42 29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58 2.78 2.78 0 0 0 1.95 1.96C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.96A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z"/><polygon points="9.75 15.02 15.5 12 9.75 8.98 9.75 15.02"/></svg>
                        </a>
                    </div>
                </div>

            </div>
        </div>

        <div class="footer-bottom">
            <div class="container footer-bottom-inner">
                <p>&copy; 2026 IDHI &mdash; Todos os direitos reservados. Criado Por SJ</p>
                <div class="footer-bottom-links">
                    <a href="sobre-nos.php">Sobre nós</a>
                    <a href="contacto.php">Contacto</a>
                    <a href="#">Política de Privacidade</a>
                </div>
            </div>
        </div>
    </footer>

    <script>
        const hamburger = document.getElementById('hamburger');
        const navbarNav = document.getElementById('navbarNav');
        const navbar = document.querySelector('.navbar');

        hamburger.addEventListener('click', () => {
            navbarNav.classList.toggle('active');
            hamburger.classList.toggle('active');
        });
        document.querySelectorAll('.nav-link').forEach(link => {
            link.addEventListener('click', () => {
                navbarNav.classList.remove('active');
                hamburger.classList.remove('active');
            });
        });

        window.addEventListener('scroll', () => {
            if (window.scrollY > 60) {
                navbar.classList.add('scrolled');
            } else {
                navbar.classList.remove('scrolled');
            }
        });
    </script>
</body>
</html>
