addItem.html

  
 {% extends 'base.html' %}

{% block header %}
<h1>{% block title %}Sell items{% endblock %}</h1>
{% endblock %}

{% block content %}
    <body>
        <header>
            <meta charset="utf-8">
            <title>Sell Item</title>
            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
        </header>
        <main>
            <form class="container-fluid" action="{{ url_for('views.add_item') }}" method="POST" enctype="multipart/form-data">
                <div class="container">
                    <div class="mb-3">
                        <label for="nItem" class="form-label">Item's name</label>
                        <input type="text" class="form-control" id="nItem" name="nItem">
                    </div>
                    <div class="mb-3">
                        <label for="description" class="form-label">Description</label>
                        <textarea class="form-control" id="description" name="description" maxlength="700"></textarea>
                    </div>
                    <div class="mb-3">
                        <label for="sPrice" class="form-label">Starting price</label>
                        <input type="number" class="form-control" id="sPrice" name="sPrice" min="0" max="100000000">
                    </div>
                    <div class="mb-3">
                        <label for="closing" class="form-label">Duration of auction in hours and minutes</label>
                        <input type="time" id="duration" name="duration" step="60">
                    </div>
                    <div class="mb-3">
                        <label for="image" class="form-label">Image (Please add image in .jpg format)</label>
                        <input type="file" class="form-control" id="image" name="image">                    
                    </div>
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </form>
        </main>
        <footer>

        </footer>
    </body>
</html>
{% endblock %}