update.html

{% extends 'base.html' %}

{% block header %}
  <h1>{% block title %}Update an Item{% endblock %}</h1>
{% endblock %}

{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-md-6 offset-md-3">
                <div class="card p-4">
                    <h3 class="text-center mb-4">Update Item</h3>

                    <form method="post" id="delete-form" action="{{ url_for('items.delete', id=item.id) }}"></form>
                    <form method="post" id="update-form" action="{{ url_for('items.update', id=item.id) }}">
                        <div class="form-group">
                            <label for="title">Title</label>
                            <input type="text" name="title" id="title" class="form-control" value="{{item.title}}">
                        </div>
                        <div class="form-group">
                            <label for="description">Description</label>
                            <textarea name="description" id="description" class="form-control">{{item.description}}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="starting_price">Starting Price</label>
                            <input type="number" name="starting_bid" readonly id="starting_bid" min="0" class="form-control" value={{item.starting_bid}}>
                        </div>
                        <div class="form-group">
                            <div class="d-flex justify-content-end">
                                <button name="action" value="update" class="btn btn-primary border-dark">Update listing</button>
                                <button name="action" form="delete-form" value="delete" class="btn btn-danger" onclick="return confirm('Are you sure?');">Delete</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}