<?php
/**
 * Page 3 - The Funny Trap Page (page3.php)
 * Playful interaction where NO button moves away
 */

require_once 'config.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Question 💕</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="animated-bg"></div>
    <div class="hearts-container"></div>
    
    <div class="page">
        <div class="card question-card">
            <h1>I need to ask you something very important…</h1>
            
            <!-- Initial Click Button -->
            <button class="btn-primary" id="clickBtn" style="font-size: 1.2rem; padding: 15px 40px;">
                💌 Click Here
            </button>
            
            <!-- Response Buttons (Hidden Initially) -->
            <div id="responseDiv" style="display: none;">
                <p style="font-size: 1.3rem; margin-bottom: 30px; font-family: 'Dancing Script', cursive;">
                    Will you be my Valentine?
                </p>
                <div class="response-buttons">
                    <button class="btn-response btn-yes" id="yesBtn">YES 💖</button>
                    <button class="btn-response btn-no" id="noBtn">😢 NO</button>
                </div>
            </div>
        </div>
    </div>

    <script src="script.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            initTrapPage();
        });
    </script>
</body>
</html>
