<!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>Kính chào quý Thầy/Cô và các em Học sinh!</p>
        <p>Viện Khoa học Giáo dục Việt Nam - Bộ Giáo dục và Đào tạo được phân công nhiệm vụ tìm hiểu về “Thực trạng ứng dụng Trí tuệ Nhân tạo (AI) trong dạy học môn Khoa học tự nhiên” tại các trường THCS trên toàn quốc. Chúng tôi trân trọng đề nghị Quý Thầy/Cô và các em Học sinh dành thời gian cung cấp thông tin liên quan đến việc ứng dụng AI trong hoạt động dạy và học tại trường Thầy/Cô và các em.</p>
	<p>Chúng tôi cam kết chỉ sử dụng thông tin thu thập được phục vụ mục đích nghiên cứu khoa học, không nhằm đánh giá đối với cá nhân hay nhà trường. Tất cả thông tin sẽ được mã hóa và bảo mật theo quy định về đạo đức nghiên cứu khoa học.</p>
	<p>Trân trọng cảm ơn sự hợp tác của quý Thầy/Cô! và các em</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://forms.gle/TthsEWV9s67kM49n8"> Phiếu xin ý kiến Giáo viên<br>
    <input type="radio" name="survey" value="https://forms.gle/JjnNdnY99trdfY4M6"> Phiếu xin ý kiến Học sinh<br>
    <input type="radio" name="survey" value="https://forms.gle/J9PxFvRgPjAsydQ18"> Phiếu xin ý kiến Cán bộ quản lý<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>