<!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ô! <br />
        Viện Khoa học Giáo dục Việt Nam được Bộ Giáo dục và Đào tạo giao nhiệm vụ khảo sát tình hình triển khai chương
        trình GDPT 2018 (CT) và sách giáo khoa (SGK) lớp 4, lớp 8 và lớp 11. Rất mong quý Thầy/Cô chia sẻ những thông tin và
        nhận định của mình về CT – SGK đã được thực hiện. Chúng tôi cam kết các ý kiến của quý
        Thầy/Cô chỉ được dùng cho mục đích nghiên cứu khoa học, không đánh giá cá nhân hay nhà trường. Trân trọng cảm ơn
        quý Thầy/Cô!</p>
    </div>
    <div id="survey-links">
    Lựa chọn phiếu khảo sát:<br><br>

    <!-- 6 nút radio button -->
    <input type="radio" name="survey" value="https://forms.gle/YKsmo8nf9PqdkAFA6"> Phiếu xin ý kiến Giáo viên Tiểu học<br>
    <input type="radio" name="survey" value="https://forms.gle/MfqC8JW11aPXx1z68"> Phiếu xin ý kiến Giáo viên THCS<br>
    <input type="radio" name="survey" value="https://forms.gle/yaHLJ3qi3xKsJLNj7"> Phiếu xin ý kiến Giáo viên THPT<br>
    <input type="radio" name="survey" value="https://forms.gle/11oLaRFzP9UZgFvJ6"> Phiếu xin ý kiến Cán bộ quản lý Tiểu học<br>
    <input type="radio" name="survey" value="https://forms.gle/7dHYDukEP8UDajjF7"> Phiếu xin ý kiến Cán bộ quản lý THCS<br>
    <input type="radio" name="survey" value="https://forms.gle/AkrjEdLXWRw1SUin9"> Phiếu xin ý kiến Cán bộ quản lý THPT<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>