<!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 gửi Quý Thầy/Cô và các em học sinh,</p>
        <p>Trong bối cảnh chuyển đổi số, các công cụ Trí tuệ nhân tạo (AI) như ChatGPT, Gemini, Claude... đang được sử dụng ngày càng phổ biến trong dạy và học, đồng thời có những tác động đáng kể đến việc hình thành và phát triển tư duy phản biện của học sinh.</p>
	<p>Phiếu khảo sát này do Nhóm nghiên cứu của Viện Khoa học Giáo dục Việt Nam, Bộ Giáo dục và Đào tạo thực hiện, nhằm thu thập thông tin về mức độ sử dụng AI trong học tập và giảng dạy, cũng như ảnh hưởng của AI đối với cách học sinh tiếp cận, phân tích và đánh giá thông tin.</p>
	<p>Những ý kiến của Quý Thầy/Cô và các em học sinh là cơ sở quan trọng để phục vụ nghiên cứu và đề xuất giải pháp nâng cao hiệu quả ứng dụng AI, đồng thời phát triển năng lực tư duy phản biện cho học sinh. Mọi thông tin được bảo mật và chỉ sử dụng cho mục đích nghiên cứu.</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://forms.gle/726f7sQfSW7YLDf98">Phiếu hỏi dành cho Học sinh<br>
    <input type="radio" name="survey" value="https://forms.gle/L9EyVmaYUNxxBTgL7">Phiếu hỏi dành cho Giáo viên<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>