wi-events/components/eventform/navigation.htm

<div class="flex flex-col items-center space-y-4 md:space-y-0 md:flex-row mt-10 justify-start md:justify-evenly">
    {% if not first %}
    <div class="bg-primary hover:bg-emerald-600 px-4 py-2 shadow text-teal-200 leading-none cursor-pointer rounded-lg" @click.prevent="slideTo($event, active - 1)">
        Zurück
    </div>
    {% endif %}
    {% if not last %}
    <div class="bg-primary hover:bg-emerald-600 px-4 py-2 shadow text-teal-200 leading-none  cursor-pointer rounded-lg" @click.prevent="slideTo($event, active + 1)">
        Weiter
    </div>
    {% else %}
        <button type="submit" class="relative flex items-center bg-primary hover:bg-emerald-600 px-8 py-2 shadow text-teal-200 leading-none cursor-pointer rounded-lg">
            <div x-show="loading" class="absolute left-1">
                <div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div></div></div>
            </div>
            {% if p %} Anmeldung aktualisieren {% else %} Anmeldung absenden {% endif %}
        </button>
    {% endif %}
</div>