<div class="context-main-bg container py-4 my-4">
    <h2 class="text-center mb-4">Contact Us</h2>
    <div class="col-lg-6 offset-md-3">
        <p>
            Here at <strong>{SITENAME}</strong>, we highly value your feedback. We constantly strive to provide our users with the highest level of quality in everything we do.
        </p>
        <p>
            If you would like to provide any suggestions or comments on our service, we ask that you please fill out the quick form below and let us know what's on your mind.
        </p>
    </div>
    <form action="" method="post">
        <!-- Name -->
        <div class="mb-3 row">
            <label for="name" class="col-lg-3 col-form-label text-end">Name:</label>
            <div class="col-lg-6">
                <input type="text" class="form-control" name="name" id="name" required>
            </div>
        </div>

        <!-- Email (Optional) -->
        <div class="mb-3 row">
            <label for="contactEmail" class="col-lg-3 col-form-label text-end">E-mail: (optional)</label>
            <div class="col-lg-6">
                <input type="email" class="form-control" name="contactEmail" id="contactEmail">
            </div>
        </div>

        <!-- Feedback -->
        <div class="mb-3 row">
            <label for="entry" class="col-lg-3 col-form-label text-end">Feedback:</label>
            <div class="col-lg-6">
                <textarea class="form-control" name="entry" id="entry" 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-primary btn-lg">Submit</button>
        </div>
    </form>
</div>
