<div id="login-form-wrap">
    <h2>Sign Up</h2>
    <form class="login-form" method="POST" enctype="multipart/form-data">
        <input type="text" id="name" name="name" placeholder="Product Name" required>
        <input type="textarea" id="description" name="description" placeholder="Product Description" required>
        <input type="file" id="image" name="image" accept="image/x" required>
        <select name="category" id="category">
            {% for category in categories %}
                <option value="{{category.id}}">{{category.name}}</option>
            {% endfor %}
        </select>
        <input type="number" id="cost" name="cost" placeholder=10.99 min=0 step=any required>
        <input type="number" id="quantity" name="quantity" placeholder=0 min=0 required>
        <input type="submit" id="Create Product" value="Create Product">
    </form>
    
    <div id="create-account-wrap">
        <p>Want to view all of your products? <a href="">Click Here</a><p>
    </div>
</div>