wi-events/components/eventform/navigation.htm

20 lines
1.0 KiB
HTML

<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>