<div class="mb-4 mt-4">
    <div class="offset-md-1 col-10 py-3 context-main-bg">
        <legend class="text-center">Edit Suggestion</legend>
        <hr>
        <form action="" method="post" class="container py-4">
            <fieldset>
                <div class="mb-3 row">
                    <label for="title" class="col-lg-5 col-form-label text-end">Title</label>
                    <div class="col-lg-3">
                        <input type="text" class="form-control" name="title" id="title" value="{title}" required>
                    </div>
                </div>
                <div class="mb-3 row">
                    <label for="approved" class="col-lg-5 col-form-label text-end">Approved</label>
                    <div class="col-lg-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="approved" value="true" name="approved">
                        </div>
                    </div>
                </div>
                <div class="mb-3 row">
                    <label for="suggestion" class="col-lg-5 col-form-label text-end">Suggestion:</label>
                    <div class="col-lg-3">
                        <textarea class="form-control" name="suggestion" maxlength="2000" rows="5" cols="50" id="suggestion">{suggestion}</textarea>
                    </div>
                </div>

                <!-- Hidden Token -->
                <input type="hidden" name="token" value="{TOKEN}">

                <!-- Submit Button -->
                <div class="text-center">
                    <button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg">Save</button>
                </div>
            </fieldset>
        </form>
    </div>
</div>