<!DOCTYPE html>
<html>
<head>
    <title>Creating Miner - Lotus Fountain</title>
    <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="Index">
    <div class="Index-nodes">
        <div class="Index-node">
            [CREATING MINER]
        </div>
        <div class="Index-node" id="formnd">
            <form id="f" action='/mkminer' method='POST'>
                <span>Enter owner/worker address:</span>
                <input type='text' name='address' style="width: 300px" placeholder="t3...">
                <select name="sectorSize">
                    {{range .SectorSizes}}
                    <option {{if .Default}}selected{{end}} value="{{ .Value }}">{{ .Name }}</option>
                    {{end}}
                </select>
                <button type='submit'>Create Miner</button>
            </form>
        </div>
        <div id="plswait" style="display: none" class="Index-node">
            <b>Waiting for transaction on chain..</b>
        </div>
        <div class="Index-node">
            <span>When creating miner, DO NOT REFRESH THE PAGE, wait for it to load. This can take more than 5min.</span>
        </div>
        <div class="Index-node">
            <span>If you don't have an owner/worker address, you can create it by following <a target="_blank" href="https://docs.lotu.sh/en+mining#get-started-22083">these instructions</a>.</span>
        </div>
    </div>
    <div class="Index-footer">
        <div>
            <a href="index.html">[Back]</a>
            <span style="float: right">Not dispensing real Filecoin tokens</span>
        </div>
    </div>
</div>
<script>
    let f = document.getElementById('f')
    f.onsubmit = ev => {
        document.getElementById('plswait').style.display = 'block'
        document.getElementById('formnd').style.display = 'none'
    }

</script>
</body>
</html>