<cfset newtitle = "Contact Experience">
<cfinclude template="/header.cfm">

	

		<!-- Content
		============================================= -->
		<section id="content">
			<div class="content-wrap" style="overflow: visible;">

				<!-- Wave Shape Divider
				============================================= -->
				<div class="wave-bottom" style="position: absolute; top: -12px; left: 0; width: 100%; background-image: url('demos/course/images/wave-3.svg'); height: 12px; z-index: 2; background-repeat: repeat-x; transform: rotate(180deg);"></div>

				<div class="container">

					<div class="heading-block border-bottom-0 my-4 text-center">
						<h1><Cfoutput>Contact Experiences</Cfoutput></h1>
						<br>


<cfif StructKeyExists(FORM, "selectedExperiences") AND Len(Trim(FORM.selectedExperiences))>
    <cfset selectedExperiences = ListToArray(FORM.selectedExperiences)>
    
  <!--- Here you can iterate over selectedExperiences to do whatever you need with the IDs --->
    <cfloop array="#selectedExperiences#" index="i">
        <cfquery name="Gete" datasource="#ds#">
    select * from familyfun_experiences
    where id = #i#
</cfquery>
     <cfoutput>#gete.full_name#</cfoutput> | 
    </cfloop>
</cfif>


				<br><center>
				<br>
				<div style="Text-align:left;max-width:600px">
	<cfif StructKeyExists(FORM, "selectedExperiences") AND Len(Trim(FORM.selectedExperiences))>
    <cfset selectedExperiences = ListToArray(FORM.selectedExperiences)>
    
    <form action="experiences-send2.cfm" method="post" id="contactForm">
        <!-- hidden field to store selected experiences -->
        <cfloop array="#selectedExperiences#" index="i">
            <input type="hidden" name="selectedExperienceIDs" value="#i#">
        </cfloop>

        <div class="form-group">
            <label for="groupName">Name of Group</label>
            <input type="text" id="groupName" name="groupName" class="form-control" required >
        </div>

        <div class="form-group">
            <label for="contactName">Contact Name</label>
            <input type="text" id="contactName" name="contactName" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="numKids">Number of Kids</label>
            <input type="number" id="numKids" name="numKids" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="ageRange">Age Range of Kids</label>
            <input type="text" id="ageRange" name="ageRange" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="visitDates">Preferred Visit Dates</label>
            <input type="date" id="visitDates" name="visitDates" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="email">Contact Email</label>
            <input type="email" id="email" name="email" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="phone">Contact Mobile</label>
            <input type="tel" id="phone" name="phone" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="visitDateTime">Preferred Visit Date and Time</label>
            <input type="datetime-local" id="visitDateTime" name="visitDateTime" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="additionalInfo">Additional Info</label>
            <textarea id="additionalInfo" name="additionalInfo" class="form-control" rows="3"></textarea>
        </div>

        <button type="submit" class="btn btn-primary">Submit</button>
    </form>
</cfif>
</div></center>



					</div>




			</div>
		</section><!-- #content end -->


<cfinclude template="/footer.cfm">