<h1>學生資料分離工具</h1>
    <h2>將名單貼上後按處理，分離人名及學生證號</h2>

    <div class="textarea-group">
        <label for="inputText">請貼上學生資料：</label>
        <textarea id="inputText" placeholder="貼上學生資料，例如：ZHANG, JIALU 11535880"></textarea>
        <button onclick="processData()">處理資料</button>
    </div>

    <div class="container">
        <div class="textarea-group">
            <label for="names">人名：</label>
            <textarea id="names" readonly></textarea>
            <button onclick="copyText('names')">複製人名</button>
        </div>
        <div class="textarea-group">
            <label for="studentIds">學生證號：</label>
            <textarea id="studentIds" readonly></textarea>
            <button onclick="copyText('studentIds')">複製學生證號</button>
        </div>
    </div>

    <footer>
        Developer: Matt Li<br>Update: 5 Dec 2024
    </footer>

    <script>
        function processData() {
            const inputText = document.getElementById('inputText').value.trim();
            if (!inputText) {
                alert("請貼上學生資料！");
                return;
            }

            const lines = inputText.split('\n');
            const names = [];
            const studentIds = [];

            lines.forEach(line => {
                // 使用正則表達式提取人名和學生證號
                const match = line.match(/^(.+?),?\s+(\d{8})$/);
                if (match) {
                    const name = match[1].replace(',', ''); // 去掉逗號
                    const studentId = match[2];
                    names.push(name);
                    studentIds.push(studentId);
                }
            });

            // 將結果顯示到對應的文字框
            document.getElementById('names').value = names.join('\n');
            document.getElementById('studentIds').value = studentIds.join('\n');
        }

        function copyText(elementId) {
            const textarea = document.getElementById(elementId);
            textarea.select();
            document.execCommand('copy');
            alert("已複製到剪貼板！");
        }

        // 禁用右鍵和快捷鍵
        document.addEventListener('contextmenu', function (event) {
            event.preventDefault(); // 禁用右鍵功能
        });

        document.addEventListener('keydown', function (event) {
            // 禁用 Ctrl+C, Ctrl+X, Command+C, Command+X
            if ((event.ctrlKey || event.metaKey) && (event.key === 'c' || event.key === 'x')) {
                alert('複製和剪下功能已被禁用！');
                event.preventDefault();
            }
        });
    </script>