Advertisement
Guest User

English

a guest
Jun 28th, 2017
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.71 KB | None | 0 0
  1.  
  2. <div class="form-page">
  3.  
  4. <script type="text/javascript">var submitted=false;</script>
  5. <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='confirmation-page.html'}"></iframe>
  6.  
  7.  
  8. <form action="https://docs.google.com/forms/d/e/1FAIpQLSdC9Jr65fCIhRLiSXzVRoDKJAB8was3LoyN0DaCVrVLRa-nJg/formResponse" target="hidden_iframe" method="post" onsubmit="return (function() { if (!document.getElementById('terms-checkbox').checked) { alert('You must accept the terms and conditions');return false; } else {submitted=true;} })()">
  9.  
  10.  
  11. <div class="student-details panel panel-default form-group">
  12. <div class="panel panel-heading">Student Details</div>
  13. <div class="panel panel-body">
  14. <div class="row">
  15. <div class="col-sm-6">
  16. <label>Family Name:</label>
  17. <input type="text" name="entry.141590712" class="form-control" required>
  18. </div>
  19. <div class="col-sm-6">
  20. <label>Given Name(s):</label>
  21. <input type="text" name="entry.1404353100" class="form-control" required>
  22. </div>
  23. </div>
  24. <hr class="form-hr">
  25. <div class="row">
  26. <div class="col-sm-6">
  27. <label>Date of birth:</label>
  28. <input type="date" class="form-control" name="entry.114532008" required>
  29. </div>
  30. <div class="col-sm-6 radio-group">
  31. <label>Male / Female:</label>
  32. <div class="radio">
  33. <label><input type="radio" name="entry.631574757" required>Female</label>
  34. </div>
  35. <div class="radio">
  36. <label><input type="radio" name="entry.631574757" required>Male</label>
  37. </div>
  38. <input type="hidden" name="entry.631574757" value="">
  39. </div>
  40. </div>
  41. <hr class="form-hr">
  42. <div class="row">
  43. <div class="col-sm-12 radio-group">
  44. <label>Any health problems / physical limitations?</label>
  45. <div class="radio">
  46. <label><input type="radio" name="entry.2061667232" required>No</label>
  47. </div>
  48. <div class="radio">
  49. <label><input type="radio" name="entry.2061667232" required>Yes</label>
  50. </div>
  51. <input type="hidden" name="entry.2061667232" value="">
  52.  
  53. </div>
  54.  
  55. <div class="col-sm-12">
  56. <textarea style="display: none;" class="form-control" placeholder="Details of health problems / physical limitations" name="entry.1840271555"></textarea>
  57. </div>
  58. </div>
  59. <hr class="form-hr">
  60. <div class="row">
  61. <div class="col-sm-12 radio-group">
  62. <label>Mother Language</label>
  63. <div class="radio">
  64. <label><input type="radio" name="entry.1580848237" required>Cantonese</label>
  65. </div>
  66. <div class="radio">
  67. <label><input type="radio" name="entry.1580848237" required>English</label>
  68. </div>
  69. <div class="radio">
  70. <label><input type="radio" name="entry.1580848237" required>Other</label>
  71. </div>
  72. <input type="hidden" name="entry.1580848237" value="">
  73.  
  74. </div>
  75.  
  76. <div class="col-sm-12">
  77. <textarea style="display: none;" class="form-control" placeholder="Other Mother Language" name="entry.389856854"></textarea>
  78. </div>
  79. </div>
  80. <hr class="form-hr">
  81. <div class="row">
  82. <div class="col-sm-12 radio-group">
  83. <label>Football skill</label>
  84. <div class="radio">
  85. <label><input type="radio" name="entry.1945080360" required>Entry Level</label> <span style="color:gray">(beginner)</span>
  86. </div>
  87. <div class="radio">
  88. <label><input type="radio" name="entry.1945080360" required>Intermediate Level</label> <span style="color:gray">(e.g. play for fun)</span>
  89. </div>
  90. <div class="radio">
  91. <label><input type="radio" name="entry.1945080360" required>Advance Level</label> <span style="color:gray">((e.g. play regularly for a team)</span>
  92. </div>
  93. <input type="hidden" name="entry.1945080360" value="">
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98.  
  99.  
  100.  
  101. <div class="emergency-contact-details panel panel-default form-group">
  102. <div class="panel panel-heading">Emergency Contact Details (the first number listed here will be used to send SMS for schedule changes and any other correspondence relating to the training classes)</div>
  103. <div class="row">
  104. <div class="col-sm-2">
  105. <label>Relationship</label>
  106. <input type="text" name="entry.750121710" class="form-control" placeholder="Parent/Guardian/Helper" required>
  107. </div>
  108. <div class="col-sm-4">
  109. <label>Name</label>
  110. <input type="text" name="entry.1015625292" class="form-control" required>
  111. </div>
  112. <div class="col-sm-3">
  113. <label>Mobile</label>
  114. <input type="text" name="entry.1599458107" class="form-control" required>
  115. </div>
  116. <div class="col-sm-3">
  117. <label>Email</label>
  118. <input type="text" name="entry.1601435063" class="form-control" required>
  119. </div>
  120. </div>
  121.  
  122. <hr class="form-hr">
  123.  
  124. <div class="row">
  125. <div class="col-sm-2">
  126. <label>Relationship</label>
  127. <input type="text" name="entry.1898264405" class="form-control" placeholder="Parent/Guardian/Helper">
  128. </div>
  129. <div class="col-sm-4">
  130. <label>Name</label>
  131. <input type="text" name="entry.1923026794" class="form-control">
  132. </div>
  133. <div class="col-sm-3">
  134. <label>Mobile</label>
  135. <input type="text" name="entry.1248207946" class="form-control">
  136. </div>
  137. <div class="col-sm-3">
  138. <label>Email</label>
  139. <input type="text" name="entry.141985594" class="form-control">
  140. </div>
  141. </div>
  142. </div>
  143. <div class="venue-details panel panel-default form-group">
  144. <div class="panel panel-heading">Venue Details</div>
  145. <div class="panel panel-body">
  146. <div class="row">
  147. <div class="col-sm-2"><label>Venue:</label></div>
  148. <div class="col-sm-10">King’s Park Sports Ground, 11 Wylie Path, Ho Man Tin, Kowloon</div>
  149. </div>
  150. <div class="row">
  151. <div class="col-sm-2"><label>Where:</label></div>
  152. <div class="col-sm-10">Pitch No.1 – artificial grass surface</div>
  153. </div>
  154.  
  155. <div class="row">
  156. <div class="col-sm-2">
  157. <label>Date:</label>
  158. </div>
  159. <div class="col-sm-10">
  160. Tuesday – Saturday, 18 – 22 July 2017
  161.  
  162. <div class="row">
  163. <div class="col-sm-4 venue-panel">
  164. <div class="panel panel-default">
  165. <div class="panel panel-heading">18 – 21 July 2017</div>
  166. <div class="panel panel-body">Sessions for kids aged 8 – 10 (born in 2007 – 2009)</div>
  167. <div class="panel panel-footer">8:30 a.m – 11:00 a.m.</div>
  168. </div>
  169. </div>
  170. <div class="col-sm-4 venue-panel">
  171. <div class="panel panel-default">
  172. <div class="panel panel-heading">18 – 21 July 2017</div>
  173. <div class="panel panel-body">Sessions for kids aged 11 – 13(born in 2004 – 2006)</div>
  174. <div class="panel panel-footer">3:30 p.m – 6:00 p.m.</div>
  175. </div>
  176. </div>
  177. <div class="col-sm-4 venue-panel">
  178. <div class="panel panel-default">
  179. <div class="panel panel-heading">22 July 2017</div>
  180. <div class="panel panel-body">Tournament Day (All kids at all ages)</div>
  181. <div class="panel panel-footer">9:00 a.m. – 12:00 noon</div>
  182. </div>
  183. </div>
  184. </div>
  185.  
  186. </div>
  187. </div>
  188.  
  189.  
  190. <div class="row">
  191. <div class="col-sm-2"><label>Bad Weather:</label></div>
  192. <div class="col-sm-10">
  193. This is an all-weather surface, so classes will go ahead in rain. However under adverse weather conditions, we may for safety reasons cancel the class. If cancelled, the first name listed (on the above “Emergency Contact Details” will be sent an SMS approx. 60 mins before the start of class. Any cancelled classes will not be rescheduled.
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. <div class="form-note">
  199. <b>Note: </b>Students who have confirmed to attend the AIA-Tottenham Hotspur Summer Soccer Camp will get a training kit when they arrive at the camp on the first day. Each kit contains shirts, shorts, socks and shin guards for students to wear during camp.
  200. <br /> <br>
  201.  
  202. For any enquiries, please contact Asia Pacific Soccer Schools at 2385-9677. SMS / Email will be sent to students’ parent/guardian/helper (the first name listed on the above “Emergency Contact Details”) one week before the camp starts.
  203.  
  204. </div>
  205. <div class="terms-and-conditions panel panel-default">
  206. <div class="panel panel-heading">Terms &#038; Conditions</div>
  207. <div class="terms-and-conditions-content">
  208. Terms &#038; Conditions<br />
  209.  
  210. Liability:<br />
  211. 1. The participant, by enrolling with Asia Pacific Soccer Schools (APSS) and AIA International Limited (AIA), does so at his/her own risk. Asia Pacific Soccer Schools Ltd, its owner, employees, coaches and AIA International Limited shall not be liable for any damage whatsoever arising from personal injury or loss of property.<br />
  212.  
  213. Enrolment &#038; Cancellations: <br />
  214.  
  215. 2. By enrolling in this camp you are enrolling for the entire block of sessions. <br />
  216.  
  217. o If any sessions are subsequently cancelled (e.g. due to venue problems, bad weather etc.), they will not be rescheduled.<br />
  218. o If a student misses a session for any other reason the lessons will not be rescheduled.<br />
  219.  
  220. 3. Training will be cancelled during Black Storm warnings, when the Typhoon No. 8 Signal or above is raised and during other inclement weather conditions. Cancelled lessons will not be rescheduled.<br />
  221.  
  222. 4. No rescheduling will be provided for students withdrawing from the camp after it commences.<br />
  223.  
  224.  
  225. Conduct:<br />
  226. 5. Students will get a training kit on the first day they arrive at the camp. Each kit contains shirts, shorts, socks and shin guards for students to wear during camp. Students shall bring their own sports shoes for training.<br />
  227.  
  228. 6. Shin guards are recommended for all lessons.<br />
  229.  
  230. 7. Lessons will start and finish on time and so please make sure your child arrives promptly and arrange for their pick up immediately after the completion of each lesson. Note, APSS coaches cannot be responsible for minding children after the lesson is over. If you are unable to pick up your child at the end of a session you should inform the APSS office immediately.<br />
  231.  
  232. 8. APSS reserve the right to expel students from a lesson, a block of lessons or the entire course for behaviour considered unacceptable to the coaches and / or to the fellow students.<br />
  233.  
  234. Personal Data Privacy<br />
  235. 9. In enrolling my child with Asia Pacific Soccer Schools, I hereby authorize APSS and AIA with their rights to access and use all the personal data provided above on all the matters relating to the soccer camp. And I understand that personal data will not be retained but deleted and disposed in a safe and secure manner in one month after the soccer camp is finished.<br />
  236.  
  237. PHOTOGRAPHY POLICY<br />
  238. APSS and AIA will from time to time take promotional photographs and videos of sessions for use, including but not limited to online, print and events. APSS and AIA will not identify a player by name without prior consent of the parent. Any concerns about our photography policy should be referred to our office.<br />
  239.  
  240. CONSENT DETAILS<br />
  241. In enrolling my child with Asia Pacific Soccer Schools, I agree that my child will abide by the above rules and regulations. I understand that soccer is a physical contact sport and will not hold Asia Pacific Soccer Schools, its owners, employees or coaches and AIA International Limited responsible for any injury to my child, or damages to property as a result of participation in these courses.<br />
  242.  
  243.  
  244. </div>
  245. </div>
  246.  
  247. <input id="terms-checkbox" type="checkbox" name="aaaa" value="Bike"> <span style="color: red;font-size: 14px;">*</span> I have read and agree to the above terms and conditions
  248.  
  249. <input type="submit" value="Send" class="form-control btn-default" >
  250.  
  251. </form>
  252.  
  253.  
  254. <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
  255. <script>
  256. $(document).ready(function () {
  257. var radio = $('.form-page input[type="radio"]'),
  258. hidden = $('.form-page input[type="hidden"]');
  259. radio.change(function () {
  260. $(this).parents('.radio-group').find(hidden).val($(this).parent('label').text());
  261. });
  262.  
  263. $('input[type="radio"]').click(function(){
  264. if($(this).parent().parent($('.radio')).is(':last-of-type')) {
  265. $(this).parents('.row').find($('textarea')).show(100).prop('required',true);
  266.  
  267. } else {
  268. $(this).parents('.row').find($('textarea')).hide(100).prop('required',false);
  269.  
  270. }
  271. });
  272.  
  273.  
  274. });
  275. </script>
  276.  
  277. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement