30 lines
2.0 KiB
HTML
30 lines
2.0 KiB
HTML
<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="relative max-w-sm">
|
|
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
|
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
|
<path d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"/>
|
|
</svg>
|
|
</div>
|
|
<input datepicker datepicker-autohide datepicker-format="dd.mm.yyyy" name="date" type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Datum auswählen">
|
|
</div>
|
|
|
|
<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>
|