42 lines
2.2 KiB
HTML
42 lines
2.2 KiB
HTML
<div
|
|
class="relative mb-3"
|
|
data-te-datepicker-init
|
|
data-te-format="dd, mmm, yyyy"
|
|
data-te-input-wrapper-init>
|
|
<input
|
|
type="text"
|
|
class="peer block min-h-[auto] w-full rounded border-0 bg-transparent px-3 py-[0.32rem] leading-[1.6] outline-none transition-all duration-200 ease-linear focus:placeholder:opacity-100 peer-focus:text-primary data-[te-input-state-active]:placeholder:opacity-100 motion-reduce:transition-none dark:text-neutral-200 dark:placeholder:text-neutral-200 dark:peer-focus:text-primary [&:not([data-te-input-placeholder-active])]:placeholder:opacity-0"
|
|
placeholder="Select a date" />
|
|
<label
|
|
for="floatingInput"
|
|
class="pointer-events-none absolute left-3 top-0 mb-0 max-w-[90%] origin-[0_0] truncate pt-[0.37rem] leading-[1.6] text-neutral-500 transition-all duration-200 ease-out peer-focus:-translate-y-[0.9rem] peer-focus:scale-[0.8] peer-focus:text-primary peer-data-[te-input-state-active]:-translate-y-[0.9rem] peer-data-[te-input-state-active]:scale-[0.8] motion-reduce:transition-none dark:text-neutral-200 dark:peer-focus:text-primary"
|
|
>Select a date</label
|
|
>
|
|
</div>
|
|
|
|
|
|
<form data-request="anfrage::onSubmit" data-request-flash class="grid grid-cols-[max-content_1fr] gap-x-6 gap-y-2">
|
|
<span>Vorname</span>
|
|
<input type="text" name="firstname" class="border-gray-700 border-2" />
|
|
<span>Nachname</span>
|
|
<input type="text" name="lastname" class="border-gray-700 border-2" />
|
|
<span>Telefonnummer</span>
|
|
<input type="text" name="phone" class="border-gray-700 border-2" />
|
|
<span>E-Mail-Adressse</span>
|
|
<input type="text" name="email" class="border-gray-700 border-2" />
|
|
<span>Grund für die Feier</span>
|
|
<input type="text" name="reason" class="border-gray-700 border-2" />
|
|
<span>Wie viele Gäste werden erwartet</span>
|
|
<input type="text" name="guests" class="border-gray-700 border-2" />
|
|
<span>Was du sonst noch loswerden willst</span>
|
|
<textarea name="misc" rows="5" class="border-gray-700 border-2"></textarea>
|
|
<span>Gewünschtes Datum</span>
|
|
|
|
|
|
|
|
|
|
<div class="flex justify-center col-span-full">
|
|
<button class="py-3 px-6 rounded bg-gray-600 text-xl font-bold text-gray-300" type="submit">Absenden</button>
|
|
</div>
|
|
</form>
|