<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Trang Khảo Sát</title>
    <style>
        /* Thêm CSS tùy chỉnh cho trang web */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        header {
            background-color: #f1f1f1;
            padding: 20px;
            text-align: center;
        }
        #banner {
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            display: block;
        }
        #survey-text {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        #survey-links {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
    </style>
</head>

<body>
    <header>
        <img id="banner" src="logo.png" alt="Logo">
    </header>

    <div id="survey-text">
    	<p>Các em học sinh thân mến!</p>
        <p>Thực hiện dự án hợp tác “Phát triển Giáo dục thể chất và thể thao trong nhà trường phổ thông ở Việt Nam” cùng Tập đoàn NIKE, Viện Khoa học Giáo dục Việt Nam tiến hành nghiên cứu về thực trạng và các yếu tố ảnh hưởng đến việc tham gia luyện tập thể thao của trẻ em gái lứa tuổi 11-15 tại các nhà trường trung học cơ sở ở Việt Nam. Nghiên cứu tập trung tìm hiểu thực trạng và những rào cản chính, trên cơ sở đó đề xuất giải pháp nhằm tháo gỡ khó khăn, khuyến khích trẻ em gái lứa tuổi này tích cực tham gia hoạt động thể thao để tăng cường sức khỏe và phát triển thể chất.</p>
	<p>Chúng tôi mong muốn các em cung cấp thông tin khách quan và chính xác theo phiếu khảo sát. Viện Khoa học Giáo dục Việt Nam cam kết mọi thông tin sẽ được bảo mật và chỉ sử dụng cho mục đích của nghiên cứu này.</p>
	<p>Trân trọng cảm ơn!</p>
    </div>
    <div id="survey-links">
    Lựa chọn phiếu khảo sát:<br><br>

    <!-- 3 nút radio button -->
    <input type="radio" name="survey" value="https://docs.google.com/forms/d/e/1FAIpQLSfDmNuF3KMbby2ocVZESDgO8ibVcqggMQ8XZQWVV2C75r9A6Q/viewform?usp=header"> Phiếu hỏi dành cho Học sinh nữ<br>
    <input type="radio" name="survey" value="https://docs.google.com/forms/d/e/1FAIpQLSfH12oLFMgWcYeF1_nL3nJtJgCjMCXDbbZkSo_82EfFhlwbTQ/viewform?usp=header"> Phiếu hỏi dành cho Học sinh nam<br><br>

    <!-- Nút "Mở phiếu khảo sát" -->
    <button onclick="openSurvey()">Mở phiếu khảo sát</button>
    </div>
    <script>
        function openSurvey() {
            var radios = document.getElementsByName('survey');
            var selectedSurvey = null;

            for (var i = 0; i < radios.length; i++) {
                if (radios[i].checked) {
                    selectedSurvey = radios[i].value;
                    break;
                }
            }

            if (selectedSurvey) {
                window.location.href = selectedSurvey;
            } else {
                alert('Vui lòng chọn một phiếu khảo sát.');
            }
        }
    </script>
</body>

</html>