<form-template> <fields> <field type="header" subtype="h2" label="Questions for your trip"/> <field type="header" subtype="h2" label="Full name"/> <field type="text" required="true" label="First name" name="first-name" subtype="text" className="form-control"/> <field type="text" required="true" label="Last name" name="last-name" subtype="text" className="form-control"/> <field required="true" type="text" label="Email" name="email" subtype="text" className="form-control"/> <field type="header" subtype="h1" label="General Trip Info"/> <field type="text" required="true" label="Where would you like to go?" description="If you're not sure just give me a few destinations you're considering." placeholder="ex: Tahiti" name="destination" subtype="text" className="form-control"/> <field type="date" required="true" label="When would you like to depart?" description="This just gives me a general idea of when you like to go; it can be changed later." name="starting-at" className="form-control"/> <field type="date" required="true" label="When would you like to return?" description="This just gives me a general idea of when you like to return; it can be changed later." name="ending-at" className="form-control"/> <field type="checkbox-group" required="true" label="Are your dates flexible?" inline="true" name="dates-flexible" other="true"> <option label="Yes" value="yes">Yes</option> <option label="No" value="no">No</option> </field> <field type="text" required="true" label="What is your departure city?" description="Where will you be flying from?" name="departure-city" subtype="text" className="form-control"/> <field type="number" required="true" label="How many travelers?" name="number-of-travelers" min="1" max="99" className="form-control"/> <field type="text" label="Are you celebrating a special occasion?" description="Like a honeymoon anniversary birthday, milestone, etc." name="are-you-celebrating-a-special-occasion" subtype="text" className="form-control"/> <field type="radio-group" required="true" label="What is your budget for all travelers not including flights? Essentially for accommodations and activities?" description="This just gives me a general starting point and can always be changed later." name="budget" other="true"> <option label="$1,500 to $2,500" value="1500-2500">$1,500 to $2,500</option> <option label="$2,500 to $4,500" value="2500-4500">$2,500 to $4,500</option> <option label="$4,500 to $6,500" value="4500-6500">$4,500 to $6,500</option> <option label="$6,500 to $8,500" value="6500-8500">$6,500 to $8,500</option> <option label="$8,500 to $10,000" value="8500-10000">$8,500 to $10,000</option> <option label="$10,000+" value="10000">$10,000+</option> </field> <field type="header" subtype="h1" label="Flights"/> <field type="radio-group" required="true" label="Will You Need Help with flights?" description="Do you want me to book flights for you or will you be booking your own flights?" name="will-you-need-help-with-flights"> <option label="Yes" value="yes">Yes</option> <option label="No" value="no">No</option> </field> <field type="radio-group" required="true" label="If yes, what class seats do you prefer?" description="i.e. Economy Premium Economy Business, First" inline="true" name="if-yes-what-class-seats-do-you-prefer"> <option label="Economy" value="economy">Economy</option> <option label="Premium Economy (if available)" value="premium-economy-if-available">Premium Economy (if available)</option> <option label="Business" value="business">Business</option> <option label="First Class" value="first-class">First Class</option> <option label="N/A" value="na">N/A</option> </field> <field type="select" required="true" label="What seats do you prefer?&nbsp;Press "shift" to select more than one" name="what-seats-do-you-prefer-press-shift-to-select-more-than-one" multiple="true" className="form-control"> <option label="Aisle" value="aisle" selected="true">Aisle</option> <option label="Middle" value="middle">Middle</option> <option label="Window" value="window">Window</option> <option label="n/a" value="na">n/a</option> </field> <field type="text" label="Do you have a preferred airline?" name="do-you-have-a-preferred-airline" subtype="text" className="form-control"/> <field type="header" subtype="h1" label="Guided Tours and Activities"/> <field type="radio-group" required="true" label="Are you interested in looking at potential activities/experiences or just wanting help with hotel reservations?" description="This may include private guided tours small group tours and any activities that may include sight-seeing" name="are-you-interested-in-looking-at-potential-activitiesexperiences-or-just-wanting-help-with-hotel-reservations"> <option label="Yes, I'm open to seeing what's available" value="yes-im-open-to-seeing-whats-available">Yes, I'm open to seeing what's available</option> <option label="No, I just need help with hotels" value="no-i-just-need-help-with-hotels">No, I just need help with hotels</option> </field> <field type="radio-group" required="true" label="For guided tours and activities, what preferences do you have?" name="for-guided-tours-and-activities-what-preferences-do-you-have"> <option label="I'm OK paying more for a private experience" value="im-ok-paying-more-for-a-private-experience">I'm OK paying more for a private experience</option> <option label="I'm OK with small groups" value="im-ok-with-small-groups">I'm OK with small groups</option> <option label="I'm open to both depending on the situation" value="im-open-to-both-depending-on-the-situation">I'm open to both depending on the situation</option> <option label="Don't want guided tours/activities" value="dont-want-guided-toursactivities">Don't want guided tours/activities</option> </field> <field type="checkbox-group" required="true" label="What activities are you interested in? If none, check "other"" description="Check all that apply" name="activity-preferences" other="true"> <option label="Sightseeing" value="sightseeing">Sightseeing</option> <option label="History / Museums" value="history-museums">History / Museums</option> <option label="Food and Wine" value="food-and-wine">Food and Wine</option> <option label="Arts and theater" value="art-theater">Arts and theater</option> <option label="Off the beaten path" value="off-the-beaten-path">Off the beaten path</option> <option label="Cultural Heritage / Family History" value="cultural-heritage-family-history">Cultural Heritage / Family History</option> <option label="Adventure activities" value="adventure">Adventure activities</option> <option label="Nightlife" value="nightlife">Nightlife</option> <option label="Golf" value="golf">Golf</option> <option label="Beach and water" value="beach-water">Beach and water</option> <option label="Scuba" value="scuba">Scuba</option> <option label="Gambling" value="gambling">Gambling</option> </field> <field type="header" subtype="h1" label="Hotels &amp; Accommodation"/> <field type="text" required="true" label="Is there a specific hotel group or brand that you really love?" description="If not enter n/a" name="is-there-a-specific-hotel-group-or-brand-that-you-really-love" subtype="text" className="form-control"/> <field type="radio-group" required="true" label="What best describes your hotel preference? I'll try my best to find what you're looking for given your budget." name="hotel-preference" other="true"> <option label="Clean but nothing fancy (3 star)" value="clean-but-nothing-fancy-3-star">Clean but nothing fancy (3 star)</option> <option label="Moderate--something nice but not 5 star (4 star)" value="moderatesomething-nice-but-not-5-star-4-star">Moderate--something nice but not 5 star (4 star)</option> <option label="Luxury (5 star)" value="luxury-5-star">Luxury (5 star)</option> <option label="Boutique (4 star or 5 star)" value="boutique-4-star-or-5-star">Boutique (4 star or 5 star)</option> <option label="Apartment or Home rental" value="apartment-or-home-rental">Apartment or Home rental</option> </field> <field type="checkbox-group" required="true" label="What kind of vibe are you looking for?" description="Check all that apply." name="vibe-preference" other="true"> <option label="Romantic" value="romantic">Romantic</option> <option label="Rest and relaxation" value="rest-and-relaxation">Rest and relaxation</option> <option label="Modern decor" value="modern-decor">Modern decor</option> <option label="Classic / traditional decor" value="classic-traditional-decor">Classic / traditional decor</option> <option label="Off the beaten path" value="off-the-beaten-path">Off the beaten path</option> <option label="Centrally located" value="centrally-located">Centrally located</option> <option label="Family friendly" value="family-friendly">Family friendly</option> </field> <field type="radio-group" required="true" label="Bed Preferences" name="bed-preferences" other="true"> <option label="I need a King Bed" value="i-need-a-king-bed">I need a King Bed</option> <option label="I'm OK with a Queen Bed" value="im-ok-with-a-queen-bed">I'm OK with a Queen Bed</option> <option label="I prefer two beds" value="i-prefer-two-beds">I prefer two beds</option> <option label="I'm ok with whatever is available" value="im-ok-with-whatever-is-available">I'm ok with whatever is available</option> </field> <field type="header" subtype="h1" label="Transportation"/> <field type="radio-group" label="Will you be needing airport transfers?" description="This entail hiring a private driver with private car" name="will-you-be-needing-airport-transfers" other="true"> <option label="Yes, please quote roundtrip" value="yes-please-quote-roundtrip">Yes, please quote roundtrip</option> <option label="Yes, just need one way" value="yes-just-need-one-way">Yes, just need one way</option> <option label="No, I'll take a taxi or public transport" value="no-ill-take-a-taxi-or-public-transport">No, I'll take a taxi or public transport</option> </field> <field type="radio-group" label="Will you be needing help with a car rental?" name="will-you-be-needing-help-with-a-car-rental" other="true"> <option label="Yes please send me a quote" value="yes-please-send-me-a-quote">Yes please send me a quote</option> <option label="Yes but I'll book it myself" value="yes-but-ill-book-it-myself">Yes but I'll book it myself</option> <option label="No, I prefer private or public transportation" value="no-i-prefer-private-or-public-transportation">No, I prefer private or public transportation</option> </field> <field type="text" label="Anything you absolutely must do or see?" name="must-dos" subtype="text" className="form-control"/> <field type="textarea" label="What else would you like me to know?" description="What else would you like me to know about your travelers budget and/or travel preferences?" name="notes" subtype="textarea" className="form-control"/> </fields> </form-template>
submit form