<!DOCTYPE html>
<html>

<head>
    <title>Upload Server</title>
</head>

<body>
    <h1>Upload a Zip File</h1>
    <form id="form" enctype="multipart/form-data">
        <label for="zipFile">Choose a zip file:</label>
        <input type="file" id="zipFile" name="zipFile" accept=".zip" required>
        <br>
        <button type="submit">Upload</button>
    </form>
    <script>
        const form = document.getElementById("form");
        form.addEventListener("submit", (ev) => {
            ev.preventDefault();
            fetch("/api/update", {
                method: "POST",
                body: new FormData(form)
            }).then(response => response.text().then(result => alert(result)));
        });
    </script>
</body>

</html>