WMGZON/templates/new_product.html

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

<div id="input-form-wrap">
    <h2>Create New Product</h2>
    <form class="input-form" method="POST" enctype="multipart/form-data">
        <div class="input-form-row">
            <input type="text" id="name" name="name" placeholder="Product Name" required>
            <input type="file" id="image" name="image" accept="image/x" required>
        </div>

        <textarea id="description" name="description" placeholder="Product Description" required></textarea>

        <select name="category" id="category">
            {% for category in categories %}
                <option value="{{category.id}}">{{category.name}}</option>
            {% endfor %}
        </select>

        <div class="input-form-row">
            <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>
        </div>
        <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>