{% extends "base.html" %}

{% block content %}
<h1> Register Here! </h1>
<form method="POST">
    <div class="form-group">
        <label for="email"></label>
        <input 
            type="email" 
            class="form-control" 
            id="email"
            name="email"
            placeholder="Insert Email"
        />
        <label for="passwd_1"></label>
        <input 
            type="password" 
            class="form-control" 
            id="passwd_1"
            name="passwd_1"
            placeholder="Enter Password"
        />
        <label for="passwd_2"></label>
        <input 
            type="password" 
            class="form-control" 
            id="passwd_2"
            name="passwd_2"
            placeholder="Confirm Password"
        />
        <label for="firstname"></label>
        <input 
            type="text" 
            class="form-control" 
            id="firstname"
            name="firstname"
            placeholder="Insert First Name"
        />
        <label for="lasstname"></label>
        <input 
            type="text" 
            class="form-control" 
            id="lasstname"
            name="lastname"
            placeholder="Insert Last Name"
        />
        <label for="age"></label>
        <input 
            type="number" 
            class="form-control" 
            id="age"
            name="age"
            min="18"
            max="110"
            placeholder="Insert Your Age"
        />
        <label for="genderm" class="padding-top">Male</label>
        <input 
            type="radio" 
            class="form-control" 
            id="genderm"
            name="gender"
            value="M"
        />
        <label for="genderf" style="display: inline;">Female</label>
        <input 
            type="radio" 
            class="form-control" 
            id="genderf"
            name="gender"
            value="F"
        />
    </div>
    <br />
    <button type="submit" class="btn btn-primary">Submit</button>
</form>
{% endblock %}