<link rel="stylesheet" href="{{ url_for('static', filename='css/forms.css') }}" />

<div id="form-wrapper">
    <h2>Sign Up</h2>
    <form class="input-form" action="{{ url_for('main.users.signup') }}" method="POST">
        <div class="form-row">
            <input type="text" id="firstname" name="firstname" placeholder="First Name" required>
            <input type="text" id="lastname" name="lastname" placeholder="Last Name" required>
        </div>

        <div class="form-row">
            <input type="text" id="username" name="username" placeholder="Username" required>
            <input type="email" id="email" name="email" placeholder="Email Address" required>
        </div>

        <div class="form-row">
            <input type="password" id="password" name="password" minlength=8 placeholder="Password" required>
        </div>

        <label class="checkbox">Signup as a Seller?
            <input type="checkbox" id="seller" name="seller"/>
            <span class="checkmark"></span>
        </label>

        <div class="form-row">
            <input type="submit" id="Sign Up" value="Sign Up">
        </div>
    </form>
    
    <div id="form-footer">
        <p>Already have an account? <a href="{{ url_for('main.users.display_login') }}">Login</a><p>
    </div>
</div>