﻿
					<form method="post" action="?step=1" target="_blank">
						
						<div class="row">
						
							<div class="panel panel-primary">
						
								<div class="panel-heading" style="color:#FFF;background:#0C018A;">Participant informations</div>
								<div class="panel-body">
								
									<div class="col-md-12">
									
										<label class="radio-inline">
										  <input type="radio" id="member" name="member" value="IOA Member" required="required">IOA Member *
										</label>
										<label class="radio-inline">
										  <input type="radio" id="member" name="member" value="Non - Member" required="required">Non - Member *
										</label>
										
									</div>
									<br>
									<br>
									<div class="col-md-12">
									
										Student *
										<label class="radio-inline">
										  <input type="radio" id="student" name="student" value="No" required="required">No
										</label>
										<label class="radio-inline">
										  <input type="radio" id="student" name="student" value="Yes" required="required">Yes
										</label>
										
									</div>
									<br>
									<br>
									<div class="col-md-12">
									
										Speaker *
										<label class="radio-inline">
										  <input type="radio" id="speaker" name="speaker" value="No" required="required">No
										</label>
										<label class="radio-inline">
										  <input type="radio" id="speaker" name="speaker" value="Yes" required="required">Yes
										</label>
									</div>
									<br>
									<br>
									<div class="col-md-12">
									
										Title *
									
										<label class="radio-inline">
											<input type="radio" name="title" id="title" name="title" value="Mrs" required="required"> Mrs
										</label>
										<label class="radio-inline">
											<input type="radio" name="title" id="title" name="title" value="Mr" required="required"> Mr
										</label>
										<label class="radio-inline">
											<input type="radio" name="title" id="title" name="title" value="Dr"required="required"> Dr
										</label>
										<label class="radio-inline">
											<input type="radio" name="title" id="title" name="title" value="Pr" required="required"> Pr
										</label>
										
									</div>
									<br>
									<br>
									<div class="col-md-6 hidden paperid">
										<div class="form-group">
											<label for="paperid">Paper ID</label>
											<input type="text" class="form-control" id="paperid" name="paperid">
										</div>
									</div>

									<div class="col-md-6">
										<div class="form-group">
											<label for="lastname">Last Name *</label>
											<input type="text" class="form-control" id="lastname" name="lastname" required="required">
										</div>
									</div>
									
									<div class="col-md-6">
										<div class="form-group">
											<label for="firstname">First name *</label>
											<input type="text" class="form-control" id="firstname" name="firstname" required="required">
										</div>
									</div>
									
									<div class="col-md-6">
										<div class="form-group">
											<label for="organisation">Organisation *</label>
											<input type="text" class="form-control" id="organisation" name="organisation" required="required">
										</div>
									</div>
									
									<div class="col-md-6">
										<div class="form-group">
											<label for="address">Adress(street) *</label>
											<input type="text" class="form-control" id="address" name="address" required="required">
										</div>
									</div>
									
									<div class="col-md-6">
										<div class="form-group">
											<label for="city">City *</label>
											<input type="text" class="form-control" id="city" name="city" required="required">
										</div>
									</div>
									
									<div class="col-md-6">
										<div class="form-group">
											<label for="zipcode">Postal code *</label>
											<input type="text" class="form-control" id="zipcode" name="zipcode" required="required">
										</div>
									</div>
									
									<div class="col-md-6">
										<div class="form-group">
											<label for="country">Country *</label>
											<input type="text" class="form-control" id="country" name="country" required="required">
										</div>
									</div>
									
									<div class="col-md-6">
										<div class="form-group">
											<label for="phone">Phone *</label>
											<input type="text" class="form-control" id="phone" name="phone" required="required">
										</div>
									</div>
									
								
									
									<div class="col-md-6">
										<div class="form-group">
											<label for="email">Email *</label>
											<input type="email" class="form-control" id="email" name="email" required="required">
										</div>
									</div>						

									<div class="col-md-12">
									<label for="email">Choose a registration option *</label>
										<select id="type" name="type" class="form-control" required>
										   
											<option value="Full registration">Full registration</option>
											<option value="One-day registration">One-day registration</option>
										</select>
									</div>								
									
									<div class="col-md-12">
										<b>Confirm the number of ticket reservation and indicate dietary requirements</b>
										<br>
									
									
										<!-- <label class="checkbox-inline">
										  <input type="checkbox" id="lunches1" name="lunches1" value="Welcome reception ">Cocktail, Sunday 2 
										</label> -->
									
									
										<label class="checkbox-inline">
										  <input type="checkbox" id="lunches2" name="lunches2" value="Lunch, Monday 3">Lunch, Wednesday 27
										</label>
										<label class="checkbox-inline">
										  <input type="checkbox" id="lunches3" name="lunches3" value="Lunch, Tuesday 4">Lunch, Thursday 28 
										</label>
										<label class="checkbox-inline">
										  <input type="checkbox" id="lunches4" name="lunches4" value="Lunch, Wednesday 5 ">Lunch, Friday 29
										</label>
										<br>
										<div class="form-group">
											<label for="dietary">Dietary requirements : </label>
											<input type="text" class="form-control" id="dietary" name="dietary">
										</div>
									</div>
									
								</div>
							</div>
							
							
							<div class="panel panel-primary">
						
								<div class="panel-heading" style="color:#FFF;background:#0C018A;">Additional  registration</div>
								<div class="panel-body">
								<strong>Including additional options for your guest(s) </strong>
									<div class="copyfieldnope">
									    <div class="row">
                                            <div class="col-md-9">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" id="congressdinner" name="congressdinner"> Conference Dinner 28 November
                                                    </label>
                                                </div>
                                            </div>
											
                                            <div class="col-md-3 hidden conf">
                                                <div class="checkbox">
                                                    <label>
                                                        <select name="conference_nbr"  class="form-control">
                                                         
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                           <option value="3">3</option>
                                                        </select>
                                                    </label>
                                                </div>
                                            </div>	
										</div>	
									<!--
										<div class="row">
                                            <div class="col-md-9">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" id="accompanying" name="accompanying"> Accompanying person registration 
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-3 hidden accompa">
                                                <div class="checkbox">
                                                    <label>
                                                        <select name="accompanying_nbr"  class="form-control">
                                                           
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                        </select>
                                                    </label>
                                                </div>
                                            </div>	
										</div>
										
										
										<div class="row">
                                            <div class="col-md-9">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" id="proceeding" name="proceeding">  Proceeding only
														
                                                    </label>
													<br><I style="font-size:12px"> Proceedings are yet included in your registration rate. Please choose this option only if you want extra one(s)</I>
                                                </div>
                                            </div>
                                            <div class="col-md-3 hidden proc">
                                                <div class="checkbox">
                                                    <label>
                                                        <select name="proc_nbr" class="form-control">
                                                         
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                           <option value="3">3</option>
                                                        </select>
                                                    </label>
                                                </div>
                                            </div>		
										</div>
                                       -->
                                        
										
									<div class="row">
                                            <div class="col-md-9">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" id="technicaltour1" name="technicaltour1">  Technical tour T1 29 November afternoon
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-3 hidden tec1">
                                                <div class="checkbox">
                                                    <label>
                                                        <select name="tec1_nbr" class="form-control">
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                        </select>
                                                    </label>
                                                </div>
                                            </div>		
										</div>
										 <div class="row">
                                            <div class="col-md-9">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" id="technicaltour2" name="technicaltour2">  Technical tour T2 29 November afternoon
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-3 hidden tec2">
                                                <div class="checkbox">
                                                    <label>
                                                        <select name="tec2_nbr" class="form-control">
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                        </select>
                                                    </label>
                                                </div>
                                            </div>		
										</div>
										
											
										<!--
										<div class="row">
                                            <div class="col-md-9">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" id="culturaltourc1" name="culturaltourc1">  Cultural tour C1 3 July afternoon”
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-3 hidden c1">
                                                <div class="checkbox">
                                                    <label>
                                                        <select name="c1_nbr" class="form-control">
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                        </select>
                                                    </label>
                                                </div>
                                            </div>		
										</div>
										
										
										<div class="row">
                                            <div class="col-md-9">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" id="culturaltourc2" name="culturaltourc2"> Cultural tour C2 4 July full-day”
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-3 hidden c2">
                                                <div class="checkbox">
                                                    <label>
                                                        <select name="c2_nbr" class="form-control">
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                        </select>
                                                    </label>
                                                </div>
                                            </div>		
										</div>
										
										
										<div class="row">
                                            <div class="col-md-9">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" id="culturaltourc3" name="culturaltourc3"> Cultural tour C3 5 July afternoon
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-3 hidden c3">
                                                <div class="checkbox">
                                                    <label>
                                                        <select name="c3_nbr" class="form-control">
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                        </select>
                                                    </label>
                                                </div>
                                            </div>		
										</div>
									-->
										
									</div>
								</div>
							</div>
							
							<div class="panel panel-primary">
						
								<div class="panel-heading" style="color:#FFF;background:#0C018A;">Your guest(s) information details</div>
								<div class="panel-body">
								
									<div class="col-md-12">
										<span class="">
											<button class="btn btn-success btn-add btn-add-person-first" type="button">
												Add one person
											</button>
										</span>
										
										<div class="block-add-person"></div>
									</div>
									
								</div>
							</div>				
							
							
							<div class="panel panel-primary">
						
								<div class="panel-heading" style="color:#FFF;background:#0C018A;">Payments</div>
								<div class="panel-body">
								
									<div class="col-md-12">
										<label class="radio-inline">
										  <input type="radio" id="payment" name="payment" value="Credit card" required="required">Credit card
										</label>
										<label class="radio-inline">
										  <input type="radio" id="payment" name="payment" value="Bank check" required="required">Bank check
										</label>
										<label class="radio-inline">
										  <input type="radio" id="payment" name="payment" value="Credit transfer" required="required">Credit transfer
										</label>
									</div>
									
								</div>
							</div>
							
							<button class="btn btn-success btn-block" type="submit">Continue</button>
							
						</div>
						
					
					</form>
					
					
					
					<div class="copyHiddenFieldAddPerson hidden" style="margin: 15px 0px;">
						<div class="col-md-12">
							<div class="form-group">
								<label for="lastnameadditonal">Last Name *</label>
								<input type="text" class="form-control" id="lastnameadditonal" name="lastnameadditonal[]" required="required">
							</div>
						</div>
						<div class="col-md-12">
							<div class="form-group">
								<label for="firstnameadditonal">First name *</label>
								<input type="text" class="form-control" id="firstnameadditonal" name="firstnameadditonal[]" required="required">
							</div>
						</div>
						
						
						<div class="col-md-12">
							<div class="form-group">
								<label for="emailadditonal">Email *</label>
								<input type="email" class="form-control" id="emailadditonal" name="emailadditonal[]" required="required">
							</div>
						</div>
						
					
							<div class="col-md-12">
						<!--	<label class="checkbox-inline">
							  <input type="checkbox" id="lunches1additonal" name="lunches1additonal[]" value="Welcome reception">Cocktail, Sunday 2
							</label> -->
							<label class="checkbox-inline">
							  <input type="checkbox" id="lunches2additonal" name="lunches2additonal[]" value="Lunch, Monday 3">Lunch, Wednesday 27 
							</label>
						
							<label class="checkbox-inline">
							  <input type="checkbox" id="lunches3additonal" name="lunches3additonal[]" value="Lunch, Tuesday 4">Lunch, Thursday 28 
							</label>
						
							<label class="checkbox-inline">
							  <input type="checkbox" id="lunches4additonal" name="lunches4additonal[]" value="Lunch, Wednesday 5">Lunch, Friday 29 
							</label>
							<br>
							<div class="form-group">
								<label for="dietaryadditonal">Dietary requirements : </label>
								<input type="text" class="form-control" id="dietaryadditonal" name="dietaryadditonal[]">
							</div>
						</div>
						
						<div class="col-md-12">
							<div class="checkbox">
								<label>
									<input type="checkbox" id="conferencedinneradditonal" name="conferencedinneradditonal[]">  Congress dinner 5 July 
								</label>
								
							</div>
						</div>
					
						
						
						<div class="col-md-12">
							<div class="radio">
								<label>
									<input type="radio" id="technicaltour1additonal" name="technicaltour1additonal[]">  Technical tour T1 29 November afternoon
							</div>
						</div>	
							
					
						<div class="col-md-12">
							<div class="radio">
								<label>
									<input type="radio" id="technicaltour2additonal" name="technicaltour2additonal[]">  Technical tour T2 29 November afternoon
								</label>
							</div>
						</div>
						<!--
						<div class="col-md-12">
							<div class="checkbox">
								<label>
									<input type="checkbox" id="culturaltourc1additonal" name="culturaltourc1additonal[]">Cultural tour C1 3 July afternoon 
								</label>
							</div>
						</div>
						<div class="col-md-12">
							<div class="checkbox">
								<label>
									<input type="checkbox" id="culturaltourc2additonal" name="culturaltourc2additonal[]"> Cultural tour C2 4 July full-day
								</label>
							</div>
						</div>
						<div class="col-md-12">
							<div class="checkbox">
								<label>
									<input type="checkbox" id="culturaltourc3additonal" name="culturaltourc3additonal[]"> Cultural tour C3 5 July afternoon
								</label>
							</div>
						</div>	
						-->
						<span class="">
							<button class="btn btn-success btn-add-person" type="button">
								Add one person
							</button>
						</span>
					</div>
					
					<script>
						jQuery(function()
						{
							jQuery(document).on("click", "input#student", function(e)
							{
								if(jQuery(this).val() == "Yes")
								{
									jQuery("#type option:contains('One-day registration')").attr("disabled", true);
									jQuery("#type").prop("selectedIndex",-1);
								}
								else
								{
									jQuery("#type option:contains('One-day registration')").attr("disabled", false);
									jQuery("#type").prop("selectedIndex",-1);
								}
							});
							
							jQuery(document).on("click", "input#speaker", function(e)
							{
								var block = jQuery("div.paperid");
								if(jQuery(this).val() == "Yes")
								{
									block.removeClass("hidden");
								}
								else
								{
									block.addClass("hidden");
								}
								//console.log(jQuery(this).val());
							});
							
							jQuery(document).ready(function(){
                                jQuery("#congressdinner").change(function(){
                                    if(this.checked)
                                       jQuery("div.conf").removeClass("hidden");     
                                    else
                                        jQuery("div.conf").addClass("hidden");       
                                });
                                 jQuery("#accompanying").change(function(){
                                    if(this.checked)
                                       jQuery("div.accompa").removeClass("hidden");     
                                    else
                                        jQuery("div.accompa").addClass("hidden");       
                                });
                                  jQuery("#proceeding").change(function(){
                                    if(this.checked)
                                       jQuery("div.proc").removeClass("hidden");     
                                    else
                                        jQuery("div.proc").addClass("hidden");       
                                });
                               jQuery(document).ready(function() {
									jQuery("div.tec1, div.tec2").addClass("hidden");

									jQuery("#technicaltour1").change(function() {
										if (this.checked) {
											jQuery("div.tec1").removeClass("hidden");
											jQuery("#technicaltour2").prop("checked", false);
											jQuery("div.tec2").addClass("hidden");
										} else {
											jQuery("div.tec1").addClass("hidden");
										}
									});
									jQuery("#technicaltour2").change(function() {
										if (this.checked) {
											jQuery("div.tec2").removeClass("hidden");
											jQuery("#technicaltour1").prop("checked", false);
											jQuery("div.tec1").addClass("hidden");
										} else {
											jQuery("div.tec2").addClass("hidden");
										}
									});
								});
                                 jQuery("#culturaltourc1").change(function(){
                                    if(this.checked)
                                       jQuery("div.c1").removeClass("hidden");
                                    else
                                        jQuery("div.c1").addClass("hidden");                
                                });
                                 jQuery("#culturaltourc2").change(function(){
                                    if(this.checked)
                                       jQuery("div.c2").removeClass("hidden");
                                    else
                                        jQuery("div.c2").addClass("hidden");                
                                });
                                jQuery("#culturaltourc3").change(function(){
                                    if(this.checked)
                                       jQuery("div.c3").removeClass("hidden");
                                    else
                                        jQuery("div.c3").addClass("hidden");                
                                });
                                
                            });
							
							jQuery(document).on("click", ".btn-add-person-first", function(e)
							{
								e.preventDefault();

								var controlForm 	= jQuery("form"); 
								var currentEntry 	= jQuery(".copyHiddenFieldAddPerson:first");
								var newEntry 		= jQuery(currentEntry.clone()).appendTo(jQuery(".block-add-person"));
								newEntry.removeClass("hidden")
								newEntry.addClass("first")
								
								//newEntry.find("input").val("");
								var find = controlForm.find(".btn-add-person-first");
								find.removeClass("btn-add-person-first").addClass("btn-remove-person-first");
								find.removeClass("btn-success").addClass("btn-danger");
								find.html("Remove all persons");
							}
							).on("click", ".btn-remove-person-first", function(e)
							{
								jQuery(".copyHiddenFieldAddPerson.first").remove();
								
								var find = jQuery(this);
								find.removeClass("btn-remove-person-first").addClass("btn-add-person-first");
								find.removeClass("btn-danger").addClass("btn-success");
								find.html("Add one person");
								
								e.preventDefault();
								return false;
							});
							
							
							
							
							jQuery(document).on("click", ".btn-add-person", function(e)
							{
								e.preventDefault();

								var controlForm 	= jQuery("form"); 
								var currentEntry 	= jQuery(".copyHiddenFieldAddPerson:first");
								var newEntry 		= jQuery(currentEntry.clone()).appendTo(jQuery(".block-add-person"));
								newEntry.removeClass("hidden")
								
								newEntry.find("input").val("");
								var find = controlForm.find(".copyHiddenFieldAddPerson:not(:last) .btn-add-person");
								find.removeClass("btn-add-person").addClass("btn-remove");
								find.removeClass("btn-success").addClass("btn-danger");
								find.html("Remove this person");
							}
							).on("click", ".btn-remove", function(e)
							{
								jQuery(this).parents(".copyHiddenFieldAddPerson:first").remove();

								e.preventDefault();
								return false;
							});
						});
					</script>
				
				{"id":666,"date":"2019-04-08T10:47:45","date_gmt":"2019-04-08T08:47:45","guid":{"rendered":"http:\/\/www.ioa-ea3g.org\/congress\/?page_id=666"},"modified":"2024-08-22T16:54:58","modified_gmt":"2024-08-22T14:54:58","slug":"registration","status":"publish","type":"page","link":"https:\/\/www.ioa-ea3g.org\/congress\/users\/registration\/","title":{"rendered":"Registration"},"content":{"rendered":"\n<p>&nbsp;<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":660,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-666","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ioa-ea3g.org\/congress\/wp-json\/wp\/v2\/pages\/666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ioa-ea3g.org\/congress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ioa-ea3g.org\/congress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ioa-ea3g.org\/congress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ioa-ea3g.org\/congress\/wp-json\/wp\/v2\/comments?post=666"}],"version-history":[{"count":10,"href":"https:\/\/www.ioa-ea3g.org\/congress\/wp-json\/wp\/v2\/pages\/666\/revisions"}],"predecessor-version":[{"id":3307,"href":"https:\/\/www.ioa-ea3g.org\/congress\/wp-json\/wp\/v2\/pages\/666\/revisions\/3307"}],"up":[{"embeddable":true,"href":"https:\/\/www.ioa-ea3g.org\/congress\/wp-json\/wp\/v2\/pages\/660"}],"wp:attachment":[{"href":"https:\/\/www.ioa-ea3g.org\/congress\/wp-json\/wp\/v2\/media?parent=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}