[[!FormIt?
   &hooks=`email,spam,FormItSaveForm,redirect,recaptchav3`
   &emailTpl=`contactFormEmail`
   &emailTo=`chartersales@cruisechicago.com, webmaster@pointbcommunications.com.test-google-a.com`
   &emailFrom=`chartersalesFrom@cruisechicago.com`
   &emailSubject=`From Submission from the [[*pagetitle]] page from [[+first_name]]`
   &redirectTo=`43`
	&validate=`first_name:required,
		phone:required:minLength=^10^,
		last_name:required,
		email:email,
		dontFill:blank`

		&first_name.vTextRequired=`First Name is Required.`
		&phone.vTextRequired=`Phone Number is Required.`
		&last_name.vTextRequired=`Last Name is Required.`
		&email.vTextEmailInvalid=`the email address is not valid`
		&phone.vTextMinLength=`your phone number is not valid. Include a 10 digit phone number`
]]


				<form class="interiorContactForm" action="[[~[[*id]]]]" method="post" enctype="multipart/form-data">
		
				[[!+fi.validation_error_message:notempty=`<p class="errorWrap"><strong>Your form submission didn't go through because: [[!+fi.error.email]] [[!+fi.error.first_name]] [[!+fi.error.phone]] [[!+fi.error.last_name]]<br></strong> <span class="closeWrap"></span></p>`]]
					
					<div class="formFieldGroup-half">
						
						<label>First Name *</label>
						
						<input type="text" placeholder="Jane" name="first_name" id="first_name" value="[[!+fi.first_name]]"/>
					
					</div><!-- close formFieldGroup -->
					
					<div class="formFieldGroup-half">
						
						<label>Last Name *</label>
					
						<input type="text" placeholder="Smith" name="last_name" id="last_name" value="[[!+fi.last_name]]" />
					
					</div><!-- close formFieldGroup -->
					
					<div class="formFieldGroup-half">
						
						<label>Phone *</label>
					
						<input type="text" placeholder="123-123-1234" name="phone" id="phone" value="[[!+phone]]" />
						
					</div><!-- close formFieldGroup -->

					<div class="formFieldGroup-half">
						
						<label>Email *</label>
					
						<input type="text" placeholder="email@gmail.com" name="email" id="email" value="[[!+email]]" />
						
					</div><!-- close formFieldGroup -->
						
						
					<div id="fields-interestedIn" class="formFieldGroup-full">
						
						<label class="headingLabel">Interested In:</label> 
						
						<label class="checkBoxWrap" for="fields-interestedIn-1"><input type="checkbox"  name="interestedIn1" value="weddingEvents" [[!+fi.color:FormItIsChecked=`Wedding Events`]]><span>Wedding Events</span></label>
						<label class="checkBoxWrap" for="fields-interestedIn-2"><input type="checkbox"  name="interestedIn2" value="corporateEvents" [[!+fi.color:FormItIsChecked=`Corporate Events`]]><span>Corporate Events</span></label>
						<label class="checkBoxWrap" for="fields-interestedIn-3"><input type="checkbox"  name="interestedIn3" value="socialEvents" [[!+fi.color:FormItIsChecked=`Social Events`]]><span>Social Events</span></label>
						<label class="checkBoxWrap" for="fields-interestedIn-4"><input type="checkbox"  name="interestedIn4" value="architectureCruises" [[!+fi.color:FormItIsChecked=`Architecture Cruises`]]><span>Architecture Cruises</span></label>
						<label class="checkBoxWrap" for="fields-interestedIn-5"><input type="checkbox"  name="interestedIn5" value="careersWithChicagosFirstLady" [[!+fi.color:FormItIsChecked=`Careers With Chicagos FirstLady`]]><span>Careers with Chicago’s First Lady</span></label>
					</div>						
						
					<div class="formFieldGroup-half">
						
						<label>Dates of Interest</label>
					
						<input type="text" placeholder="May 2 - 5" name="datesofinterest" id="datesofinterest" value="[[!+datesofinterest]]" />
						
					</div><!-- close formFieldGroup -->

					<div class="formFieldGroup-half">
						
						<label>Number of Guests</label>
					
						<input type="text" placeholder="100" name="numberofguests" id="numberofguests" value="[[!+numberofguests]]" />
						
					</div><!-- close formFieldGroup -->						

					<div class="formFieldGroup-full">
						
						<label>How did you hear about us</label>
					
						<input type="text" placeholder="Trip Advisor" name="howdidyouhearaboutus" id="howdidyouhearaboutus" value="[[!+howdidyouhearaboutus]]" />
						
					</div><!-- close formFieldGroup -->		
						

					<div class="formFieldGroup-full">
						
						<label>Message</label>
					
						<textarea placeholder="Optional message or questions can go here" name="message" id="message" value="[[!+message]]"></textarea>
					
					</div><!-- close formFieldGroup -->
					
					<div class="formFieldGroup-full">
						
						<input type="text" style="display:none;"  placeholder="home address" name="dontFill" id="dontFill" class="dontFill" />

					
						<input type="submit" placeholder="Send Message" value="Send Message"/>
					
					</div><!-- close formFieldGroup -->

<div class="form-row">
							  [[!recaptchav3_render]]
							  [[!+fi.error.recaptchav3_error]]
						  </div>
					
				</form>