{{ define "title" }}
    Signup
{{ end }}

{{ define "main" }}
    <div class="alert alert-warning" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
        <div>
            The server stores all received information, including private keys.
            <br>
            Be careful when logging into the global network.
        </div>
    </div>
    <form id="feedbackForm" class="text-center" method="POST" action="/signup">
        <div class="form-group">
            <input type="text" class="form-control bg-dark text-light" name="username" placeholder="Username">
        </div>
        <div class="form-group">
            <input type="password" class="form-control bg-dark text-light" name="password" placeholder="Password">
        </div>
        <div class="form-group">
            <input type="password" class="form-control bg-dark text-light" name="password_repeat" placeholder="Repeat Password">
        </div>
        <div class="form-group">
            <button type="button" class="btn btn-danger w-100" onclick="view_block('input_private_key'); clear_value('private_key')">Load private key</button>
        </div>
        <div id="input_private_key" style="display: none" class="form-group">
            <input type="password" id="private_key" class="form-control bg-dark text-light" name="private_key" placeholder="Private key">
        </div>
        <div class="form-group">
            <input type="submit" name="submit" value="Create account" id="feedbackSubmit" class="btn btn-success w-100">
        </div>
    </form>
{{ end }}