API tools faq
paste
Advertisement
mikeDextr

join.php

mikeDextr
Jan 17th, 2013
131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.00 KB | None | 0 0
raw download clone embed print report
  1. {lv_html_head}
  2.  
  3. <body>
  4.  
  5. {lv_simple_nav}
  6.  
  7. <div class="wrapper">
  8. <div id="listings" class="sign-up container">
  9. <div class="row">
  10. <div class="span8 sign-up-wrapper">
  11. <h2><span>C’mon, apply now!<br>
  12. </span>Enjoy playing more golf more often with iGolf Queensland membership!</span></h2>
  13. <h3 class="icon whats-coming"><i class="ss-icon ss-standard">star</i> 12-months membership: {exp:channel:entries channel="products" limit="1" entry_id="40"}{product_price}{/exp:channel:entries}</h3>
  14. <a href="/membership/join/"><button class="btn btn-sign-up btn-join"><i class="ss-icon ss-symbolicons-block">heart</i> APPLY FOR iGOLF MEMBERSHIP</button></a>
  15. <a href="/membership/renew/"><button class="btn btn-sign-up btn-renew disabled"><i class="ss-icon ss-standard">refresh</i> RENEW YOUR MEMBERSHIP</button></a>
  16. <div class="sign-up-form">
  17. <p>Please complete these details and start playing more golf. All fields are required.</p>
  18.  
  19. {if logged_in}You are logged in as {screen_name}<br /> <a href="{exp:profile:logout_link return="membership/join"}">Logout</a>{/if}
  20.  
  21. {exp:cartthrob:add_to_cart_form
  22. entry_id="40"
  23. quantity="1"
  24. id="join"
  25. name="join"
  26. class="form"
  27. return="membership/checkout"}
  28.  
  29. <fieldset>
  30. <legend class="no-padding">Personal Details</legend>
  31. <div class="row">
  32. <div class="span4 control-group after-legend">
  33. <label class="control-label" for="first_name">First Name</label>
  34. <div class="controls">
  35. <input type="text" id="first_name" name="first_name" value="{first_name}" placeholder="First Name" class="placeholder">
  36. </div>
  37. </div>
  38. <div class="span4 control-group after-legend">
  39. <label class="control-label" for="last_name">Last Name</label>
  40. <div class="controls">
  41. <input type="text" id="last_name" name="last_name" value="{last_name}" placeholder="Last Name" class="placeholder">
  42. </div>
  43. </div>
  44. </div>
  45. <div class="row">
  46. <div class="span4 control-group">
  47. <label class="control-label" for="custom_data[order_date_of_birth]">Date of Birth</label>
  48. <div class="controls">
  49. <input type="text" id="custom_data[order_date_of_birth]" name="custom_data[order_date_of_birth]" value="{custom_data:order_date_of_birth}" placeholder="dd/mm/yyyy" class="datepicker placeholder" readonly="readonly">
  50. </div>
  51. </div>
  52. <div class="span4 control-group">
  53. <label class="control-label" for="custom_data[order_gender]">Gender</label>
  54. <div class="controls">
  55. <select id="custom_data[order_gender]" name="custom_data[order_gender]">
  56. <option value="">please select</option>
  57. <option value="m">Male</option>
  58. <option value="f">Female</option>
  59. </select>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="row">
  64. <div class="span8 control-group">
  65. <label class="control-label" for="address">Street Address</label>
  66. <div class="controls">
  67. <input type="text" id="address" name="address" value="{address}" placeholder="Street Address" class="placeholder">
  68. </div>
  69. </div>
  70. </div>
  71. <div class="row">
  72. <div class="span3 control-group">
  73. <label class="control-label" for="city">City/Suburb</label>
  74. <div class="controls">
  75. <input type="text" id="city" name="city" value="{city}" placeholder="City/Suburb" class="placeholder">
  76. </div>
  77. </div>
  78. <div class="span2 control-group">
  79. <label class="control-label" for="state">State</label>
  80. <div class="controls">
  81. <select id="state" name="state">
  82. <option value="">please select</option>
  83. <option value="ACT" {if state =="ACT"}selected="selected"{/if}>ACT</option>
  84. <option value="NSW" {if state =="NSW"}selected="selected"{/if}>NSW</option>
  85. <option value="NT" {if state =="NT"}selected="selected"{/if}>NT</option>
  86. <option value="QLD" {if state =="QLD"}selected="selected"{/if}>QLD</option>
  87. <option value="SA" {if state =="SA"}selected="selected"{/if}>SA</option>
  88. <option value="TAS" {if state =="TAS"}selected="selected"{/if}>TAS</option>
  89. <option value="VIC" {if state =="VIC"}selected="selected"{/if}>VIC</option>
  90. <option value="WA" {if state =="WA"}selected="selected"{/if}>WA</option>
  91. </select>
  92. </div>
  93. </div>
  94. <div class="span2 control-group">
  95. <label class="control-label" for="zip">Postcode</label>
  96. <div class="controls">
  97. <input type="text" id="zip" name="zip" value="{zip}" placeholder="Postcode" class="placeholder">
  98. </div>
  99. </div>
  100. </div>
  101. <div class="row">
  102. <div class="span4 control-group">
  103. <label class="control-label" for="phone">Daytime Phone</label>
  104. <div class="controls">
  105. <input type="text" id="phone" name="phone" value="{phone}" placeholder="Phone" class="placeholder">
  106. </div>
  107. </div>
  108. <div class="span4 control-group">
  109. <label class="control-label" for="custom_data[order_order_mobile]">Mobile</label>
  110. <div class="controls">
  111. <input type="text" id="custom_data[order_mobile]" name="custom_data[order_mobile]" value="{custom_data:order_mobile}" placeholder="Mobile" class="placeholder">
  112. </div>
  113. </div>
  114. </div>
  115.  
  116. <div class="row">
  117. <div class="span4 control-group">
  118. <label class="control-label" for="custom_data[order_referral]">Have you been referred to iGolf Qld by one of the following?</label>
  119. <div class="controls">
  120. <select id="custom_data[order_referral]" name="custom_data[order_referral]">
  121. <option value="">please select</option>
  122. {exp:channel:entries channel="courses" orderby="title" sort="asc" limit="999" search:courses_club_rebate="y"}
  123. <option value="{title}" {if custom_data:order_referral =="{title}"}selected="selected"{/if}>{title}</option>
  124. {/exp:channel:entries}
  125. <option value="other" {if custom_data:order_referral =="other"}selected="selected"{/if}>Other</option>
  126. </select>
  127. </div>
  128. </div>
  129. <div class="span4 controls hide" id="which_club_details">
  130. <label class="control-label" for="custom_data[order_referral_other_club]">If other, which club?</label>
  131. <br class="hidden-phone">
  132. <input type="text" id="custom_data[order_referral_other_club]" name="custom_data[order_referral_other_club]" value="{custom_data:order_referral_other_club}" placeholder="Which Club?" class="placeholder">
  133. </div>
  134. </div>
  135.  
  136. </fieldset>
  137. <fieldset>
  138. <legend>Online Account Access</legend>
  139. <div class="row">
  140. <div class="span8 control-group after-legend">
  141. <label class="control-label" for="email_address">Email Address <small></small></label>
  142. <div class="controls">
  143. <input type="text" id="email_address" name="email_address" value="{email_address}" placeholder="Email Address" class="span8 placeholder">
  144. </div>
  145. </div>
  146. </div>
  147. <div class="row">
  148. <div class="span4 control-group">
  149. <label class="control-label" for="join_password">Password</label>
  150. <div class="controls">
  151. <input type="password" id="join_password" name="custom_data[join_password]" placeholder="Password" class="placeholder">
  152. </div>
  153. </div>
  154. <div class="span4 control-group">
  155. <label class="control-label" for="custom_data[join_password_confirm]">Repeat Password</label>
  156. <div class="controls">
  157. <input type="password" id="custom_data[join_password_confirm]" name="custom_data[join_password_confirm]" placeholder="Repeat Password" class="placeholder">
  158. </div>
  159. </div>
  160. </div>
  161. </fieldset>
  162. <fieldset>
  163. <legend>Playing History</legend>
  164. <div class="row">
  165. <div class="span8 control-group after-legend">
  166. <label class="control-label" for="custom_data[order_previous_member]">Have you previously been a member of a golf club?</label>
  167. <div class="controls">
  168. <select id="custom_data[order_previous_member]" name="custom_data[order_previous_member]">
  169. <option value="">please select</option>
  170. <option value="y" {if custom_data:order_previous_member =="y"}selected="selected"{/if}>Yes</option>
  171. <option value="n" {if custom_data:order_previous_member =="n"}selected="selected"{/if}>No</option>
  172. </select>
  173. </div>
  174. </div>
  175. </div>
  176. <div class="row hide" id="previous_member_details">
  177. <div class="span4 control-group">
  178. <label class="control-label" for="custom_data[order_which_club]">If yes, which club?</label>
  179. <input type="text" id="custom_data[order_which_club]" name="custom_data[order_which_club]" value="{custom_data:order_which_club}" placeholder="Which Club?" class="placeholder">
  180. </div>
  181. <div class="span4 control-group">
  182. <label class="control-label" for="custom_data[order_member_expire]">When did your membership expire?</label>
  183. <input type="text" id="custom_data[order_member_expire]" name="custom_data[order_member_expire]" value="{custom_data:order_member_expire}" placeholder="dd/mm/yyyy" class="member_expire placeholder" readonly="readonly">
  184. <span>Must be more than 2 years ago. <a href="/faqs/">Details here.</a></span>
  185. </div>
  186. </div>
  187. <div class="row">
  188. <div class="span4 control-group">
  189. <label class="control-label" for="custom_data[order_handicap]">Have you previously held a recognised handicap?</label>
  190. <div class="controls">
  191. <select id="custom_data[order_handicap]" name="custom_data[order_handicap]">
  192. <option value="">please select</option>
  193. <option value="y" {if custom_data:order_handicap =="y"}selected="selected"{/if}>Yes</option>
  194. <option value="n" {if custom_data:order_handicap =="n"}selected="selected"{/if}>No</option>
  195. </select>
  196. </div>
  197. </div>
  198. <div class="span4 controls hide" id="handicap_details">
  199. <label class="control-label" for="custom_data[order_handicap_details]">What was your handicap?</label>
  200. <br class="hidden-phone">
  201. <input type="text" id="custom_data[order_handicap_details]" name="custom_data[order_handicap_details]" value="{custom_data:order_handicap_details}" placeholder="What was your handicap?" class="placeholder">
  202. </div>
  203. </div>
  204. <div class="row">
  205. <div class="span4 control-group">
  206. <label class="control-label" for="custom_data[order_golf_link]">Have you previously had a Golf Link number?</label>
  207. <div class="controls">
  208. <select id="custom_data[order_golf_link]" name="custom_data[order_golf_link]">
  209. <option value="">please select</option>
  210. <option value="y" {if custom_data:order_golf_link =="y"}selected="selected"{/if}>Yes</option>
  211. <option value="n" {if custom_data:order_golf_link =="n"}selected="selected"{/if}>No</option>
  212. </select>
  213. </div>
  214. </div>
  215. <div class="span4 controls hide" id="golf_link_number_details">
  216. <div class="control-group">
  217. <label class="control-label" for="custom_data[order_golf_link_number]">What was your previous Golf Link number?</label>
  218. <input type="text" id="custom_data[order_golf_link_number]" name="custom_data[order_golf_link_number]" value="{custom_data:order_golf_link_number}" placeholder="Golf Link Number" class="placeholder">
  219. </div>
  220. </div>
  221. </fieldset>
  222. <div class="form-actions">
  223. <label class="checkbox">
  224. <input type="checkbox" class="checkbox" id="custom_data[order_agree]" name="custom_data[order_agree]">
  225. I agree to the iGolf <a href="/terms-and-conditions/">terms and conditions</a> of membership</label>
  226. <!-- <p>Pay & Submit Membership Application</p> -->
  227. <button type="submit" class="btn btn-large btn-success">Proceed To Payment</button>
  228. <button type="button" class="btn btn-small">Cancel</button>
  229. </div>
  230. {/exp:cartthrob:add_to_cart_form}
  231. </div>
  232. </div>
  233.  
  234.  
  235. <div class="span4 column-widgets" id="line-widgets">
  236. {lv_column-widgets}
  237. </div><!--line-widgets-->
  238.  
  239. </div><!--row-->
  240. </div><!--/news container-->
  241. </div>
  242.  
  243. {lv_html_footer}
  244.  
  245. {lv_global_javascript}
  246.  
  247. <script>
  248. $.validator.setDefaults({
  249. //submitHandler: function() { alert("submitted!"); }
  250. //debug: true
  251. });
  252.  
  253.  
  254. $().ready(function() {
  255.  
  256. $(function() {
  257. $( ".datepicker" ).datepicker({ changeMonth: true, changeYear: true, yearRange: "-80:+0", dateFormat: 'dd/mm/yy' }).val();
  258. $( ".member_expire" ).datepicker({ changeMonth: true, changeYear: true, yearRange: "-20:+0", maxDate: -732, dateFormat: 'dd/mm/yy' }).val();
  259. });
  260.  
  261.  
  262. $("#custom_data\\[order_referral\\]").change(function(){
  263.  
  264. if ($(this).val() == "other" ) {
  265.  
  266. $("#which_club_details").slideDown("fast"); //Slide Down Effect
  267.  
  268. } else {
  269.  
  270. $("#which_club_details").slideUp("fast"); //Slide Up Effect
  271.  
  272. }
  273. });
  274.  
  275.  
  276. $("#custom_data\\[order_previous_member\\]").change(function(){
  277.  
  278. if ($(this).val() == "y" ) {
  279.  
  280. $("#previous_member_details").slideDown("fast"); //Slide Down Effect
  281.  
  282. } else {
  283.  
  284. $("#previous_member_details").slideUp("fast"); //Slide Up Effect
  285.  
  286. }
  287. });
  288.  
  289. $("#custom_data\\[order_golf_link\\]").change(function(){
  290.  
  291. if ($(this).val() == "y" ) {
  292.  
  293. $("#golf_link_number_details").slideDown("fast"); //Slide Down Effect
  294.  
  295. } else {
  296.  
  297. $("#golf_link_number_details").slideUp("fast"); //Slide Up Effect
  298.  
  299. }
  300. });
  301.  
  302.  
  303. $("#custom_data\\[order_handicap\\]").change(function(){
  304.  
  305. if ($(this).val() == "y" ) {
  306.  
  307. $("#handicap_details").slideDown("fast"); //Slide Down Effect
  308.  
  309. } else {
  310.  
  311. $("#handicap_details").slideUp("fast"); //Slide Up Effect
  312.  
  313. }
  314. });
  315.  
  316.  
  317. // validate signup form on keyup and submit
  318. $("#join").validate({
  319.  
  320. rules: {
  321.  
  322. // personal info
  323. first_name: "required",
  324. last_name: "required",
  325. "custom_data[order_date_of_birth]": "required",
  326. "custom_data[order_gender]": "required",
  327. address: "required",
  328. city: "required",
  329. state: "required",
  330. zip: "required",
  331. phone: "required",
  332. mobile: "required",
  333.  
  334. // account access
  335. email_address: {
  336. required: true,
  337. email: true
  338. },
  339. "custom_data[join_password]": {
  340. required: true,
  341. minlength: 5
  342. },
  343. "custom_data[join_password_confirm]": {
  344. required: true,
  345. minlength: 5,
  346. equalTo: "#join_password"
  347. },
  348.  
  349. "custom_data[order_previous_member]": "required",
  350. "custom_data[order_which_club]": {
  351. required: {
  352. depends: function(element) {
  353. return $("#custom_data\\[order_previous_member\\]").val() == 'y';
  354. }
  355. }
  356. },
  357. "custom_data[order_member_expire]": {
  358. required: {
  359. depends: function(element) {
  360. return $("#custom_data\\[order_previous_member\\]").val() == 'y';
  361. }
  362. }
  363. },
  364.  
  365.  
  366. "custom_data[order_handicap]": "required",
  367. "custom_data[order_handicap_details]": {
  368. required: {
  369. depends: function(element) {
  370. return $("#custom_data\\[order_handicap\\]").val() == 'y';
  371. }
  372. }
  373. },
  374.  
  375.  
  376. "custom_data[order_golf_link]": "required",
  377. "custom_data[order_golf_link_number]": {
  378. required: {
  379. depends: function(element) {
  380. return $("#custom_data\\[order_golf_link\\]").val() == 'y';
  381. }
  382. }
  383. },
  384.  
  385. "custom_data[order_agree]": "required"
  386. },
  387. messages: {
  388. first_name: "Please enter your first name",
  389. last_name: "Please enter your last name",
  390. "custom_data[order_date_of_birth]": "Please enter your DOB",
  391. "custom_data[order_gender]": "Please select an option",
  392. address: "Please provide a street address",
  393. city: "Please provide a location",
  394. state: "Please provide a location",
  395. zip: "Please provide a postcode",
  396. phone: "Please provide a daytime contact number",
  397. mobile: "Please provide a mobile number",
  398.  
  399. email_address: "Please enter a valid email address",
  400. "custom_data[join_password]": {
  401. required: "Please provide a password",
  402. minlength: "Your password must be at least 5 characters long"
  403. },
  404. "custom_data[join_password_confirm]": {
  405. required: "Please confirm your password",
  406. minlength: "Your password must be at least 5 characters long",
  407. equalTo: "Does not match your password"
  408. },
  409.  
  410. "custom_data[order_previous_member]": "This field is required",
  411. "custom_data[order_which_club]": "This field is required",
  412. "custom_data[order_member_expire]": "Membership must have been more than two years ago",
  413.  
  414. "custom_data[order_handicap]": "This field is required",
  415. "custom_data[order_handicap_details]": "This field is required",
  416.  
  417. "custom_data[order_golf_link]": "This field is required",
  418. "custom_data[order_golf_link_number]": "This field is required",
  419.  
  420. agree: "Please accept the terms and conditions"
  421. }
  422. });
  423. });
  424. </script>
  425.  
  426. {if lv_debug == "y"}
  427. {exp:cartthrob:debug_info view_all="yes"}
  428. {/if}
  429.  
  430. </body>
  431. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!