<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>MaoTube</title>
        <link rel="stylesheet" href="/style.css">
        <script defer src="/header.js"></script>
        <script defer src="script.js"></script>
    </head>
    <body>
        <h1>MaoTube</h1>
        <form id="upload-form" method="POST" action="/api/upload-video" enctype="multipart/form-data">
            <label for="title"><p>Title</p></label>
            <input type="text" name="title" id="title" required autofocus>
            <label for="video"><p>Video</p></label>
            <input type="file" name="video" id="video" required>
            <br><br>
            <input type="submit" id="submit" value="Upload">
            <br><br>
            <a href="/queue">View upload queue</a>
        </form>
    </body>
</html>