<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>國立臺北商業大學 體育器材借還系統</title>
    <link rel="stylesheet" href="css/content.css">
    <link rel="icon" type="image/gif" href="https://i.imgur.com/gTvafyQ.gif">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-app-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-database-compat.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

</head>
<body>
    <header>
        <img src="https://i.imgur.com/gTvafyQ.gif" alt="ntublogo">
        <h1>場地使用登記</h1>
    </header>

    <div class="container">
        <form id="equipmentForm">
            <label for="education">學制</label>
            <select id="education" name="education" required>
                <option value="">請選擇</option>
                <option value="日五專">日間五專</option>
                <option value="日四技">日間四技</option>
                <option value="日二技">日間二技</option>
                <option value="進四技">進修四技</option>
                <option value="進二技">進修二技</option>
                <option value="教職員">教職員</option>
            </select>

            <label for="unit">單位/或科系</label>
            <input type="text" id="unit" name="unit" placeholder="請輸入單位名稱" required>

            <label for="name">姓名</label>
            <input type="text" id="name" name="name" placeholder="請輸入姓名" required>

            <label for="phone">電話</label>
            <input type="tel" id="phone" name="phone" placeholder="請輸入電話" required>

            <label for="borrowEquipment">欲借用之場地</label>
            <select id="borrowEquipment" name="borrowEquipment" required>
                <option value="">請選擇器材</option>
                <option value="重量訓練室(一)">重量訓練室(一)</option>
                <option value="重量訓練室（二）">重量訓練室（二）（不開放）</option>
                <option value="心肺適能教室（一）">心肺適能教室（一）</option>
                <option value="舞蹈教室（一）">舞蹈教室（一）</option>
                <option value="舞蹈教室（二）">舞蹈教室（二）</option>
                <option value="地下跑道">地下跑道</option>
                <option value="排球場">排球場</option>
                <option value="籃球場">籃球場</option>
                <option value="網球場">網球場</option>
                <option value="其他">其他（請在備註欄填寫）</option>
            </select>

            <label>拿鑰匙開完門後請務必『馬上歸還』</label>
            <p>“”借鑰匙須壓學生證，新生可用健保卡。“”</p>
            <div class="radio-group">
                <label><input type="radio" name="keyStatus" value="鑰匙不見須照價賠償" required> 鑰匙不見須照價賠償</label>
                <label><input type="radio" name="keyStatus" value="無借鑰匙直接入場"> 無借鑰匙直接入場</label>
            </div>

            <label for="remarks">備註</label>
            <input type="text" id="remarks" name="remarks" placeholder="請註明歸還時間或其他備註">

            <button type="submit">登記</button>
        </form>
    </div>
    <footer>
        國立臺北商業大學 Copyright 2024 納啟科技
    </footer>
    <script src="java/borr.js"></script>
</body>
</html>
