function genWeapon() {
    var panel = document.getElementById("panel");
    panel.innerHTML = `<div class="form">
    <h2>发送武器</h2>
            <label for="weapon-id">武器名称:</label>
                <div style="display: flex;">
                    <select id="weapon-filter" style="flex: 2">
                        <option value="0"> 筛选：全部等级 </option>
                        <option value="1"> 筛选：白色品质 </option>
                        <option value="2"> 筛选：绿色品质 </option>
                        <option value="3"> 筛选：蓝色品质 </option>
                        <option value="4"> 筛选：紫色品质 </option>
                        <option value="5"> 筛选：橙色品质 </option>
                    </select>
                    <select id="weapon-id" style="flex: 4; margin-left: 0.5em"> </select>
                </div>
            <label for="amount">数量:</label><input type="number" id="amount" name="amount" value=1 />
            <label for="level">等级:</label><input type="number" id="level" name="level" value=90 />
            <label for="refine">精炼等级:</label><input type="number" id="refine" name="refine" value=5 />
            <button id="execute">发送</button>
    </div>`;

    updateWeaponList();
    document.getElementById("weapon-filter").onchange = updateWeaponList;
    document.getElementById("execute").onclick = () => {
        var weaponId = document.getElementById("weapon-id").value;
        var amount = document.getElementById("amount").value;
        var level = document.getElementById("level").value;
        var refine = document.getElementById("refine").value;
        sendCommand(`give ${weaponId} ${amount} ${level} ${refine}`);
    }
}

function updateWeaponList() {
    var filter = document.getElementById("weapon-filter").value;
    var select = document.getElementById("weapon-id");
    select.innerHTML = "";
    weapon_list.forEach(element => {
        if (filter == 0 || element.level == filter){
            var o = document.createElement("option");
            o.innerText = `${element.name} - ${element.id}`; ;
            o.value = element.id;
            select.appendChild(o);
        }

    });

}