{{ form_handle = (handle ?? form:handle) }}
<section id="form-{{ form_handle }}" class="w-full scroll-mt-28 md:scroll-mt-32">
    {{ form:create in="{{form_handle}}" redirect="#form-{form_handle}" error_redirect="#form-{form_handle}" }}
        {{ required_field_exists = false }}
        {{ if errors }}
            <ul
                class="mb-5 rounded border-2 border-alert-pink bg-alert-pink-light p-4 !pl-8 text-alert-red md:max-w-100"
            >
                {{ errors }}
                    <li>{{ value }}</li>
                {{ /errors }}
            </ul>
        {{ /if }}
        {{ if success }}
            <div
                class="mb-5 rounded border-2 border-alert-green-mid bg-alert-green-light p-4 text-alert-green md:max-w-100"
            >
                {{ trans:mwb.forms.submission.success }}
            </div>
        {{ /if }}
        {{ fields }}
            <div class="mb-5 flex w-full flex-col md:max-w-100">
                <label for="{{ handle }}" class="mb-2.5 font-bold">
                    {{ if validate | contains:required }}
                        {{ required_field_exists = true }}
                        <span class="font-bold text-red-500">*</span>
                    {{ /if }}
                    {{ display }}
                </label>
                {{ field }}
                {{ if error }}
                    <p class="text-red-500">{{ error }}</p>
                {{ /if }}
            </div>
        {{ /fields }}
        {{# Honeypot field which is hidden from regular users; if filled we know this is a bot #}}
        <input type="text" name="{{ honeypot }}" class="honeypot" />
        <span
            class="{{ background_color === '#004F59' ? 'translate-text-white-link' : 'translate-text-orange-link' }} mb-6.5 mt-4 inline-block text-copy-lg md:max-w-100"
        >
            {{ '{trans:mwb.forms.privacy_policy_text privacy_link="{default_pages:privacy_policy_page}"}' | markdown }}
        </span>
        <button class="btn-filled btn-orange" tabindex="0">{{ trans:mwb.forms.submit }}</button>
        {{ if required_field_exists }}
            <span class="mt-6.5 inline-block text-copy-lg md:max-w-100">
                {{ trans:mwb.forms.denotes_required }}
            </span>
        {{ /if }}
    {{ /form:create }}
</section>