adding mission trip form
This commit is contained in:
parent
3a884659fc
commit
6bf2c362ae
4 changed files with 511 additions and 71 deletions
|
|
@ -32,25 +32,25 @@ Teens For Christ Connection (TFC) is a rural ministry reaching out to the missio
|
|||
<!-- {{ pt(src="https://videos.tfcconnection.org/videos/embed/0e6378c4-bb58-4fb1-8edf-72b73efc5ad2") }} -->
|
||||
|
||||
<!-- ////////MT STUFF//////// -->
|
||||
<!-- <div class="flex flex-wrap items-center"> -->
|
||||
<!-- <span class="basis-full md:basis-3/4 items-center"> -->
|
||||
<!-- {{< typeit tag=h2 lifeLike=true >}} -->
|
||||
<!-- Mission Trip sign ups are here! -->
|
||||
<!-- {{< /typeit >}} -->
|
||||
<!-- </span> -->
|
||||
<div class="flex flex-wrap items-center">
|
||||
<span class="basis-full md:basis-3/4 items-center">
|
||||
{% typeit(tag="h2" lifeLike="true") %}
|
||||
Mission Trip sign ups are here!
|
||||
{% end %}
|
||||
</span>
|
||||
|
||||
<!-- <span class="grow"> -->
|
||||
<span class="grow">
|
||||
|
||||
<!-- <span class="basis-full md:basis-1/4 items-center mt-6"> -->
|
||||
<!-- {{< button href="/mt-form" >}} -->
|
||||
<!-- Fill out now! -->
|
||||
<!-- {{< /button >}} -->
|
||||
<!-- </span> -->
|
||||
<!-- </div> -->
|
||||
<span class="basis-full md:basis-1/4 items-center mt-6">
|
||||
{% button(href="/mt-form") %}
|
||||
Fill out now!
|
||||
{% end %}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- {{< spacing height=h-4 >}} -->
|
||||
{{ spacing(height="h-4") }}
|
||||
|
||||
<!-- > If you need to fill out a health form, please do so [here](/health-form). Also here you can fill out the [parent](/mt-parent-form), [teacher](/mt-teacher-form), [church-related](/mt-church-form) reference forms. -->
|
||||
> If you need to fill out a health form, please do so [here](/health-form). Also here you can fill out the [parent](/mt-parent-form), [teacher](/mt-teacher-form), [church-related](/mt-church-form) reference forms.
|
||||
|
||||
|
||||
## Our Vision
|
||||
|
|
|
|||
|
|
@ -10,27 +10,34 @@ template: "simple_page.html"
|
|||
|
||||
If you are looking for the reference forms they are here, [parent](/mt-parent-form), [teacher](/mt-teacher-form), and [church-related](/mt-church-form)! Please click the appropriate one for them! Here is the [health form](/mt-health-form)! Also, if you need to pay please go [here](/donate). Thank you!
|
||||
|
||||
## Mission Trip Options
|
||||
# Mission Trip Options
|
||||
This year we have three options for mission trip!
|
||||
|
||||
## SPLASH 3.0 - June 3-10 - Highschool only
|
||||
This trip is designed for students who are ready to be “sent out” as witnesses for Jesus Christ. Students applying for this trip should have reached a point in their relationship with Jesus where they want to be used by Jesus to help people be drawn into a relationship with Him. On this trip you might be sharing your testimony, involved in helping individuals understand the Word of God, and experience life on life ministry. You will learn what it is like to "be sent" by Jesus to draw people into a relationship with Him and it will challenge you to practice dependence on the Holy Spirit for direction and guidance. As a team we will learn how to follow Jesus as He opens our eyes to see the needs of people.
|
||||
|
||||
There will be no planned destination for this trip because we will follow the Holy Spirit to the places He wants us to serve during this time. This will be a stretch for many but will also be greatly rewarding as we learn to trust God to show us the needs of others! The team will include several TFC staff members, and we may end up traveling into the states bordering Kansas as we look for the places where Jesus wants us to serve Him. We will be self-contained including packing tools to work with and food for fixing our own meals, and we will either stay in churches or sleep in tents overnight. The trip will prepare team members to see how Jesus wants to use us in the world by meeting the needs of people and making disciples. As a team we will be provided opportunities to listen to the Holy Spirit’s leading as we pray and follow in obedience to where Jesus sends us.
|
||||
|
||||
- Estimated Support Goal of $700-$800
|
||||
|
||||
## Tulsa, Oklahoma - May 24-30 - 8th Grade and above
|
||||
This trip is designed for students who are ready for the challenge of leaving their personal desires behind as they follow Jesus and help meet the needs of others through the ministry of [Praying Pelican Missions in Tulsa, OK](https://www.ppm.org/mission-trips/tulsa-oklahoma). While Tulsa’s history as an oil boomtown is well-known, many are less aware that it was also once home to one of the most vibrant black communities in the U.S. prior to the Tulsa Race Massacre in 1921 when 10,000 Black people lost their homes, and an estimated 300 people died. It is considered by some to be “the single worst incident of racial violence in American history.” Now, just over 100 years later, we will be part of a renewed effort to heal deep wounds, come together as a community, and build up the local Church in Tulsa to reach across social, economic, racial, and spiritual divides. Our mission team will work alongside local church or ministry partners to meet real needs in the community and we will also have the opportunity to learn more about Tulsa’s deep history with diversity.
|
||||
## Tulsa, Oklahoma - May 23-29 - 8th Grade and above
|
||||
This trip is designed for students who are ready for the challenge of leaving their personal desires behind as they follow Jesus and help meet the needs of others through the ministry of [Praying Pelican Missions in Tulsa, OK](https://www.ppm.org/mission-trips/tulsa-oklahoma). While Tulsa’s history as an oil boomtown is well-known, many are less aware that it was also once home to one of the most vibrant black communities in the U.S. prior to the Tulsa Race Massacre in 1921 when 10,000 black people lost their homes, and an estimated 300 people died. It is considered by some to be “the single worst incident of racial violence in American history.” Now, just over 100 years later, we will be part of a renewed effort to heal deep wounds, come together as a community, and build up the local Church in Tulsa to reach across social, economic, racial, and spiritual divides. Our mission team will work alongside local church or ministry partners to meet real needs in the community, and we will also have the opportunity to learn more about Tulsa’s deep history with diversity.
|
||||
|
||||
- Estimated Support Goal of $800 - $900
|
||||
|
||||
## Cary Christian Center - May 28-June 9 - Highschool only
|
||||
This trip is designed for students who want a chance to leave their desires behind and serve others for the purpose of building up the Kingdom of God. Students will engage with the needs of people living in poverty in the Mississippi Delta as they work in partnership with Cary Christian Center in Cary, MS. Their focus is on coming alongside people to help break the cycle of poverty through relationships. Working with the Cary Christian Center we will assist them in meeting the physical needs of individuals in Cary and surrounding communities. Projects may involve painting, shingling, minor construction, or serving the needs of the Center itself. There is a possibility of also working with Serenity on the Bayou (Emmanuel Community Center) in Anguilla, MS. The work through "Serenity on the Bayou" will provide opportunities for "face-to-face" involvement with the children of the Delta region. Projects may involve teaching Bible classes, tutoring students with specific educational needs and planning activities for the area's children.
|
||||
## Rehoboth, New Mexico - May 27 - June 8 - Highschool only
|
||||
This trip is designed for students who are ready for the challenge of leaving their personal desires behind as they follow Jesus and help meet the needs of others. This southwestern experience will find us making our home base at the 119-year-old campus of [Rehoboth Christian School](https://www.rcsnm.org/), where we will work with and serve the people in the community, making a difference in the lives of a variety of people.
|
||||
|
||||
Requirements for this team are a willingness to die to self and serve even when the conditions make it hard to say “I’d be glad to.” You won’t be leaving the country on this trip but it will provide you with a great cross cultural experience and move you way outside of your comfort zone too! For more information about the Cary Christian Center check out [carychristiancenter.org](carychristiancenter.org) and for Serenity on the Bayou, check out [emmanuelcommunitycenter.org](emmanuelcommunitycenter.org).
|
||||
As a part of the Destination Rehoboth experience, we will volunteer at various locations in meaningful service projects both on and off Rehoboth’s campus. Off-campus opportunities might include helping at the local food shelter, assisting Rehoboth families in need with home repair projects, or serving at churches on the reservation. Campus needs might include painting and minor repairs, or landscaping.
|
||||
|
||||
- Estimated Support Goal of $900 - $1000
|
||||
Requirements for this team are a flexible attitude and a willingness to do hands-on labor. For more information about RCS and their current projects, check out their website at [rcsnm.org](https://www.rcsnm.org/) and their Facebook page - “Rehoboth Christian School.”
|
||||
|
||||
- Estimated Support Goal of $950 - $1000
|
||||
|
||||
## Puerto Escondido, Mexico - June 5 - June 14 - Highschool only
|
||||
This trip is designed for students who have a desire to be used by Jesus to draw others into a relationship with Him. They will be trained to go with the Gospel as His ambassadors. We will be working with the ministry of [Roca Blanca Mission Base](https://rocablanca.org/) near Puerto Escondido, Mexico. There are a variety of ways to serve this ministry, we might lead a VBS, work in their orphanage, assist with village ministry, work on building projects, or possibly help deliver food or clothing.
|
||||
|
||||
Requirements for this team are a willingness and desire to share the gospel of Jesus verbally, relationally, and through physical work. For more information about Roca Blanca Mission Base check out rocablanca.org.
|
||||
Please also read the special note about travel in Mexico below, and share with your parents as you consider this trip.
|
||||
|
||||
IMPORTANT NOTE: You must have a passport for this trip which will be an additional personal expense of approximately $135 including photo fee. Please allow for 6-8 weeks to apply or pay an additional $60 for 2–3-week expedition fee.
|
||||
|
||||
Dates may vary slightly due to flight schedules.
|
||||
|
||||
- Estimated Support Goal of $2200 - $2400
|
||||
|
||||
<!-- ## 1-2 Day Local Trip - TBD -->
|
||||
<!-- Formerly known as the SPLASH trip, this trip will be within 2 hours of the TFC office in Phillipsburg, KS and will be a 2 day trip where you can get a taste for a longer mission trip. If you don’t feel ready to go on a longer trip, or have scheduling conflicts with the other trips, this is the trip for you! You will still have the opportunity to serve and grow in your faith in Jesus. Click the button below to sign up for this trip! -->
|
||||
|
|
@ -39,7 +46,7 @@ Requirements for this team are a willingness to die to self and serve even when
|
|||
<!-- Local Trip -->
|
||||
<!-- {{< /button >}} -->
|
||||
|
||||
## Mission Trip Agreement
|
||||
# Mission Trip Agreement
|
||||
> In order to fill out the application, you must agree to the following!
|
||||
|
||||
- I agree to obey all rules and guidelines that TFC Connection and other associated ministries establish, realizing they have my best interest and welfare in mind. I will trust their judgment and obey them. **The staff have the right to confront me if they see a problem in my attitude or in my obeying the rules.**
|
||||
|
|
@ -47,4 +54,4 @@ Requirements for this team are a willingness to die to self and serve even when
|
|||
- I acknowledge that I am expected to do my share of the work on the mission trip and I will be willing to do what is asked of me with an "I'd be glad to" attitude.
|
||||
- **I will work at making this mission trip a priority!** Even if other events come up after I am accepted on a mission trip, I will commit to still go on this trip.
|
||||
|
||||
{{< mt-form >}}
|
||||
{{ mt_form() }}
|
||||
|
|
|
|||
|
|
@ -27,7 +27,9 @@
|
|||
--color-gray-700: oklch(37.3% 0.034 259.733);
|
||||
--color-gray-800: oklch(27.8% 0.033 256.848);
|
||||
--color-gray-900: oklch(21% 0.034 264.665);
|
||||
--color-neutral-50: oklch(98.5% 0 0);
|
||||
--color-neutral-100: oklch(97% 0 0);
|
||||
--color-neutral-300: oklch(87% 0 0);
|
||||
--color-neutral-500: oklch(55.6% 0 0);
|
||||
--color-black: #000;
|
||||
--color-white: #fff;
|
||||
|
|
@ -311,6 +313,9 @@
|
|||
.m-300 {
|
||||
margin: calc(var(--spacing) * 300);
|
||||
}
|
||||
.mx-2 {
|
||||
margin-inline: calc(var(--spacing) * 2);
|
||||
}
|
||||
.mx-8 {
|
||||
margin-inline: calc(var(--spacing) * 8);
|
||||
}
|
||||
|
|
@ -329,8 +334,8 @@
|
|||
.my-8 {
|
||||
margin-block: calc(var(--spacing) * 8);
|
||||
}
|
||||
.mt-0 {
|
||||
margin-top: calc(var(--spacing) * 0);
|
||||
.my-10 {
|
||||
margin-block: calc(var(--spacing) * 10);
|
||||
}
|
||||
.mt-2 {
|
||||
margin-top: calc(var(--spacing) * 2);
|
||||
|
|
@ -549,6 +554,9 @@
|
|||
.flex-auto {
|
||||
flex: auto;
|
||||
}
|
||||
.flex-initial {
|
||||
flex: 0 auto;
|
||||
}
|
||||
.flex-none {
|
||||
flex: none;
|
||||
}
|
||||
|
|
@ -558,6 +566,12 @@
|
|||
.grow {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.basis-1\/2 {
|
||||
flex-basis: calc(1/2 * 100%);
|
||||
}
|
||||
.basis-1\/3 {
|
||||
flex-basis: calc(1/3 * 100%);
|
||||
}
|
||||
.basis-full {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
|
@ -777,6 +791,9 @@
|
|||
.bg-indigo-500 {
|
||||
background-color: var(--color-indigo-500);
|
||||
}
|
||||
.bg-neutral-500 {
|
||||
background-color: var(--color-neutral-500);
|
||||
}
|
||||
.bg-white {
|
||||
background-color: var(--color-white);
|
||||
}
|
||||
|
|
@ -873,6 +890,9 @@
|
|||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.align-middle {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.align-sub {
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
|
@ -957,6 +977,9 @@
|
|||
.text-gray-900 {
|
||||
color: var(--color-gray-900);
|
||||
}
|
||||
.text-neutral-50 {
|
||||
color: var(--color-neutral-50);
|
||||
}
|
||||
.text-white {
|
||||
color: var(--color-white);
|
||||
}
|
||||
|
|
@ -985,6 +1008,11 @@
|
|||
color: var(--color-gray-900);
|
||||
}
|
||||
}
|
||||
.placeholder-neutral-300 {
|
||||
&::placeholder {
|
||||
color: var(--color-neutral-300);
|
||||
}
|
||||
}
|
||||
.opacity-0 {
|
||||
opacity: 0%;
|
||||
}
|
||||
|
|
@ -1173,6 +1201,11 @@
|
|||
color: var(--color-gray-900);
|
||||
}
|
||||
}
|
||||
.checked\:text-neutral-500 {
|
||||
&:checked {
|
||||
color: var(--color-neutral-500);
|
||||
}
|
||||
}
|
||||
.invalid\:text-\[\#F39\] {
|
||||
&:invalid {
|
||||
color: #F39;
|
||||
|
|
@ -1198,20 +1231,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.hover\:\!bg-blue-200 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-blue-200) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:\!bg-blue-300 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-blue-300) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:\!bg-blue-500 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
|
|
@ -1219,20 +1238,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.hover\:\!bg-blue-700 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-blue-700) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:bg-blue-900 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-blue-900);
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:bg-gray-200 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
|
|
@ -1275,6 +1280,13 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.hover\:bg-neutral-500 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-neutral-500);
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:text-3xl {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
|
|
@ -1357,11 +1369,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.focus\:bg-blue-900 {
|
||||
&:focus {
|
||||
background-color: var(--color-blue-900);
|
||||
}
|
||||
}
|
||||
.focus\:ring {
|
||||
&:focus {
|
||||
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
||||
|
|
@ -1379,11 +1386,6 @@
|
|||
--tw-ring-color: var(--color-blue-500);
|
||||
}
|
||||
}
|
||||
.focus\:ring-blue-700 {
|
||||
&:focus {
|
||||
--tw-ring-color: var(--color-blue-700);
|
||||
}
|
||||
}
|
||||
.focus\:ring-white {
|
||||
&:focus {
|
||||
--tw-ring-color: var(--color-white);
|
||||
|
|
@ -1559,6 +1561,11 @@
|
|||
margin-top: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
.md\:flex {
|
||||
@media (width >= 48rem) {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
.md\:h-72 {
|
||||
@media (width >= 48rem) {
|
||||
height: calc(var(--spacing) * 72);
|
||||
|
|
@ -1647,6 +1654,11 @@
|
|||
display: block;
|
||||
}
|
||||
}
|
||||
.lg\:flex {
|
||||
@media (width >= 64rem) {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
.lg\:hidden {
|
||||
@media (width >= 64rem) {
|
||||
display: none;
|
||||
|
|
@ -1657,6 +1669,16 @@
|
|||
height: calc(var(--spacing) * 72);
|
||||
}
|
||||
}
|
||||
.lg\:basis-1\/2 {
|
||||
@media (width >= 64rem) {
|
||||
flex-basis: calc(1/2 * 100%);
|
||||
}
|
||||
}
|
||||
.lg\:basis-1\/4 {
|
||||
@media (width >= 64rem) {
|
||||
flex-basis: calc(1/4 * 100%);
|
||||
}
|
||||
}
|
||||
.lg\:grid-cols-4 {
|
||||
@media (width >= 64rem) {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
|
|
|
|||
411
templates/shortcodes/mt_form.html
Normal file
411
templates/shortcodes/mt_form.html
Normal file
|
|
@ -0,0 +1,411 @@
|
|||
{% set formClasses = "bg-neutral-500 text-neutral-50 placeholder-neutral-300 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-neutral-500 checked:text-neutral-500" -%}
|
||||
{% set requiredField = "<span class='inline-block text-[#f39] text-sm align-super'>* required</span>" -%}
|
||||
|
||||
<script>
|
||||
function submitForm(e) {
|
||||
e.preventDefault();
|
||||
const form = document.getElementById('form');
|
||||
const data = new FormData(form);
|
||||
|
||||
console.log(data.get("birthdate"));
|
||||
const birthdate = new Date(data.get("birthdate"));
|
||||
const age = calculate_age(birthdate);
|
||||
data.append("age", age);
|
||||
|
||||
let base = "/api/mt-form";
|
||||
/* let base = "http://localhost:4242/mt-form"; */
|
||||
|
||||
fetch(base, {
|
||||
method: "POST",
|
||||
body: data
|
||||
}).then((res) => {
|
||||
console.log(res);
|
||||
if (res.ok) {
|
||||
var payment = document.getElementById('registration').value;
|
||||
window.location.href = '/mt-health-form?mtregistration=' + payment +
|
||||
"&firstName=" + data.get('firstname') +
|
||||
"&lastName=" + data.get('lastname') +
|
||||
"&parentFirstName=" + data.get('parentfirstname') +
|
||||
"&parentLastName=" + data.get('parentlastname') +
|
||||
"&birthdate=" + data.get('birthdate') +
|
||||
"&street=" + data.get('street') +
|
||||
"&city=" + data.get('city') +
|
||||
"&state=" + data.get('state') +
|
||||
"&zip=" + data.get('zip') +
|
||||
"&parentPhone=" + data.get('parentphone');
|
||||
console.log(res);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function calculate_age(dob) {
|
||||
var diff_ms = Date.now() - dob.getTime();
|
||||
var age_dt = new Date(diff_ms);
|
||||
|
||||
return Math.abs(age_dt.getUTCFullYear() - 1970);
|
||||
}
|
||||
|
||||
function process() {
|
||||
var studentAgree = document.getElementById("student-agree").checked;
|
||||
console.log(studentAgree);
|
||||
var parentAgree = document.getElementById("adult-agree").checked;
|
||||
console.log(parentAgree);
|
||||
if (studentAgree && parentAgree) {
|
||||
document.getElementById('mt-form').hidden = false
|
||||
console.log("WOOHOO");
|
||||
}
|
||||
else {
|
||||
document.getElementById('form').hidden = true
|
||||
document.getElementById('mt-form').hidden = true
|
||||
console.log("NEGATORY");
|
||||
}
|
||||
}
|
||||
document.addEventListener('DOMContentLoaded', process);
|
||||
</script>
|
||||
|
||||
<div class="m-4">
|
||||
<div class="p-2">
|
||||
<input type="checkbox" name="student-agree" id="student-agree"
|
||||
onclick="process()" class="form-checkbox {{ formClasses }}" />
|
||||
<label for="student-agree">I agree to the above</label>
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<input type="checkbox" name="adult-agree" id="adult-agree"
|
||||
onclick="process()" class="form-checkbox {{ formClasses }}" />
|
||||
<label for="adult-agree">Parent agrees to the above</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="mt-form" class="form text-lg w-full">
|
||||
<form id='form'
|
||||
hx-post="/api/mt-form"
|
||||
hx-encoding="multipart/form-data"
|
||||
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-full flex flex-wrap my-4">
|
||||
<label for="firstname" class="basis-full mx-2">What is your first and last name?
|
||||
<span class='inline-block text-[#f39] text-sm align-middle'>* required</span></label>
|
||||
<br/>
|
||||
<input type="text" id="firstname" name="firstname" required
|
||||
placeholder="First Name" class="flex-1 form-input {{ formClasses }}">
|
||||
<input type="text" id="lastname" name="lastname"
|
||||
placeholder="Last Name" class="flex-1 form-input {{ formClasses }}">
|
||||
</div>
|
||||
<div class="basis-full flex flex-wrap my-4">
|
||||
<label for="parentfirstname" class="basis-full mx-2">What is your parent's first and last name?
|
||||
<span class='inline-block text-[#f39] text-sm align-middle'>* required</span></label>
|
||||
|
||||
<input type="text" id="parentfirstname" name="parentfirstname"
|
||||
class="flex-1 form-input {{ formClasses }}"
|
||||
placeholder="First Name">
|
||||
<input type="text" id="parentlastname" name="parentlastname"
|
||||
class="flex-1 form-input {{ formClasses }}"
|
||||
placeholder="Last Name">
|
||||
</div>
|
||||
<div class="basis-full my-4 lg:flex md:flex">
|
||||
<div class="lg:basis-1/2">
|
||||
<label for="birthdate" class="">When were you born?</label>
|
||||
<input type="date" id="birthdate" name="birthdate"
|
||||
class="form-date {{ formClasses }}">
|
||||
</div>
|
||||
<div class="lg: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>
|
||||
<div class="basis-full flex flex-wrap my-4">
|
||||
<label for="street" class="basis-full mx-2">What is your address? <span class='inline-block text-[#f39] text-sm align-middle'>* required</span></label>
|
||||
<input type="text" id="street" name="street"
|
||||
class="basis-full form-input {{ formClasses }}"
|
||||
placeholder="Street Address" required>
|
||||
<input type="text" id="city" name="city"
|
||||
class="basis-full form-input {{ formClasses }}"
|
||||
placeholder="City" required>
|
||||
<input type="text" id="state" name="state"
|
||||
class="flex-auto form-input {{ formClasses }}"
|
||||
placeholder="State" required>
|
||||
<input type="text" id="zip" name="zip"
|
||||
class="flex-auto form-input {{ formClasses }}"
|
||||
placeholder="Zip Code" required>
|
||||
</div>
|
||||
<div class="lg:basis-1/2 basis-full flex flex-wrap items-center">
|
||||
<label for="cellphone" class="lg:basis-1/4 basis-full mr-4 ml-2">Cell phone</label>
|
||||
<input type="tel" id="cellphone" name="cellphone"
|
||||
class="flex-auto form-input {{ formClasses }}">
|
||||
</div>
|
||||
<div class="lg:basis-1/2 basis-full flex flex-wrap items-center">
|
||||
<label for="parentphone" class="lg:basis-1/4 basis-full mr-4 ml-2">Parent phone</label>
|
||||
<input type="tel" id="parentphone" name="parentphone"
|
||||
class="flex-auto form-input {{ formClasses }}">
|
||||
</div>
|
||||
<div class="lg:basis-1/2 basis-full flex flex-wrap items-center">
|
||||
<label for="email" class="lg:basis-1/4 basis-full mr-4 ml-2">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 class="lg:basis-1/2 basis-full flex flex-wrap items-center">
|
||||
<label for="parentemail" class="lg:basis-1/4 basis-full mr-4 ml-2">Parent's email?</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="flex-auto form-input {{ formClasses }}">
|
||||
</div>
|
||||
|
||||
<label for="school" class="basis-full mx-2 mt-12">What school do you go to?</label>
|
||||
<input type="text" id="school" name="school" class="basis-full form-input {{ formClasses }}">
|
||||
|
||||
<div class="basis-full my-4">
|
||||
<label for="grade" class=" mx-2">Grade</label>
|
||||
<br/>
|
||||
<input type="radio" id="grade" name="grade" value="8"
|
||||
class="form-input {{ formClasses }}" checked>
|
||||
<label for="grade" class="">8th</label>
|
||||
<br/>
|
||||
<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 }}">
|
||||
<label for="grade" class="">Sophomore</label>
|
||||
<br/>
|
||||
<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 }}">
|
||||
<label for="grade" class="">Senior</label>
|
||||
</div>
|
||||
<div class="basis-full flex flex-wrap my-4">
|
||||
<label for="pastorfirstname" class="basis-full mx-2">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="tel" id="pastorphone" name="pastorphone"
|
||||
class="flex-auto form-input {{ formClasses }}"
|
||||
placeholder="Phone Number">
|
||||
</div>
|
||||
<div class="basis-full my-4 flex flex-wrap items-center">
|
||||
<label for="church" class="basis-full mx-2">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 mx-2">Do you attend church regularly? <code id="layout" class="inline-block text-secondary-500">Regularly being 3 times a month</code></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" id="churchattendanceother" name="churchattendanceother"
|
||||
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">
|
||||
<label for="tfcgroup" class="flex-initial">TFC Group</label>
|
||||
<select id="tfcgroup" name="tfcgroup" class="flex-auto form-select {{ formClasses }}">
|
||||
<option value="Phillipsburg">Phillipsburg</option>
|
||||
<option value="Atwood">Atwood</option>
|
||||
<option value="Northern Valley">Northern Valley</option>
|
||||
<option value="Southern Valley">Southern Valley</option>
|
||||
<option value="Thunder Ridge">Thunder Ridge</option>
|
||||
<option value="Logan">Logan</option>
|
||||
<option value="Wakeeney">Wakeeney</option>
|
||||
<option value="Codell">Codell</option>
|
||||
<option value="Colby">Colby</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="basis-1/2 flex flex-wrap items-center">
|
||||
<label for="shirt" class="flex-initial">T-Shirt Size</label>
|
||||
<select id="shirt" name="shirt" class="flex-auto 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>
|
||||
<div class="basis-full my-4 mb-8 flex flex-wrap">
|
||||
<label for="image" class="basis-full mx-2">
|
||||
Please give us a picture you'd like to use on prayer cards.
|
||||
</label>
|
||||
<input type="file" id="image" name="image"
|
||||
class="file:my-4 file:ml-2 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>
|
||||
|
||||
<label class="basis-full mt-8 mx-2" for="trip">Please select the trip that you'd prefer to go on. We reserve the right to move you to another trip if we need to. If you cannot go on a trip for sure, please tell us why in the next question.</label>
|
||||
<select id="trip" name="trip" class="form-select {{ formClasses }} basis-full items-center mb-8">
|
||||
<option value="SPLASH">SPLASH</option>
|
||||
<option value="Tulsa">Tulsa, Oklahoma</option>
|
||||
<option value="Cary">Cary Christian Center</option>
|
||||
</select>
|
||||
<!-- <div class="flex-auto basis-1/3">
|
||||
<label for="trip-2" class="basis-1/2">Mexico</label>
|
||||
<select id="trip-2" name="trip-2" class="flex-auto basis-1/2 form-select {{ formClasses }}">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="X">X</option>
|
||||
</select>
|
||||
</div> -->
|
||||
|
||||
<div class="basis-full mt-10">
|
||||
<label for="tripnotes" class="p-4">
|
||||
Is there a trip you cannot go on due to scheduling conflicts? Or do you have any other things you'd wish to inform us about regarding a specific 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)?
|
||||
</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 let us know if you are unable to do any 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 my-10">
|
||||
<label for="attitude-torward-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-torward-work" name="attitude-torward-work"
|
||||
class="form-input w-full h-64 {{ formClasses }}"
|
||||
placeholder=""></textarea>
|
||||
</div>
|
||||
<div class="basis-full my-10">
|
||||
<label for="relevant-notes" class="p-4">
|
||||
Is there anything else you would like to tell us about yourself that might be relevant as we consider you for a mission trip?
|
||||
</label>
|
||||
<br/>
|
||||
<textarea id="relevant-notes" name="relevant-notes"
|
||||
class="form-input w-full h-64 {{ formClasses }}"
|
||||
placeholder=""></textarea>
|
||||
</div>
|
||||
<div class="basis-full my-10">
|
||||
<label for="final-agreement" class="px-2">
|
||||
I understand that in order for my application to be accepted I need to have this application, a health form, a picture, the $25 registration fee, and 3 reference forms all completed.
|
||||
</label>
|
||||
<div class="my-4">
|
||||
<input type="radio" value="yes" id="final-agreement" name="final-agreement"
|
||||
class="form-input {{ formClasses }}" required>
|
||||
<label for="final-agreement" class="mt-4">
|
||||
I understand
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<label for="registration" class="basis-full px-2">
|
||||
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 }}" checked>
|
||||
<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>
|
||||
<label for="health-form" class="basis-full px-2 mt-10">
|
||||
Would you like to fill out the health form before paying?
|
||||
</label>
|
||||
<div class="basis-full">
|
||||
<input type="radio" value="yes" id="registration" name="health-form"
|
||||
class="form-input {{ formClasses }}" checked>
|
||||
<label for="registration" class="">
|
||||
Yes
|
||||
</label>
|
||||
</div>
|
||||
<div class="basis-full">
|
||||
<input type="radio" value="no" id="registration" name="health-form"
|
||||
class="form-input {{ formClasses }}">
|
||||
<label for="registration" class="">
|
||||
No
|
||||
</label>
|
||||
</div>
|
||||
<div class="basis-full mt-8">
|
||||
<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>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue