making mt-form work

This commit is contained in:
Chris Cochrun 2022-11-11 15:15:58 -06:00
parent d35be7285f
commit 1d26eba202
3 changed files with 65 additions and 168 deletions

View file

@ -12,7 +12,7 @@
data.append("age", age);
var xhr = new XMLHttpRequest();
xhr.open("POST", "https://n8n.tfcconnection.org/webhook-test/mt-application");
xhr.open("POST", "https://n8n.tfcconnection.org/webhook/mt-application");
xhr.send(data);
console.log(data);
console.log("Hallo!");
@ -157,28 +157,37 @@
<label for="grade" class="">Senior</label>
</div>
<div class="basis-full flex flex-wrap my-4">
<label for="pastorfirstname" class="basis-full">What is your pastor's first and last name?</label>
<label for="pastorfirstname" class="basis-full">What is your pastor's name and number?</label>
<input type="text" id="pastorfirstname" name="pastorfirstname"
class="flex-auto form-input {{ $formClasses }}"
placeholder="First Name">
<input type="text" id="pastorlastname" name="pastorlastname"
class="flex-auto form-input {{ $formClasses }}"
placeholder="Last Name">
<input type="text" id="pastorphone" name="pastorphone"
class="flex-auto form-input {{ $formClasses }}"
placeholder="Phone Number">
</div>
<div class="basis-full my-4">
<label for="churchattendance" class="">Do you attend church regularly?</label>
<br/>
<input type="radio" id="churchattendance" name="churchattendance"
value="yes" class="form-input {{ $formClasses }}" checked>
<label for="churchattendance" class="">Yes</label>
<br/>
<input type="radio" id="churchattendance" name="churchattendance"
value="no" class="form-input {{ $formClasses }}">
<label for="churchattendance" class="">No</label>
<br/>
<input type="radio" id="churchattendance" name="churchattendance"
value="other" class="form-input {{ $formClasses }}">
<label for="churchattendance" class="">Other</label>
<div class="basis-full my-4 flex flex-wrap items-center">
<label for="church" class="basis-full">What church do you attend?</label>
<input type="text" id="church" name="church"
class="basis-full form-input {{ $formClasses }}">
<label for="churchattendance" class="basis-full mt-8">Do you attend church regularly?</label>
<div class="basis-full flex flex-wrap items-center">
<input type="radio" id="churchattendance" name="churchattendance"
value="yes" class="flex-none form-input {{ $formClasses }}" checked>
<label for="churchattendance" class="flex-auto">Yes</label>
</div>
<div class="basis-full flex flex-wrap items-center">
<input type="radio" id="churchattendance" name="churchattendance"
value="no" class="flex-none form-input {{ $formClasses }}">
<label for="churchattendance" class="flex-auto">No</label>
</div>
<div class="basis-full flex flex-wrap items-center">
<input type="radio" id="churchattendance" name="churchattendance"
value="other" class="flex-none form-input {{ $formClasses }}">
<input type="text" class="flex-auto form-input {{ $formClasses }}" placeholder="Other">
</div>
</div>
<div class="basis-full flex flex-wrap my-4">
<div class="basis-1/2 flex flex-wrap items-center">
@ -304,6 +313,24 @@
class="form-input w-full h-64 {{ $formClasses }}"
placeholder=""></textarea>
</div>
<label for="registration" class="my-4 basis-full">
Would you like to pay the registration fee now or later?
</label>
<div class="basis-full">
<input type="radio" value="now" id="registration" name="registration"
class="form-input {{ $formClasses }}">
<label for="registration" class="">
Now - $25
</label>
</div>
<div class="basis-full">
<input type="radio" value="later" id="registration" name="registration"
class="form-input {{ $formClasses }}">
<label for="registration" class="">
Later - Send $25 to the TFC Office
</label>
</div>
<div class="basis-full">
<button type="submit" class="content-right rounded-lg bg-primary-700 h-12 w-24 focus:bg-primary-900 focus:ring focus:ring-primary-700 hover:bg-primary-900 float-right">Submit</button>
</div>