updating mt-form more

This commit is contained in:
Chris Cochrun 2022-11-08 17:32:38 -06:00
parent 5f24fedf1f
commit dbfbe34e19
2 changed files with 399 additions and 295 deletions

View file

@ -32,79 +32,81 @@
</div>
</div>
<div id="mt-form" class="form text-lg">
<form action="" autocomplete="on" method="post" target="_parent" class="items-center flex flex-wrap">
<div id="mt-form" class="form text-lg w-full">
<form action="" autocomplete="on" method="post" target="_parent" class="w-full items-center flex flex-wrap">
<h3 class="basis-full">Mission Trip Application</h3>
<div class="basis-1/2">
<label for="firstname" class="">What is your first name?</label>
<div class="basis-full flex flex-wrap my-4">
<label for="firstname" class="basis-full">What is your first and last name?</label>
<br/>
<input type="text" id="firstname" name="firstname"
placeholder="First Name" class="form-input {{ $formClasses }}">
</div>
<div class="basis-1/2">
<label for="lastname" class="">What is your last name</label>
<br/>
placeholder="First Name" class="flex-1 form-input {{ $formClasses }}">
<input type="text" id="lastname" name="lastname"
placeholder="Last Name" class="form-input {{ $formClasses }}">
placeholder="Last Name" class="flex-1 form-input {{ $formClasses }}">
</div>
<div class="basis-1/2">
<label for="parentfirstname" class="">What is your parent's first name?</label>
<div class="basis-full flex flex-wrap my-4">
<label for="parentfirstname" class="basis-full">What is your parent's first and last name?</label>
<input type="text" id="parentfirstname" name="parentfirstname"
class="form-input {{ $formClasses }}">
</div>
<div class="basis-1/2">
<label for="parentlastname" class="">What is your parent's last name?</label>
class="flex-1 form-input {{ $formClasses }}"
placeholder="First Name">
<input type="text" id="parentlastname" name="parentlastname"
class="form-input {{ $formClasses }}">
class="flex-1 form-input {{ $formClasses }}"
placeholder="Last Name">
</div>
<div class="basis-1/2">
<label for="birthday" class="">When were you born?</label>
<input type="date" id="birthday" name="birthday"
class="form-date {{ $formClasses }}">
</div>
<div class="basis-1/2">
<label for="age" class="">Age</label>
<input type="number" id="age" name="age" class="form-input {{ $formClasses }}">
</div>
<div class="basis-1/2">
<label for="gender" class="">Gender</label>
<select id="gender" name="gender" class="form-select {{ $formClasses }}">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
</div>
<div class="basis-1/2"></div>
<div class="basis-1/2 mt-10">
<label for="street" class="">Street Address</label>
<input type="text" id="street" name="street" class="form-input {{ $formClasses }}">
</div>
<div class="basis-1/2">
<label for="city" class="basis-1/4">City</label>
<input type="text" id="city" name="city" class="basis-1/4 form-input {{ $formClasses }}">
</div>
<div class="basis-1/2">
<label for="state" class="basis-1/4">State</label>
<input type="text" id="state" name="state" class="basis-1/4 form-input {{ $formClasses }}">
</div>
<div class="basis-1/2 mb-10">
<label for="zip" class="basis-1/4">Zip Code</label>
<input type="text" id="zip" name="zip" class="basis-1/4 form-input {{ $formClasses }}">
</div>
<label for="image" class="">Please give us a picture you'd like to use on prayer cards.</label>
<input type="file" id="image" name="image" class="file:m-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-neutral-500 file:text-neutral-100 hover:file:bg-primary-300 hover:file:ring-offset-2 hover:file:ring-2 hover:file:ring-offset-transparent hover:file:text-primary-500 hover:file:ring-primary-500 ">
<br/>
<label for="cellphone" class="">Cell phone</label>
<input type="tel" id="cellphone" name="cellphone"
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" class="form-input {{ $formClasses }}">
<label for="homephone" class="">Home phone</label>
<input type="tel" id="homephone" name="homephone"
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" class="form-input {{ $formClasses }}">
<label for="email" class="">Email</label>
<input type="email" id="email" name="email"
<label for="parentemail" class="basis-full">What is your parent's email address?</label>
<input type="email" id="parentemail" name="parentemail"
pattern="^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$"
class="form-input {{ $formClasses }}">
<label for="school" class="">School</label>
<input type="text" id="school" name="school" class="form-input {{ $formClasses }}">
class="basis-full form-input {{ $formClasses }}">
<div class="basis-full my-8">
<div class="">
<label for="birthday" class="">When were you born?</label>
<input type="date" id="birthday" name="birthday"
class="form-date {{ $formClasses }}">
</div>
<div class="">
<label for="gender" class="">Gender</label>
<select id="gender" name="gender" class="form-select {{ $formClasses }}">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
</div>
</div>
<div class="basis-full flex flex-wrap">
<label for="street" class="basis-full">What is your address?</label>
<input type="text" id="street" name="street"
class="basis-full form-input {{ $formClasses }}"
placeholder="Street Address">
<input type="text" id="city" name="city"
class="flex-auto form-input {{ $formClasses }}"
placeholder="City">
<input type="text" id="state" name="state"
class="flex-auto form-input {{ $formClasses }}"
placeholder="State">
<input type="text" id="zip" name="zip"
class="flex-auto form-input {{ $formClasses }}"
placeholder="Zip Code">
</div>
<div class="basis-full flex flex-wrap items-center my-8">
<div class="flex-auto flex flex-wrap items-center">
<label for="cellphone" class="mr-4">Cell phone</label>
<input type="tel" id="cellphone" name="cellphone"
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
class="flex-auto form-input {{ $formClasses }}">
</div>
<div class="flex-auto flex flex-wrap items-center">
<label for="homephone" class="mr-4">Home phone</label>
<input type="tel" id="homephone" name="homephone"
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
class="flex-auto form-input {{ $formClasses }}">
</div>
<div class="flex-auto flex flex-wrap items-center">
<label for="email" class="mr-4">Email</label>
<input type="email" id="email" name="email"
pattern="^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$"
class="flex-auto form-input {{ $formClasses }}">
</div>
</div>
<label for="school" class="basis-full">What school do you go to?</label>
<input type="text" id="school" name="school" class="basis-full form-input {{ $formClasses }}">
<div class="basis-full">
<label for="grade" class="">Grade</label>
@ -112,31 +114,28 @@
<input type="radio" id="grade" name="grade" value="8" class="form-input {{ $formClasses }}">
<label for="grade" class="">8th</label>
<br/>
<input type="radio" id="grade" name="grade" value="freshman" class="form-input {{ $formClasses }}">
<input type="radio" id="grade" name="grade" value="freshman"
class="form-input {{ $formClasses }}">
<label for="grade" class="">Freshman</label>
<br/>
<input type="radio" id="grade" name="grade" value="sophomore" class="form-input {{ $formClasses }}">
<input type="radio" id="grade" name="grade" value="sophomore"
class="form-input {{ $formClasses }}">
<label for="grade" class="">Sophomore</label>
<br/>
<input type="radio" id="grade" name="grade" value="junior" class="form-input {{ $formClasses }}">
<input type="radio" id="grade" name="grade" value="junior"
class="form-input {{ $formClasses }}">
<label for="grade" class="">Junior</label>
<br/>
<input type="radio" id="grade" name="grade" value="senior" class="form-input {{ $formClasses }}">
<input type="radio" id="grade" name="grade" value="senior"
class="form-input {{ $formClasses }}">
<label for="grade" class="">Senior</label>
</div>
<label for="parentemail" class="">ParentEmail</label>
<input type="email" id="parentemail" name="parentemail"
pattern="^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$"
class="form-input {{ $formClasses }}">
<div class="basis-1/2">
<label for="pastorfirstname" class="">What is your pastor's first name?</label>
<div class="basis-full flex flex-wrap">
<label for="pastorfirstname" class="basis-full">What is your pastor's first and last name?</label>
<input type="text" id="pastorfirstname" name="pastorfirstname"
class="form-input {{ $formClasses }}">
</div>
<div class="basis-1/2">
<label for="pastorlastname" class="">What is your pastor's last name?</label>
class="flex-auto form-input {{ $formClasses }}">
<input type="text" id="pastorlastname" name="pastorlastname"
class="form-input {{ $formClasses }}">
class="flex-auto form-input {{ $formClasses }}">
</div>
<div class="basis-full">
<label for="churchattendance" class="">Do you attend church regularly?</label>
@ -166,6 +165,105 @@
<option value="colby">Colby</option>
</select>
</div>
<div class="basis-1/2">
<label for="shirt" class="">T-Shirt Size</label>
<select id="shirt" name="shirt" class="form-select {{ $formClasses }}">
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
<option value="xl">XL</option>
<option value="xxl">2XL</option>
<option value="xxxl">3XL</option>
</select>
</div>
<div class="basis-full my-12">
<label for="image" class="">
Please give us a picture you'd like to use on prayer cards.
</label>
<input type="file" id="image" name="image"
class="file:m-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-neutral-500 file:text-neutral-100 hover:file:bg-primary-300 hover:file:ring-offset-2 hover:file:ring-2 hover:file:ring-offset-transparent hover:file:text-primary-500 hover:file:ring-primary-500">
</div>
<div class="basis-full mt-10">
<label for="tripnotes" class="p-4">
Do you have any other notes for us regarding this trip?
</label>
<br/>
<textarea id="tripnotes" name="tripnotes"
class="form-input w-full h-64 {{ $formClasses }}"
placeholder="notes..."></textarea>
</div>
<div class="basis-full mt-10">
<label for="relationship-with-jesus" class="p-4">
Describe your relationship with the Lord this past year.
</label>
<br/>
<textarea id="relationship-with-jesus" name="relationship-with-jesus"
class="form-input w-full h-64 {{ $formClasses }}"
placeholder=""></textarea>
</div>
<div class="basis-full mt-10">
<label for="testimony" class="p-4">
Tell us how your relationship with Jesus began. (How you became a Christian)
</label>
<br/>
<textarea id="testimony" name="testimony"
class="form-input w-full h-64 {{ $formClasses }}"
placeholder=""></textarea>
</div>
<div class="basis-full mt-10">
<label for="involvement-with-group" class="p-4">
In the last year, how have you been involved in the ministry of TFC (or your church/youth group)? How do you benefit your group?
</label>
<br/>
<textarea id="involvement-with-group" name="involvement-with-group"
class="form-input w-full h-64 {{ $formClasses }}"
placeholder=""></textarea>
</div>
<div class="basis-full mt-10">
<label for="reasons-for-trip-choice" class="p-4">
Why did you choose the team you applied for as your first choice? (Please indicate if you are unable to a different a trip due to previous commitments.)
</label>
<br/>
<textarea id="reasons-for-trip-choice" name="reasons-for-trip-choice"
class="form-input w-full h-64 {{ $formClasses }}"
placeholder=""></textarea>
</div>
<div class="basis-full mt-10">
<label for="strengths" class="p-4">
The strengths and talents you would bring to this year's team are:
</label>
<br/>
<textarea id="strengths" name="strengths"
class="form-input w-full h-64 {{ $formClasses }}"
placeholder=""></textarea>
</div>
<div class="basis-full mt-10">
<label for="weaknesses" class="p-4">
Some negative traits that might effect my attitude are:
</label>
<br/>
<textarea id="weaknesses" name="weaknesses"
class="form-input w-full h-64 {{ $formClasses }}"
placeholder=""></textarea>
</div>
<div class="basis-full mt-10">
<label for="previous-trip-info" class="p-4">
If you were a part of a previous TFC Mission Trip team-tell us how the trip changed your life?
</label>
<br/>
<textarea id="previous-trip-info" name="previous-trip-info"
class="form-input w-full h-64 {{ $formClasses }}"
placeholder=""></textarea>
</div>
<div class="basis-full mt-10">
<label for="attitude-toward-work" class="p-4">
If we were to ask your parents/employer/or teachers about your attitudes towards work, what would they say?
</label>
<br/>
<textarea id="attitude-toward-work" name="attitude-toward-work"
class="form-input w-full h-64 {{ $formClasses }}"
placeholder=""></textarea>
</div>
</form>
</div>