<div class="context-main-bg container py-4 mt-4">
    <h2 class="text-center mb-4">Make a suggestion</h2>
    <p class="col-lg-6 offset-md-3">
        I can't be expected to come up with all the great ideas around here. Feel free to make a suggestion here. Some suggestions will be approved for the community to comment on!
    </p>
    <form action="" method="post">
        <!-- Title -->
        <div class="my-3 row">
            <label for="title" class="col-lg-3 col-form-label text-end">Title:</label>
            <div class="col-lg-6">
                <input type="text" class="form-control" name="title" id="title" required>
            </div>
        </div>

        <!-- Feedback -->
        <div class="mb-3 row">
            <label for="suggestion" class="col-lg-3 col-form-label text-end">Suggestion:</label>
            <div class="col-lg-6">
                <textarea class="form-control" name="suggestion" id="suggestion" rows="6" maxlength="2000" required></textarea>
                <small class="form-text text-muted">Max: 2000 characters</small>
            </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-lg atb-green-bg">Submit</button>
        </div>
    </form>
</div>
