{% extends "base.html" %}

{% set title %}Account Registration{% endset %}

{% block content %}
<h1 class="text-center h1">Register for an account</h1>

<hr>

<form>
    <div class="row">
        <div class="col mb-3">
            <label for="user-first-name" class="form-label">First Name</label>
            <input type="text" class="form-control" id="user-first-name" placeholder="John">
        </div>
        <div class="col mb-3">
            <label for="user-last-name" class="form-label">Last Name</label>
            <input type="text" class="form-control" id="user-last-name" placeholder="Doe">
        </div>
    </div>
    <div class="row">
        <div class="col mb-3">
            <label for="user-email" class="form-label">Email address</label>
            <input type="email" class="form-control" id="user-email" placeholder="example@email.com">
        </div>
    </div>
    <div class="row">
        <div class="col mb-3">
            <label for="user-password" class="form-label">Password</label>
            <input type="password" class="form-control" id="user-password">
        </div>
    </div>
    <div class="row">
        <div class="col mb-3">
            <label for="user-password-confirm" class="form-label">Confirm Password</label>
            <input type="password" class="form-control" id="user-password-confirm">
        </div>
    </div>
    <div class="row">
        <button type="submit" class="row btn btn-primary">Submit</button>
    </div>
</form>
{% endblock %}