PageSourceSearch

https://www.stouffvilleskate.com/login/

html stouffvilleskate.com collected 2026-10-05 07:25:56 UTC 152,397 bytes, 3,437 lines download raw bytes

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3	<head>
4		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
5		<meta name = "viewport" content = "width=device-width,initial-scale=1" />
6		<link rel="shortcut icon" href="/sites/images/favicon.ico" />
7		<title>Stouffville Skating Club</title>
8		<meta name="description" content="" />
9		<meta name="keywords" content="Stouffville, Skating, Figure Skating, Learn to Skate, Starskate, Canskate, PreCanskate, activity, fitness, Children’s Fitness Tax Credit, ice, rink, arena, Clippers Sports Complex" />
10				<!--[if lte IE 8]>
11<link rel="stylesheet" type="text/css" href="/css/ie.css" />
12<![endif]-->
13	<link type="text/css" href="/js/chosen/chosen.min.css?1790775045" rel="stylesheet">
14	<link type="text/css" href="/css/overcast/jquery-ui-1.10.3.custom.min.css?1790775045" rel="stylesheet">
15	<link type="text/css" href="/css/tooltipster.bundle.min.css?1790775045" rel="stylesheet">
16	<link type="text/css" href="/css/themes/tooltipster-sideTip-shadow.min.css?1790775045" rel="stylesheet">
17	<link type="text/css" href="/css/introjs.min.css?1790775045" rel="stylesheet">
18	<link type="text/css" href="/css/ui.css?1790775045" rel="stylesheet">
19	<link type="text/css" href="/css/multi.min.css?1790775045" rel="stylesheet">
20	<link type="text/css" href="/js/fancybox/jquery.fancybox-1.3.4.css?1790775045" rel="stylesheet">
21	<link type="text/css" href="/js/selectize/css/selectize.css?1790775045" rel="stylesheet">
22	<link type="text/css" href="/css/selectize-disable.css?1790775045" rel="stylesheet">
23	<link type="text/css" href="/css/bootstrap.min.css?1790775045" rel="stylesheet">
24	<link type="text/css" href="/css/login.css?1790775045" rel="stylesheet">
25	<link type="text/css" href="/themes/default/css/theme.css?1790775045" rel="stylesheet">
26	<link type="text/css" href="/sites/css/site.css?1786029349" rel="stylesheet">
27
28
29	
29<script type="text/javascript" src="/globals.php?msg_lang=eng&1790775045"></script>
vendor: 1 bytes, line 29
29
30<script>
31	window.dataLayer = window.dataLayer || [];
32	function gtag(){dataLayer.push(arguments);}
33</script>
vendor: 68 bytes, lines 33-38
33
34
35
36
37
38<script async src="https://www.googletagmanager.com/gtag/js?id=
38G-KN2DJFQGL1
vendor: 12 bytes, line 38
38"></script>
39<script>
40	gtag('js', new Date());
41	gtag('config', 'G-KN2DJFQGL1');
42</script>
vendor: 69 bytes, lines 42-46
42
43
44
45
46	<script async src="https://www.googletagmanager.com/gtag/js?id= 
46G-PEVEVLFCMJ
vendor: 13 bytes, lines 46-47
46"></script>
47	
47<script>
48		gtag('js', new Date());
49		gtag('config', ' G-PEVEVLFCMJ');
50	</script>
50
51
52
53<script type="text/javascript">
54	server_timezone = -240;
55	registration_timer_display_time = 900;
56	lang = 'eng';
57					_COOKIE_POLICY = true;
58				_CURRENT_COOKIE_POLICY_VERSIONS = {"eng":"18_1"};
59				_ACCOUNTING_SETTING = {"currency":{"symbol":"$","format":{"pos":"%s%v","zero":"%s%v","neg":"- %s%v"},"decimal":".","thousand":",","precision":2},"number":{"precision":2,"thousand":",","decimal":"."},"symbolWithSign":"- $"};
60					_DATE_FORMATS = {"7":"h:mm A","8":"h:mm:ss A","6":"MMMM D, Y [at] h:mm A","5":"MMMM D, Y","4":"MMM D, Y, h:mm A","3":"MMM D, Y","2":"Y-MM-DD h:mm A","1":"Y-MM-DD","9":"Y-MM-DD h:mm:ss A","10":"MMM","11":"DD\/MM\/YY","12":"DD\/MM\/YY h:mm A","13":"DD\/MM\/YY h:mm:ss A"};
61				MOMENT_LOCALE = "en-ca";
62	
63			SHORT_DATE = 1;
64				SHORT_DATE_TIME = 2;
65				MEDIUM_DATE = 3;
66				MEDIUM_DATE_TIME = 4;
67				LONG_DATE = 5;
68				LONG_DATE_TIME = 6;
69				TIME_ONLY = 7;
70				TIME_WITH_SEC = 8;
71				SHORT_DATE_TIME_WITH_SEC = 9;
72		
73			lang = "eng";
74				_SITE_LANGUAGES = ["eng"];
75	
76	languages = ["eng"];
77
78	langOptions = {"eng":"English"};
79
80				participantSample = {"participant_id":null,"account_id":null,"user_id":null,"first_name":null,"last_name":null,"gender_id":null,"birthdate":null,"deleted":0,"category_level_id":null,"participant_since":null,"update_time":null,"league_participant_id":null,"guid":null,"id":null,"name":"","corporate_name":"","dropdownLabel":"","context_id":0,"site_field_values":{},"site_participant_field_values":{"_skate_canada_number":{"value":"","icon":"","skateCanadaContactId":false,"field_name":""}},"constraints":{"first_name":{"presence":{"allowEmpty":false,"message":"First Name is required."}},"last_name":{"presence":{"allowEmpty":false,"message":"Last Name is required."}},"gender_id":{"inclusion":{"within":["2","1","3"],"message":"Gender is required."}},"birthdate":{"datetime":{"dateOnly":true,"message":"Birthdate is required."}}},"instructor":null,"participant_since_formatted":"2026-10-05","birthdate_formatted":null,"instructors":[],"deletable":null,"can_edit":false,"can_view":false,"can_register":false,"can_unlink":false,"roles":[],"site_groups":[],"policies":[],"age":null,"displayAge":null,"instructor_ids":[]};
81	            preventDuplicates = false;
82    	var adminScope = false;
83	
84	allGenders = {"2":{"gender_id":2,"description_string_id":715,"gender_code":"F","sc_gender_code":"F","sort_order":0,"league_gender_id":null,"deleted":0,"guid":null,"local_string":{"eng":{"summary":"Female","content":null},"fre":{"summary":"Femme","content":null}}},"1":{"gender_id":1,"description_string_id":714,"gender_code":"M","sc_gender_code":"M","sort_order":1,"league_gender_id":null,"deleted":0,"guid":null,"local_string":{"eng":{"summary":"Male","content":null},"fre":{"summary":"Homme","content":null}}},"3":{"gender_id":3,"description_string_id":894,"gender_code":"NB","sc_gender_code":"Non-binary","sort_order":2,"league_gender_id":null,"deleted":0,"guid":null,"local_string":{"eng":{"summary":"Non-Binary","content":null}}}};
85
86	
87			isSiteLive = true;
88	
89    		policyMandatoryScroll = true;
90        	birthdateRequired = 0;
91    
92	var __RESPONSIVE_SLIDERS_URL = '/js/ui-widgets/responsiveslides.min.js';
93	var __INCLUDE_CSS = '/js/chosen/chosen.min.css?1790775045,/css/overcast/jquery-ui-1.10.3.custom.min.css?1790775045,/css/tooltipster.bundle.min.css?1790775045,/css/themes/tooltipster-sideTip-shadow.min.css?1790775045,/css/introjs.min.css?1790775045,/css/ui.css?1790775045,/css/multi.min.css?1790775045,/js/fancybox/jquery.fancybox-1.3.4.css?1790775045,/js/selectize/css/selectize.css?1790775045,/css/selectize-disable.css?1790775045,/css/bootstrap.min.css?1790775045,/css/login.css?1790775045,/themes/default/css/theme.css?1790775045,/sites/css/site.css?1786029349';
94        require_address = true;
95    			POLICY_KEY_VALUE_TAGS = {"member_name":"Member Name","member_first_name":"Member First Name","member_last_name":"Member Last Name","member_address1":"Address Line 1","member_address2":"Address Line 2","member_city":"City","member_prov_state":"Province \/ State","member_postal_zip":"Postal \/ Zip Code","member_country":"Country","member_tel":"Telephone","member_tel_alt":"Mobile","member_email":"Email","participant_first_name":"Skater First Name","participant_last_name":"Skater Last Name","participant_name":"Skater Name","participant_birthdate":"Skater Birthdate","participant_age":"Skater Age","participant_gender":"Skater Gender","signature":"Signature","initials":"Initials","checkbox":"Checkbox","custom_field":"Custom Field","expiry|short_date":"Expiry (Short Date)","expiry|medium_date":"Expiry (Medium Date)","expiry|long_date":"Expiry (Long Date)","current_date|short_date":"Current Date (Short)","current_date|medium_date":"Current Date (Medium)","current_date|long_date":"Current Date (Long)","current_date|time":"Current Date (Time)","current_date":"Date","qrcode":"QR Code"};
96	    	POLICY_FONT_OPTIONS = [{"k":"inherit","v":"-- Signature Font --"},{"k":"'Italianno', cursive","v":"Italianno"},{"k":"'Dancing Script', cursive","v":"Dancing Script"},{"k":"'Birthstone', cursive","v":"Birthstone"},{"k":"'Euphoria Script', cursive","v":"Euphoria Script"},{"k":"'Pinyon Script', cursive","v":"Pinyon Script"}];
97        		POLICY_DATE_TAGS = ["current_date|short_date","current_date|medium_date","current_date|long_date","current_date|time"];
98    	
99	var price_inclusive_of_taxes = false;
100    	price_inclusive_of_taxes = false;
101            var autoRenewWizardOptions = {"recurrence_types":[{"k":"month","v":"Monthly"},{"k":"year","v":"Yearly"},{"k":"week","v":"Weekly"},{"k":"day","v":"Daily"}],"recurrence_labels_by_type":{"day":"day(s)","week":"week(s)","month":"month(s)","year":"year(s)"}};
102	var UPLIFTER_STRTOTIME_SETTINGS = {"regex":"\/previous\\s*((((2[0-8]|1[0-9]|[1-9])|(last))\\s*day)?\\s*by\\s*(month[s]?)|((monday)|(tuesday)|(wednesday)|(thursday)|(friday)|(saturday)|(sunday))?\\s*by\\s*(week[s]?)|\\s*by\\s*(year[s]?))\/","day_number":4,"last":5,"month":6,"week_days_gap":7,"monday":8,"tuesday":9,"wednesday":10,"thursday":11,"friday":12,"saturday":13,"sunday":14,"week":15};
103	UPLIFTER_STRTOTIME_SETTINGS.regex = /previous\s*((((2[0-8]|1[0-9]|[1-9])|(last))\s*day)?\s*by\s*(month[s]?)|((monday)|(tuesday)|(wednesday)|(thursday)|(friday)|(saturday)|(sunday))?\s*by\s*(week[s]?)|\s*by\s*(year[s]?))/;
104</script>
104<!--[if lte IE 8]>
105<script type="text/javascript" src="/js/ie.js"></script>
vendor: 1 bytes, line 105
105
106<script type="text/javascript" src="/js/es5-shim.min.js"></script>
vendor: 1 bytes, line 106
106
107<script type="text/javascript" src="/js/es5-sham.min.js"></script>
107
108<![endif]-->
109<script type="text/javascript" src="/js/es6-shim.min.js"></script>
vendor: 1 bytes, line 109
109
110<script type="text/javascript" src="/js/es6-sham.min.js"></script>
110
111	
111<script type="text/javascript" src="/js/jquery-1.8.3.min.js?1790775045"></script>
111
112	
112<script type="text/javascript" src="/js/jquery-migrate-1.1.1.min.js?1790775045"></script>
112
113	
113<script type="text/javascript" src="/js/jquery-ui-1.10.3.custom.min.js?1790775045"></script>
113
114	
114<script type="text/javascript" src="/js/chosen/chosen.jquery.min.js?1790775045"></script>
114
115	
115<script type="text/javascript" src="/js/multi.js?1790775045"></script>
115
116	
116<script type="text/javascript" src="/js/modernizr.custom.js?1790775045"></script>
116
117	
117<script type="text/javascript" src="/js/jquery.flexnav.min.js?1790775045"></script>
117
118	
118<script type="text/javascript" src="/js/tooltipster.bundle.min.js?1790775045"></script>
118
119	
119<script type="text/javascript" src="/js/strtotime.js?1790775045"></script>
119
120	
120<script type="text/javascript" src="/js/ui.js?1790775045"></script>
120
121	
121<script type="text/javascript" src="/js/localizedFields.js?1790775045"></script>
121
122	
122<script type="text/javascript" src="/js/disableAutoFill.js?1790775045"></script>
122
123	
123<script type="text/javascript" src="/js/jquery.serializejson.min.js?1790775045"></script>
123
124	
124<script type="text/javascript" src="/js/jquery.ui.touch-punch.min.js?1790775045"></script>
124
125	
125<script type="text/javascript" src="/js/jquery-ui-timepicker-addon.js?1790775045"></script>
125
126	
126<script type="text/javascript" src="/js/introjs.min.js?1790775045"></script>
126
127	
127<script type="text/javascript" src="/js/validate.min.js?1790775045"></script>
127
128	
128<script type="text/javascript" src="/js/fancybox/jquery.fancybox-modified-1.3.4.js?1790775045"></script>
128
129	
129<script type="text/javascript" src="/js/knockout-min-3.4.0.js?1790775045"></script>
129
130	
130<script type="text/javascript" src="/js/knockout.mapping-min-2.6.0.js?1790775045"></script>
130
131	
131<script type="text/javascript" src="/js/knockout.validation-min-2.0.3.js?1790775045"></script>
131
132	
132<script type="text/javascript" src="/js/utils/utils.js?1790775045"></script>
132
133	
133<script type="text/javascript" src="/js/moment.min.js?1790775045"></script>
133
134	
134<script type="text/javascript" src="/js/moment-timezone.js?1790775045"></script>
134
135	
135<script type="text/javascript" src="/js/selectize/js/standalone/selectize.min.js?1790775045"></script>
135
136	
136<script type="text/javascript" src="/js/selectize-disabled.js?1790775045"></script>
136
137	
137<script type="text/javascript" src="/js/ko_selectize.js?1790775045"></script>
137
138	
138<script type="text/javascript" src="/js/accounting.min.js?1790775045"></script>
138
139	
139<script type="text/javascript" src="/js/knockout-custom-bindings.js?1790775045"></script>
139
140	
140<script type="text/javascript" src="/js/underscore/underscore-min.js?1790775045"></script>
140
141	
141<script type="text/javascript" src="/js/bootstrap.min.js?1790775045"></script>
141
142	
142<script type="text/javascript" src="/js/jquery.selectlist.min.js?1790775045"></script>
142
143	
143<script type="text/javascript" src="/js/login.js?1790775045"></script>
143
144	
144<script type="text/javascript" src="/js/recaptcha.js?key=6LeWysEUAAAAAN9cNvicDMs_hcT73YMQwKY2yUXq&amp;1790775045"></script>
vendor: 1 bytes, line 144
144
145<script type="text/javascript">
146	var moment_timezone = 'America/Toronto';
147    
148	if (accounting && _ACCOUNTING_SETTING) {
149		accounting.settings = _ACCOUNTING_SETTING
150	}
151
152	let setTimezone = function () {
153		if (typeof moment === 'function' && typeof moment.tz === 'function') {
154			moment.tz.setDefault(moment_timezone);
155		}
156		moment.locale(MOMENT_LOCALE || 'en');
157	};
158
159	if(typeof moment === 'function') {
160		setTimezone();
161	} else if(typeof jQuery === 'function') {
162		$(document).ready(setTimezone)
163    } else {
164    	window.addEventListener('load', setTimezone);
165	}
166    
167</script>
167
168
169	</head>
170	<body id="topPage">
171		
171<script>
vendor: 332 bytes, lines 171-178
171
172
173(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
174	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
175	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
176})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
177
178ga('create', '
178UA-53549833-1
vendor: 53 bytes, lines 178-180
178', {
179	'cookieDomain': 'www.stouffvilleskate.com'
180});
181ga('set','anonymizeIp', true);
182ga('send', 'pageview');
183
184
185(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
186	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
187	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
188	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
189	
190  	var clubGA = '\'UA-61532318-1';
191  	
192  	ga('create', clubGA, 'auto', {'name': 'clubTracker'});
193 	ga('clubTracker.set','anonymizeIp', true);
194	ga('clubTracker.send', 'pageview');
195
196</script>
196
197	<input type="hidden" class="recaptcha" data-action="pageView" data-sitekey="6LeWysEUAAAAAN9cNvicDMs_hcT73YMQwKY2yUXq" />
198	<div id="footerAgreement" class="animated fadeInUp">
199				<div class="m-row">
200			<div class="m-cell-lock fourFifth">
201				<div class="m-cellpad-h"> <b>Browser Cookies</b> </div>
202			</div>
203			<div class="m-cell-lock oneFifth textRight">
204				<div class="m-cellpad-h">
205					<span class="icon-x" id="footerClose"></span>
206				</div>
207			</div>
208		</div>
209		<div class="m-row">
210			<div class="m-cell-lock fiveSixth small-fourFifth xsmall-fullWidth">
211				<div class="m-cellpad"> This site uses cookies necessary to properly function. By closing this popup, clicking a link or continuing to browse otherwise, you agree to the use of cookies. <a href="/ajax/cookies.php" class="fancybox">View our policies.</a> </div>
212			</div>
213			<div class="m-cell-lock oneSixth small-oneFifth xsmall-fullWidth textRight buttonBar">
214				<div class="m-cellpad">
215					<button class="btnAction" id="footerAgree">Accept</button>
216				</div>
217			</div>
218		</div>
219	</div>		<noscript>
220			
221				<style type="text/css">
222					.js_only{
223						display:none;
224					}
225				</style>
226			
227		</noscript>
228
229		<div id="header">
230			<div class="fixedContainer">
231				<div id="topNav">
232	<span class="greeting">
233	<span class="contentPlaceholder" data-content-placeholder="greeting"></span>
234</span>	<nav class="dropdown">
235		<ul id="topNavMenu">
236							
237	<li class="ClubInfo" >
238		        		 <a title="Club Info" class="" href="/pages/club-info/"  > 										<span class="menuText">Club Info</span>
239														</a>
240							
241				
242																																																																																																
243								<ul>
244																		
245	<li class="AboutUs" >
246		        		 <a title="About Us" class="" href="/pages/club-info/about-us/"  > 										<span class="menuText">About Us</span>
247														</a>
248					</li>
249																								
250	<li class="Coaches" >
251		        		 <a title="Coaches" class="" href="/pages/club-info/coaches1/"  > 										<span class="menuText">Coaches</span>
252														</a>
253					</li>
254																								
255	<li class="Policies" >
256		        		 <a title="Policies" class="" href="/pages/club-info/policies/"  > 										<span class="menuText">Policies</span>
257														</a>
258					</li>
259																								
260	<li class="FAQ" >
261		        		 <a title="FAQ" class="" href="/pages/club-info/faq/"  > 										<span class="menuText">FAQ</span>
262														</a>
263					</li>
264																								
265	<li class="BoardofDirectors" >
266		        		 <a title="Board of Directors" class="" href="/pages/club-info/board-of-directors/"  > 										<span class="menuText">Board of Directors</span>
267														</a>
268					</li>
269																								
270	<li class="ConcussionAwareness" >
271		        		 <a title="Concussion Awareness" class="" href="/pages/club-info/concussion-information-video/"  > 										<span class="menuText">Concussion Awareness</span>
272														</a>
273					</li>
274																				</ul>
275				
276						</li>
277							
278	<li class="GetInvolved" >
279		        		 <a title="Get Involved" class="" href="/pages/get-involved/"  > 										<span class="menuText">Get Involved</span>
280														</a>
281							
282				
283																																																																										
284								<ul>
285																		
286	<li class="BoardofDirectors" >
287		        		 <a title="Board of Directors" class="" href="/pages/get-involved/board-members/"  > 										<span class="menuText">Board of Directors</span>
288														</a>
289					</li>
290																								
291	<li class="ClubVolunteers" >
292		        		 <a title="Club Volunteers" class="" href="/pages/get-involved/club-volunteers/"  > 										<span class="menuText">Club Volunteers</span>
293														</a>
294					</li>
295																								
296	<li class="IceShowVolunteers" >
297		        		 <a title="Ice Show Volunteers" class="" href="/pages/get-involved/ice-show-volunteers/"  > 										<span class="menuText">Ice Show Volunteers</span>
298														</a>
299					</li>
300																								
301	<li class="ProgramAssistantVolunteers" >
302		        		 <a title="Program Assistant Volunteers" class="" href="/pages/get-involved/program-assistants/"  > 										<span class="menuText">Program Assistant Volunteers</span>
303														</a>
304					</li>
305																				</ul>
306				
307						</li>
308							
309	<li class="RegistrationHelp" >
310		        		 <a title="Registration Help" class="" href="/pages/instructions/"  > 										<span class="menuText">Registration Help</span>
311														</a>
312										</li>
313										
314	<li class="Login" data-content-placeholder="userNavLis">
315		        		 <a title="Login" class="userLogin userMenuItem" href="/login/"  > 										<span class="menuText">Login</span>
316														</a>
317										</li>
318					</ul>
319	</nav>
320	<div class="clear"></div>
321</div>				<div id="clubLogo" class="fixedContainer">
322					 <a href="/" > <img id="headerImage" data-src-large="/sites/images/top_header.png?1791185154" data-src-small="/sites/images/logo-mobile.png?1791185154" title="Stouffville Skating Club" alt="Stouffville Skating Club"/> </a> </div>
323
324				
324<script>setHeaderImage();</script>
324
325				<nav id="mainNav" class="dropdown">
326		<span class="menuTarget" title="Menu"></span>
327	<ul class="menuItems" id="mainNavMenu">
328					
329	<li class="FeesSchedules" >
330		        		 <a title="Fees &amp; Schedules" class="" href="/pages/at-a-glance/"  > 										<span class="menuText">Fees &amp; Schedules</span>
331														</a>
332							
333				
334																																																															
335								<ul>
336																		
337	<li class="Fees" >
338		        		 <a title="Fees" class="" href="/pages/at-a-glance/fees/"  > 										<span class="menuText">Fees</span>
339														</a>
340										</li>
341																								
342	<li class="WeeklySchedule" >
343		        		 <a title="Weekly Schedule" class="" href="/pages/at-a-glance/schedule/"  > 										<span class="menuText">Weekly Schedule</span>
344														</a>
345										</li>
346																								
347	<li class="Calendar" >
348		        		 <a title="Calendar" class="" href="/pages/at-a-glance/gcalendar/"  > 										<span class="menuText">Calendar</span>
349														</a>
350										</li>
351																				</ul>
352				
353						</li>
354					
355	<li class="LearntoSkate" >
356		        		 <a title="Learn to Skate" class="" href="/pages/learn-to-skate/"  > 										<span class="menuText">Learn to Skate</span>
357														</a>
358							
359				
360																																																				
361								<ul>
362																		
363	<li class="PreCanSkateAge35" >
364		        		 <a title="Pre-CanSkate Age 3 - 5" class="" href="/pages/learn-to-skate/precanskate/"  > 										<span class="menuText">Pre-CanSkate Age 3 - 5</span>
365														</a>
366										</li>
367																								
368	<li class="CanSkateAge512" >
369		        		 <a title="CanSkate Age 5 - 12" class="" href="/pages/learn-to-skate/canskate/"  > 										<span class="menuText">CanSkate Age 5 - 12</span>
370														</a>
371							
372				
373																												
374				
375						</li>
376																				</ul>
377				
378						</li>
379					
380	<li class="StarSkate" >
381		        		 <a title="StarSkate" class="" href="/pages/starskate/"  > 										<span class="menuText">StarSkate</span>
382														</a>
383							
384				
385																																																																										
386								<ul>
387																		
388	<li class="StarskateCoaches" >
389		        		 <a title="Starskate Coaches" class="" href="/pages/starskate/coaches/"  > 										<span class="menuText">Starskate Coaches</span>
390														</a>
391										</li>
392																								
393	<li class="IntrotoStar" >
394		        		 <a title="Intro to Star" class="" href="/pages/starskate/junior/"  > 										<span class="menuText">Intro to Star</span>
395														</a>
396										</li>
397																								
398	<li class="Intermediate" >
399		        		 <a title="Intermediate" class="" href="/pages/starskate/intermediate/"  > 										<span class="menuText">Intermediate</span>
400														</a>
401										</li>
402																								
403	<li class="Senior" >
404		        		 <a title="Senior" class="" href="/pages/starskate/senior/"  > 										<span class="menuText">Senior</span>
405														</a>
406										</li>
407																				</ul>
408				
409						</li>
410					
411	<li class="Gallery" >
412		        		 <a title="Gallery" class="" href="/pages/gallery/"  > 										<span class="menuText">Gallery</span>
413														</a>
414							
415				
416																																																															
417								<ul>
418																		
419	<li class="TheHatIceShow2018" >
420		        		 <a title="The Hat Ice Show 2018" class="" href="/pages/gallery/ice-show-2018-the-hat/"  > 										<span class="menuText">The Hat Ice Show 2018</span>
421														</a>
422										</li>
423																									
424																								
425	<li class="CountryClosetotheCity2025" >
426		        		 <a title="Country Close to the City - 2025" class="" href="/pages/gallery/ice-show-2025-country-close-to-the-city/"  > 										<span class="menuText">Country Close to the City - 2025</span>
427														</a>
428										</li>
429																				</ul>
430				
431						</li>
432						
433						
434						
435						
436						
437						
438						
439						
440						
441						
442						
443						
444						
445					
446	<li class="Registration" >
447		        		 <a title="Registration" class="" href="/registration/"  > 										<span class="menuText">Registration</span>
448														</a>
449							
450				
451																																																																																																											
452								<ul>
453																		
454	<li class="PreCanSkateAge35" >
455		        		 <a title="Pre-CanSkate Age 3 - 5" class="" href="/registration/precanskate/"  > 										<span class="menuText">Pre-CanSkate Age 3 - 5</span>
456														</a>
457										</li>
458																								
459	<li class="CanSkateAge512" >
460		        		 <a title="CanSkate Age 5 - 12" class="" href="/registration/canskate/"  > 										<span class="menuText">CanSkate Age 5 - 12</span>
461														</a>
462										</li>
463																								
464	<li class="IntrotoStar" >
465		        		 <a title="Intro to Star" class="" href="/registration/intro-to-star/"  > 										<span class="menuText">Intro to Star</span>
466														</a>
467										</li>
468																								
469	<li class="Intermediate" >
470		        		 <a title="Intermediate" class="" href="/registration/intermediate/"  > 										<span class="menuText">Intermediate</span>
471														</a>
472							
473				
474																																																				
475								<ul>
476																		
477	<li class="NewIntermediateSkaters" >
478		        		 <a title="New Intermediate Skaters" class="" href="/registration/intermediate/new-skaters/"  > 										<span class="menuText">New Intermediate Skaters</span>
479														</a>
480					</li>
481																								
482	<li class="ReturningIntermediateSkaters" >
483		        		 <a title="Returning Intermediate Skaters" class="" href="/registration/intermediate/returning-skaters/"  > 										<span class="menuText">Returning Intermediate Skaters</span>
484														</a>
485					</li>
486																				</ul>
487				
488						</li>
489																								
490	<li class="Senior" >
491		        		 <a title="Senior" class="" href="/registration/senior/"  > 										<span class="menuText">Senior</span>
492														</a>
493										</li>
494																								
495	<li class="ProgramAssistants" >
496		        		 <a title="Program Assistants" class="" href="/registration/program-assistants/"  > 										<span class="menuText">Program Assistants</span>
497														</a>
498										</li>
499																								
500	<li class="IceShowAlllevels" >
501		        		 <a title="Ice Show (All levels)" class="" href="/registration/ice-show/"  > 										<span class="menuText">Ice Show (All levels)</span>
502														</a>
503							
504				
505																																																															
506								<ul>
507																		
508	<li class="PreCanSkate" >
509		        		 <a title="Pre-CanSkate" class="" href="/registration/ice-show/pre-canskate/"  > 										<span class="menuText">Pre-CanSkate</span>
510														</a>
511					</li>
512																								
513	<li class="CanSkate" >
514		        		 <a title="CanSkate" class="" href="/registration/ice-show/canskate/"  > 										<span class="menuText">CanSkate</span>
515														</a>
516					</li>
517																								
518	<li class="StarSkate" >
519		        		 <a title="StarSkate" class="" href="/registration/ice-show/starskate/"  > 										<span class="menuText">StarSkate</span>
520														</a>
521					</li>
522																				</ul>
523				
524						</li>
525																				</ul>
526				
527						</li>
528					
529	<li class="News" >
530		        		 <a title="News" class="" href="/news/"  > 										<span class="menuText">News</span>
531														</a>
532										</li>
533					
534	<li class="ContactUs" >
535		        		 <a title="Contact Us" class="" href="/contact-us/"  > 										<span class="menuText">Contact Us</span>
536														</a>
537										</li>
538			</ul>
539	<div class="clear"></div>
540</nav>			</div>
541		</div>
542				<div id="content">
543			<div class="fixedContainer clearfix">
544									<div id="topNotices">
545										</div>
546								<div class="contentSection">
547					<div class="mainBody fixedContainer">
548<aside id="subNav" class="leftSubNav loginContent noPadding">
549	<div class="fixedPadding">
550	<h2>Have an Account?</h2>
551	<p>If you've registered with us previously, please login below to proceed.</p>
552	<form method="post" class="twoColumns">
553		<div class="field"> <label>Email Address:</label> <input type="email" name="email" value=""/>
554		</div>
555		<div class="field"> <label>Password:</label> <input type="password" name="password" autocomplete="off" />
556		</div>
557		<div class="field">
558			<input type="submit" name="login" class="btnAction" value="Login"/>
559		</div>
560
561		<div class="warningMsg">
562		<h3>Forgot your password?</h3><p><a href="/reset-password.php">Click here to reset your password.</a></p>
563		</div>
564	</form>
565    </div>
566</aside>
567<article id="pageBody" class="bodyWithNav">
568	<div class="fixedPadding">
569	<h2>First Time Registering?</h2>
570	<p>If you have never registered for a program on this website, you will need to setup an account to get started.</p>
571	<p><span class="req">Required Fields are marked with an asterisk *</span></p>
572	<form method="post" action="/signup/" enctype="multipart/form-data">
573
574		<fieldset class="threeColumns">
575			<legend>Account Login Information</legend>
576			<p>Please provide an email and password ( minimum 12 characters, minimum 1 letter, and 1 number required ) for the primary member of your account. Keep this information to register your skater for additional programs in the future and to gain access to member features, such as invoice history, skater profiles and family calendars.</p>
577			<div class="field isRequired"> <label for="email">Email Address</label> <input id="email" class="" name="email" type="email" value=""/>
578			</div>
579			<div class="field isRequired"> <label for="password">Password</label> <input type="password" id="password" class="" required minlength="12" name="password" value="" autocomplete="off"/>
580			</div>
581			<div class="field isRequired"> <label for="password_conf">Confirm Your Password</label> <input type="password" id="password_conf" class="" required minlength="12" name="password_conf" value="" autocomplete="off"/>
582			</div>
583			<br class="clear" />
584		</fieldset>
585		<fieldset>
586															<div class="twoColumns">
587				<div class="field">
588					<header class="isRequired"> <label for="first_name">First Name</label> </header>
589					<input id="first_name" class="" name="first_name" type="text" value=""/>
590				</div>
591				<div class="field">
592					<header class="isRequired"> <label for="last_name">Last Name</label> </header>
593					<input id="last_name" class="" name="last_name" type="text" value=""/>
594				</div>
595							</div>
596			<div class="twoColumns">
597				<div style="display:none;" class="field creating_participant">
598					<header class="isRequired"> <label for="gender">Gender</label> </header>
599					<select id="gender" name="gender_id" class="">
600						<option value="">--</option>
601						<option value="2">Female</option>
602<option value="1">Male</option>
603<option value="3">Non-Binary</option>
604
605					</select>
606				</div>
607				<div style="display:none;" class="field creating_participant">
608                    											<header class="isRequired"> <label for="dd">Birthdate <span class="small"> ( DD / MM / YYYY )</span>
609							</label>
610						</header>
611										<div>
612                                                							<input class="dd" type="text" name="dd" value="" id="dd"/>
613                            <span class="sideDivider">/</span>                        							<input class="mm" type="text" name="mm" value="" id="mm"/>
614                            <span class="sideDivider">/</span>                        							<input class="yyyy" type="text" name="yyyy" value="" id="yyyy"/>
615                                                    					</div>
616				</div>
617								<br class="clear" />
618			</div>
619		</fieldset>
620			<section id="club-policies">
621				<!-- ko foreach: groupedPolicies -->
622				<fieldset>
623					<legend data-bind="text: type"></legend>
624					<ul class="unstyled" data-bind="foreach: policies">
625						<li class="m-row">
626							<div data-bind="template: 'clubPolicyModal'"></div>
627						</li>
628					</ul>
629				</fieldset>
630				<!-- /ko -->
631			</section>
632
633						<fieldset class="">
634				<legend>Address</legend>
635				<p>Please provide the main contact address for this member account.</p>
636				<div class="twoColumns">
637					<div class="oneColumn">
638												<div class="field isRequired"> <label for="address1">Address</label> <input id="address1" class="" name="address1" value="" />
639						</div>
640						<div class="field"> <label for="address2">Address Line 2</label> <input id="address2" class="" name="address2" value="" />
641						</div>
642					</div>
643				</div>
644				<div class="threeColumns">
645					<div class="field isRequired"> <label for="city">City</label> <input id="city" class="" name="city" value="" />
646					</div>
647					<div class="field isRequired"> <label for="prov">Province / State</label> <select name="prov" id="prov" class="cascadingProvince " data-country-selector="#country">
648							<option value=""> -- </option>
649						</select>
650					</div>
651					<div class="field isRequired"> <label for="country">Country</label> <select name="country" id="country" class="">
652															<option value="CAN" selected="selected">Canada</option>
653
654													</select>
655					</div>
656					<div class="field isRequired"> <label for="postal">Postal / Zip Code</label> <input id="postal" class="" name="postal" value="" />
657					</div>
658					<div class="field isRequired"> <label for="phone">Phone</label> <input id="phone" class="" type="tel" name="phone" value="" />
659					</div>
660					<div class="field"> <label for="cell">Mobile</label> <input id="cell" class="" type="tel" name="cell" value="" />
661					</div>
662				</div>
663				<br class="clear" />
664			</fieldset>
665						<fieldset>
666				<legend>Communication Preferences</legend>
667								<div class="field col oneFifthCol"> <label for="mail_list_1" class="inlineLabel"> <label><input type="radio" name="mail_list[1]" id="mail_list_yes_1" value="1" checked="checked" disabled="disabled"/>Yes</label> <label><input type="radio" name="mail_list[1]" id="mail_list_no_1" class="list-warning-popup" value="0" disabled="disabled"  />No</label> </label> </div>
668				<div class="field col threeFourthCol">
669					<label class="itemTitle">Transaction &amp; Service Notifications</label>
670					<span class="itemDesc">These messages include copies of your invoices, waitlist notifications and any factual messages directly related to the specific delivery of any products or services that members have purchased, such as class re-scheduling or cancellation notices.</span>
671				</div>
672				<br class="clear" />
673								<div class="field col oneFifthCol"> <label for="mail_list_2" class="inlineLabel"> <label><input type="radio" name="mail_list[2]" id="mail_list_yes_2" value="1" checked="checked"/>Yes</label> <label><input type="radio" name="mail_list[2]" id="mail_list_no_2" class="list-warning-popup" value="0"  />No</label> </label> </div>
674				<div class="field col threeFourthCol isRequired">
675					<label class="itemTitle">Member Information Messages</label>
676					<span class="itemDesc">These messages provide factual information and details regarding your ongoing subscriptions or membership account updates, such as an upcoming membership subscription expiry or a club AGM notice.</span>
677				</div>
678				<br class="clear" />
679								<div class="field col oneFifthCol"> <label for="mail_list_3" class="inlineLabel"> <label><input type="radio" name="mail_list[3]" id="mail_list_yes_3" value="1"/>Yes</label> <label><input type="radio" name="mail_list[3]" id="mail_list_no_3" class="list-warning-popup" value="
6790"  />No</label> </label> </div>
680				<div class="field col threeFourthCol isRequired">
681					<label class="itemTitle">News, Upcoming Program &amp; Registration Information</label>
682					<span class="itemDesc">These messages provide up-to-date news about the organization, upcoming programs and registration information, such as an upcoming competition or show, program registration opening dates and other club news. You may opt out of these messages at any time.</span>
683				</div>
684				<br class="clear" />
685								<div class="smsLists" style="display: none;">
686                    						<div class="field col oneFifthCol"> <label for="sms_list_1" class="inlineLabel"> <label><input type="radio" name="sms_list[1]" id="sms_list_yes_1" value="1" checked="checked"/>Yes</label> <label><input type="radio" name="sms_list[1]" id="sms_list_no_1" class="list-warning-popup" value="0"/>No</label> </label> </div>
687						<div class="field col threeFourthCol isRequired">
688							<label class="itemTitle">SMS Notifications</label>
689							<span class="itemDesc">These messages provide up to date information at the club’s discretion delivered to the user’s mobile device via text message.</span>
690						</div>
691						<br class="clear" />
692                    				</div>
693			</fieldset>
694						<input type="hidden" name="signup" value="1" />
695							<input type="hidden" name="g-recaptcha-response-v3" id="reCaptchaCode">
696				<button
697						class="g-recaptcha btnAction"
698						data-sitekey="6LeWysEUAAAAAN9cNvicDMs_hcT73YMQwKY2yUXq"
699						data-callback='signup_onSubmit'
700						data-action='signup'>Create Account</button>
701				
701<script type="text/javascript">
702					function signup_onSubmit(token) {
703						$('#reCaptchaCode').val(token).closest('form')[0].submit();
704					}
705				</script>
705
706					</form>
707		</div>
708	</article> 
709</div>
710<script>
711	var instructors = {"7":{"instructor_id":7,"user_id":174,"first_name":"Natalia","last_name":"Antonacci","weekdays_avail":null,"deleted":0,"update_time":1768935495,"name":"Natalia Antonacci","context_id":7,"encoded_id":"{\"instructor_id\":7}"},"6":{"instructor_id":6,"user_id":2035,"first_name":"Karen","last_name":"Bates","weekdays_avail":null,"deleted":0,"update_time":1768935516,"name":"Karen Bates","context_id":6,"encoded_id":"{\"instructor_id\":6}"},"13":{"instructor_id":13,"user_id":null,"first_name":"Natalie","last_name":"Chung","weekdays_avail":null,"deleted":0,"update_time":1771542290,"name":"Natalie Chung","context_id":13,"encoded_id":"{\"instructor_id\":13}"},"12":{"instructor_id":12,"user_id":3175,"first_name":"Julia","last_name":"Ciorgovean","weekdays_avail":null,"deleted":0,"update_time":1771868249,"name":"Julia Ciorgovean","context_id":12,"encoded_id":"{\"instructor_id\":12}"},"5":{"instructor_id":5,"user_id":null,"first_name":"Cathy","last_name":"Dumevski","weekdays_avail":null,"deleted":0,"update_time":1712699436,"name":"Cathy Dumevski","context_id":5,"encoded_id":"{\"instructor_id\":5}"},"10":{"instructor_id":10,"user_id":3172,"first_name":"Jenn","last_name":"Ferris","weekdays_avail":null,"deleted":0,"update_time":1771587182,"name":"Jenn Ferris","context_id":10,"encoded_id":"{\"instructor_id\":10}"},"11":{"instructor_id":11,"user_id":145,"first_name":"Erika","last_name":"Gregory","weekdays_avail":null,"deleted":0,"update_time":1784565598,"name":"Erika Gregory","context_id":11,"encoded_id":"{\"instructor_id\":11}"},"9":{"instructor_id":9,"user_id":null,"first_name":"Joshua","last_name":"Inward","weekdays_avail":null,"deleted":0,"update_time":1770159951,"name":"Joshua Inward","context_id":9,"encoded_id":"{\"instructor_id\":9}"},"3":{"instructor_id":3,"user_id":20,"first_name":"Janet","last_name":"Williams","weekdays_avail":null,"deleted":0,"update_time":1602003547,"name":"Janet Williams","context_id":3,"encoded_id":"{\"instructor_id\":3}"}};
712	var pageData = [];
713	var displayBirthdate = null;
714
715	var policyPost = {};
716		$().ready(function() {
717		$('#cell').change(function(){
718			toggleSmsOptInPreferencesVisibility();
719		});
720		const toggleSmsOptInPreferencesVisibility = function() {
721			if ($('#cell').val()) {
722				$('.smsLists input').attr('disabled', false);
723				$('.smsLists').show();
724			} else {
725				$('.smsLists').hide();
726				$('.smsLists input').attr('disabled', true);
727			}
728		}
729		toggleSmsOptInPreferencesVisibility();
730	});
731</script>
731					<div class="clear"></div>
732				</div> 
733
734				<div class="clear"></div>
735			</div>
736		</div>
737					<div class="sponsorBar">
738				<div class="fixedContainer">
739				<!-- Footer – Stouffville Skating Club --><footer class="ssc-footer">
740<style>
741    .ssc-footer {
742      background:#0b132b;
743      padding:30px 20px;
744      color:#fff;
745    }
746    .ssc-footer .wrap {
747      max-width:1100px;
748      margin:0 auto;
749      display:flex;
750      flex-direction:column;
751      align-items:center;
752      gap:18px;
753    }
754    .ssc-footer .logos {
755      display:flex;
756      align-items:center;
757      gap:28px;
758    }
759    .ssc-footer img {
760      height:50px;
761      width:auto;
762      display:block;
763    }
764    .ssc-footer a {
765      display:inline-block;
766      transition:opacity .2s ease;
767    }
768    .ssc-footer a:hover {
769      opacity:.8;
770    }
771    .ssc-footer .copy {
772      font-size:13px;
773      color:#d1dcff;
774    }
775  </style>
776<div class="wrap">
777<div class="logos"><!-- Skate Canada --> <a href="https://skatecanada.ca/" target="_top"><img src="/sites/files/SC-Emblem_RGB-Contained.png" border="0"></a> <!-- Instagram --> <a href="https://www.instagram.com/stouffvilleskatingclub/" target="_blank" rel="noopener"> <img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" border="0" alt="Instagram" height="40"></a><a href="https://www.facebook.com/StouffvilleSkates" target="_top"><img src="/sites/files/Facebook_Logo_(2019).png" border="0"></a></div>
778<div class="copy">&copy; Stouffville Skating Club &ndash; All Rights Reserved</div>
779</div>
780</footer>				</div>
781			</div>
782				
783		<div id="footer">
784		<footer>
785			<div class="fixedContainer  clearfix">
786							<span>
787				<b>Stouffville Skating Club</b><br />
788				120 Weldon Road  Stouffville, Ontario  L4A 1N2 |  			
789				(905) 642-8651 | 				<a href="mailto: [email protected]">[email protected]</a>				</span>
790							<ul id="bottomNav">
791			<li><a href="/sitemap/">Sitemap</a></li>
792														<li><a href="/pages/terms/"> Terms &amp; Conditions</a></li>
793			</ul>							</div>
794							<div class="fixedContainer copyright textCenter"> &copy; 2026 powered by <a href="https://www.uplifterinc.com/skate-club-management-software" target="_blank">Uplifter Inc.</a> </div>
795					</footer>
796		</div>
797
798					
798<script type="text/html" id="siteFieldEdit">
799	<!-- ko if: isReadOnly -->
800	<div data-bind="template: 'siteFieldView'"></div>
801	<!-- /ko -->
802	<!-- ko ifnot: isReadOnly -->
803	<section class="site-field-wrap" data-bind="css: { isRequired: site_field.required(), allowMultiples: site_field.allowMultiples() }, attr: {'data-name': getInputName}">
804		<header>
805			<label>
806				<!-- ko text: site_field.name --><!-- /ko -->
807				<!-- ko if: getError() -->
808				<span class="icon-alert-circled staticIcon tooltip" data-bind="attr: {title: getError}"></span>
809				<!-- /ko -->
810				<!-- ko if: site_field.isLeagueParticipantField && site_field.isLeagueParticipantField() && $parents[1] && ko.unwrap($parents[1].hasLeagueSeasonSubscription) && $root && ko.unwrap($root.leagueIcon) -->
811				<span data-bind="attr: {class: $root.leagueIcon}"></span>
812				<!-- /ko -->
813                				<!-- ko if: site_field.help_text -->
814				<span class="icon-help tooltip" data-bind="attr: { title: site_field.help_text}"></span>
815				<!-- /ko -->
816			</label>
817		</header>
818		<!-- ko if: mode() == 'simple' -->
819		<div class="site-field-values">
820			<!-- ko if: allowMultiples() || values().length > 1 -->
821			<div class="m-table site-field-value-wrap">
822				<!-- ko foreach: values -->
823				<div class="m-row site-field-value">
824					<div class="m-cell-lock sevenEighth">
825						<input type="text" data-bind="value: value, css: $parent.getIn
825putClass, attr: { name: $parent.getInputName }"/>
826					</div>
827					<div class="m-cell-lock oneEighth" >
828						<span class="icon-delete" data-bind="click: $parent.removeValue"></span>
829					</div>
830				</div>
831				<!-- /ko -->
832			</div>
833			<!-- /ko -->
834
835			<!-- ko if: !allowMultiples() && values().length == 1 -->
836			<div>
837				<!-- ko if: allowUpdate -->
838				<div class="m-row site-field-value">
839					<div class="m-cell-lock sevenEighth">
840						<input type="text" data-bind="value: firstValue(), css: getInputClass, attr: { name: getInputName }"/>
841					</div>
842					<div class="m-cell-lock oneEighth">
843						<span class="icon-delete" data-bind="click: removeValue"></span>
844					</div>
845				</div>
846				<!-- /ko -->
847
848				<!-- ko ifnot: allowUpdate -->
849				<span data-bind="text: formatValue()"></span>
850				<!-- /ko -->
851			</div>
852			<!-- /ko -->
853
854		</div>
855		<!-- ko if: allowMultiples -->
856		<footer> <span class="icon-add iconBtn" data-bind="click: addValue">Add Row</span>
857		</footer>
858		<!-- /ko -->
859		<!-- /ko -->
860		<!-- ko if: mode() == 'select' -->
861		<div class="site-field-values">
862			<select data-bind="selectize: selectOptions,
863					selectedOptions: selectedOptions,
864					selectizeDropdownParent: 'body',
865					css: getInputClass,
866					attr: { name: getInputName },
867					optionsValue: 'name',
868					optionsText: 'text',
869					optionsMaxItems: optionsMaxItems(),
870					optionsCreate: optionsCreate(),
871					onItemAdd: onItemAdd(),
872					selectizePlaceholder: selectizePlaceholder()" multiple="multiple"></select>
873		</div>
874		<!-- /ko -->
875		<!-- ko if: mode() == 'image' || mode() == 'file' -->
876		<div class="site-field-values">
877			<!-- ko foreach: values -->
878			<div class="m-row site-field-value" data-bind="if: (value() && value() !== 'deleted')">
879				<div class="m-cell-lock sevenEighth">
880					<a target="_blank" data-bind="css: { 'icon-file': $parent.mode() == 'file' }, attr: { href: $parent.getFileSrc(value()), download: $parent.getFileName(value()) }">
881						<!-- ko if: $parent.mode() == 'image' -->
882						<img style="min-width: 50px; max-height: 300px;" data-bind="attr: { src: $parent.getThumbnailSrc(value()) }"/>
883						<!-- /ko -->
884						<p data-bind="text: $parent.getFileName(value())"></p>
885					</a>
886				</div>
887				<div class="m-cell-lock oneEighth">
888					<span class="icon-delete tooltip" title="Delete" data-bind="click: $parent.removeValue"></span>
889				</div>
890			</div>
891			<!-- /ko -->
892			<!-- ko if: !values().length || !values()[0].value() || values()[0].value() === 'deleted' -->
893            				<input type="file" data-bind="event: { change: selectFile($element)}, attr: {accept: acceptedTypes()}">
894            			<!-- /ko -->
895		</div>
896		<!-- /ko -->
897		<!-- ko if: mode() === 'instructor' -->
898		<div class="site-field-values">
899			<!-- ko if: allowInstructorCreation -->
900			<!-- ko if: allowMultiples -->
901			<!-- ko if : values().length -->
902			<ul class="selectlist-list" data-bind="foreach: values">
903				<li class="m-row selectlist-item">
904								<span class="m-cell-lock sevenEighth" data-bind="text: $parent.getInstructorName(value())">
905								</span>
906					<div class="m-cell-lock oneEighth textRight">
907						<span class="icon-delete" data-bind="click: $parent.removeValue"></span>
908					</div>
909				</li>
910			</ul>
911			<!-- /ko -->
912
913			<!-- ko ifnot: instructor -->
914			<span class="m-cell-lock sevenEighth">
915				<input type="text" data-bind="instructorFieldAutoComplete: $data, css: $parent.getIn
915putClass, attr: { name: getInputName }" placeholder="Instructor Email ..."/>
916			</span>
917			<span class="m-cell-lock oneEighth textRight">
918				<!-- ko if: error -->
919					<span class="icon-alert-circled tooltip icon" data-bind="attr: { title: error }"></span>
920				<!-- /ko -->
921			</span>
922			<!-- /ko -->
923			<!-- /ko -->
924
925			<!-- ko ifnot: allowMultiples -->
926			<!-- ko if: !values().length && !instructor() -->
927			<span class="m-cell-lock sevenEighth">
928				<input type="text" data-bind="instructorFieldAutoComplete: $data, css: $parent.getInputClass, attr: { name: getInputName }" placeholder="Instructor Email ..."/>
929			</span>
930			<span class="m-cell-lock oneEighth textRight">
931				<!-- ko if: error -->
932					<span class="icon-alert-circled tooltip icon" data-bind="attr: { title: error }"></span>
933				<!-- /ko -->
934			</span>
935			<!-- /ko -->
936			<!-- ko if: values().length -->
937			<span class="m-cell-lock sevenEighth" data-bind="text: getInstructorName(firstValue())"></span>
938			<div class="m-cell-lock oneEighth textRight">
939				<span class="icon-delete" data-bind="click: removeValue"></span>
940			</div>
941			<!-- /ko -->
942			<!-- /ko -->
943			<!-- /ko -->
944			<!-- ko ifnot: allowInstructorCreation -->
945			<!-- ko if: SiteField.instructors()() !== false -->
946			<!-- ko if: allowMultiples -->
947			<select data-bind="selectize: selectOptions,
948						selectedOptions: selectedOptions,
949						selectizeDropdownParent: 'body',
950						css: getInputClass,
951						attr: { name: getInputName },
952						optionsValue: 'encoded_id',
953						optionsMaxItems: maxSelections() || null,
954						onItemAdd: function () {
955							updateFB();
956							$('*:focus').blur();
957						},
958						selectizePlaceholder: ' -- '" multiple="multiple"></select>
959			<!-- /ko -->
960			<!-- ko ifnot: allowMultiples -->
961			<select data-bind="selectize: selectOptions,
962						selectedOptions: selectedOptions,
963						selectizeDropdownParent: 'body',
964						css: getInputClass,
965						attr: { name: getInputName },
966						optionsValue: 'encoded_id',
967						selectizePlaceholder: ' -- '"></select>
968			<!-- /ko -->
969			<!-- /ko -->
970			<!-- /ko -->
971
972			<!-- ko if: instructor -->
973			<form data-bind="with: instructor">
974				<input type="text" data-bind="textInput: email" placeholder="E-mail" disabled="disabled">
975				<input type="text" data-bind="textInput: first_name, css: {error: firstNameError}" placeholder="First Name">
976				<input type="text" data-bind="textInput: last_name, css: {error: lastNameError}" placeholder="Last Name">
977
978				<div class="textRight">
979					<button class="btnAction cancelButton" data-bind="click: $parent.clearInstructor">Cancel</button>
980					<button class="btnAction saveButton" data-bind="click: $parent.createInstructor">Add</button>
981				</div>
982			</form>
983			<!-- /ko -->
984		</div>
985		<!-- /ko -->
986
987		<!-- ko if: mode() === 'figure-skating' -->
988		<small data-bind="text: firstValue()"></small>
989		<table>
990			<tbody>
991			<tr>
992				<td class="noPadding">
993					<select data-bind="options: site_field.elementTypes,
994						optionsValue: 'k',
995						optionsText: 'v',
996						value: elementType,
997						optionsCaption: '--',
998						optionsAfterRender: function(){updateFB();}"></select>
999				</td>
1000			</tr>
1001			<!-- ko foreach: elementSelectors -->
1002			<tr>
1003				<td class="noPadding">
1004					<select data-bind="options: options,
1005						optionsValue: 'k',
1006						optionsText: 'v',
1007						value: value,
1008						optionsCaption: '--',
1009						optionsAfterRender: function(){updateFB();}, css: {error: valueError}"></select>
1010				</td>
1011				<!-- ko if: revOptions() !== false -->
1012				<td class="noPadding">
1013					<select data-bind="options: revOptions,
1014						value: revolutions,
1015						optionsCaption: '--', css: {error: revolutionsError}"></select>
1016				</td>
1017				<!-- /ko -->
1018			</tr>
1019			<!-- /ko -->
1020			</tbody>
1021		</table>
1022		<input type="hidden" data-bind="value: firstValue(), attr: {name: getInputName}">
1023		<!-- /ko -->
1024		<!-- ko if: mode() === 'product-recurrence' -->
1025		<div class="site-field-values">
1026			<select data-bind="selectize: selectOptions,
1027			selectedOptions: selectedOptions,
1028			selectizeDropdownParent: 'body',
1029			css: getInputClass,
1030			attr: { name: getInputName },
1031			selectizePlaceholder: ' -- '"></select>
1032		</div>
1033		<!-- /ko -->
1034	</section>
1035	<!-- /ko -->
1036</script>
1036
1037	
1037<script type="text/html" id="siteFieldView">
1038		<section class="site-field-wrap">
1039			<header>
1040				<label>
1041					<span data-bind="text: site_field.name"></span>
1042					<!-- ko if: getError() -->
1043					<span class="icon-alert-circled staticIcon tooltip" data-bind="attr: {title: getError}"></span>
1044					<!-- /ko -->
1045					<!-- ko if: site_field.isLeagueParticipantField && site_field.isLeagueParticipantField() && $parents[1] && ko.unwrap($parents[1].hasLeagueSeasonSubscription) && $root && ko.unwrap($root.leagueIcon) -->
1046					<span data-bind="attr: {class: $root.leagueIcon}"></span>
1047					<!-- /ko -->
1048                    				</label>
1049				<!-- ko if: site_field.context() === 'user' || site_field.context() === 'participant' -->
1050				<small>(<span data-bind="text: context().name"></span>)</small>
1051				<!-- /ko -->
1052			</header>
1053			<!-- ko if: mode() == 'simple' || mode() === 'product-recurrence' -->
1054			<div class="site-field-values m-table">
1055				<!-- ko if: allowMultiples -->
1056				<div class="siteFieldMultiValue">
1057					<!-- ko if: values().length -->
1058					<!-- ko foreach: values -->
1059					<div class="siteFieldData">
1060						<span data-bind="text: value"></span>
1061						<!-- ko if: typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length && $parent.firstValue() -->
1062						<span class="icon-delete" data-bind="click: $parent.removeValue"></span>
1063						<!-- /ko -->
1064					</div>
1065					<!-- /ko -->
1066					<!-- /ko -->
1067					<!-- ko ifnot: values().length > 1 || firstValue() -->
1068					<div class="siteFieldData">
1069						<span><i>--</i></span>
1070					</div>
1071					<!-- /ko -->
1072				</div>
1073				<!-- /ko -->
1074
1075				<!-- ko ifnot: allowMultiples -->
1076				<div class="siteFieldData">
1077					<!-- ko if: firstValue() -->
1078					<span data-bind="text: firstValue()"></span>
1079					<!-- ko if: site_field.league_number_icon && ko.unwrap(context().league_participant_id) -->
1080					<span class="icon-help" data-bind="attr: { class: site_field.league_number_icon }"></span>
1081					<!-- /ko -->
1082					<!-- /ko -->
1083					<!-- ko ifnot: firstValue() -->
1084					<span><i>--</i></span>
1085					<!-- /ko -->
1086				</div>
1087				<!-- /ko -->
1088			</div>
1089			<!-- /ko -->
1090
1091			<!-- ko if: mode() == 'select' -->
1092			<div class="site-field-values">
1093				<!-- ko if: allowMultiples -->
1094				<!-- ko if: typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length > 1 && $parent.firstValue() -->
1095				<!-- ko foreach: values -->
1096				<div class="siteFieldData">
1097					<span data-bind="text: value"></span>
1098					<!-- ko if: typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length > 1 && $parent.firstValue() -->
1099					<span class="icon-delete" data-bind="click: $parent.removeValue"></span>
1100					<!-- /ko -->
1101				</div>
1102				<!-- /ko -->
1103				<!-- /ko -->
1104
1105					<!-- ko if: !(typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length > 1 && $parent.firstValue()) -->
1106					<div class="siteFieldData">
1107						<span data-bind="text: getOptionValues(selectedOptions())"></span>
1108					</div>
1109					<!-- /ko -->
1110				<!-- /ko -->
1111
1112				<!-- ko ifnot: allowMultiples -->
1113				<div class="siteFieldData">
1114					<span data-bind="text: getOptionValue(firstValue())"></span>
1115				</div>
1116				<!-- /ko -->
1117			</div>
1118			<!-- /ko -->
1119
1120			<!-- ko if: mode() == 'image' || mode() == 'file' -->
1121			<div class="site-field-values">
1122				<!-- ko foreach: values -->
1123				<!-- ko if: value() -->
1124				<a target="_blank" data-bind="css: { 'icon-file': $parent.mode() == 'file' }, attr: { href: $parent.getFileSrc(value()), download: $parent.getFileName(value()) }">
1125					<!-- ko if: $parent.mode() == 'image' -->
1126					<img style="min-width: 100px; max-height: 300px;" data-bind="attr: { src: $parent.getThumbnailSrc(value()) }"/>
1127					<!-- /ko -->
1128					<span data-bind="text: $parent.getFileName(value())"></span>
1129				</a>
1130				<!-- /ko -->
1131				<!-- /ko -->
1132			</div>
1133			<!-- /ko -->
1134
1135			<!-- ko if: mode() == 'instructor' -->
1136			<div class="site-field-values">
1137				<!-- ko if: values().length -->
1138				<!-- ko foreach: values -->
1139				<div class="siteFieldData">
1140					<span data-bind="text: $parent.getInstructorName(value())"></span>
1141				</div>
1142				<!-- /ko -->
1143				<!-- /ko -->
1144				<!-- ko ifnot: values().length > 1 || firstValue() -->
1145				<div class="siteFieldData">
1146					<span><i>--</i></span>
1147				</div>
1148				<!-- /ko -->
1149			</div>
1150			<!-- /ko -->
1151
1152			<!-- ko if: mode() == 'figure-skating' -->
1153			<div class="site-field-values m-table">
1154
1155				<!-- ko ifnot: allowMultiples -->
1156				<div class="siteFieldData">
1157					<!-- ko if: firstValue() -->
1158					<span data-bind="text: firstValue()"></span>
1159					<!-- /ko -->
1160					<!-- ko ifnot: firstValue() -->
1161					<span><i>--</i></span>
1162					<!-- /ko -->
1163				</div>
1164				<!-- /ko -->
1165			</div>
1166			<!-- /ko -->
1167		</section>
1168	</script>
1168
1169	
1169<script type="text/html" id="editOrderItemTemp">
1170	<div id="editOrderItemModal" class="popContent">
1171		<header class="headerDivider">
1172			<!-- ko if: order_item -->
1173			<!-- ko with: order_item -->
1174			<div class="m-row">
1175				<div class="m-cell-lock threeFourth">
1176					<h2 data-bind="text: local_string[lang].summary"></h2>
1177					<!-- ko if: product().program -->
1178					<span class="m-cellpad-v">
1179						<div class="nowhitespace metaData inlineBlock">
1180							
1181							<span class="icon-calendar-blank staticIcon" title="Start &amp; End Date" data-bind="text: (function(){
1182								return (product().program.start_date() != product().program.end_date() ? moment(product().program.start_date()).locale(false).format(_DATE_FORMATS[LONG_DATE]) + ' - ' + moment(product().program.end_date()).locale(false).format(_DATE_FORMATS[LONG_DATE]) : moment(product().program.start_date()).locale(false).format(_DATE_FORMATS[LONG_DATE]))
1183								})()"></span>
1184							
1185						</div>
1186						<div class="nowhitespace metaData inlineBlock">
1187							<span class="icon-clock staticIcon" title="Time" data-bind="text: product().program.day_time"></span>
1188						</div>
1189						<div class="nowhitespace metaData inlineBlock">
1190							<!-- ko if: product().program.location.show_address -->
1191								<span class="icon-location staticIcon" title="Location"></span><span data-bind="text: product().program.facility.address.address1"></span><!-- ko if: product().program.facility.address.address2 -->, <span data-bind="text: product().program.facility.address.address2"></span><!-- /ko -->, <span data-bind="text: product().program.facility.address.city"></span> <span data-bind="text: product().program.facility.address.prov"></span>
1192							<!-- /ko -->
1193						</div>
1194					</span>
1195					<!-- /ko -->
1196					<!-- ko if: next_invoice_date --> <span class="nowhitespace metaData inlineBlock"><b>Next Invoice Date: </b><span data-bind="text: next_invoice_date.date(LONG_DATE)"></span></span>
1197					<!-- /ko -->
1198				</div>
1199				<div class="m-cell-lock oneFourth textRight">
1200					<div class="m-cellpad">
1201						<!-- ko if: !canToggleDropIn() || canToggleFullProgram() -->
1202						<div class="originalPrice" data-bind="visible: original_item_price() > discount_price(), text: original_extended_price_display.currency()"></div>
1203						<div class="subtotal" data-bind="text: total_display.currency()"></div>
1204						<!-- /ko -->
1205					</div>
1206				</div>
1207			</div>
1208			<!-- ko if: canToggleDropIn -->
1209			<ul class="radioTabs inlineMobile textRight" style="font-size:1.4em; bottom:-11px;">
1210				<!-- ko if: canToggleFullProgram -->
1211					<!-- ko if: isFullProgram -->
1212						<li class="tab active">
1213							<div class="title">Full Program</div>
1214						</li>
1215						<li class="tab">
1216							<div class="title" data-bind="click: toggleDropIn">Drop In</div>
1217						</li>
1218					<!-- /ko -->
1219					<!-- ko ifnot: isFullProgram -->
1220						<li class="tab" data-bind="click: toggleFullProgram">
1221							<div class="title">Full Program</div>
1222						</li>
1223						<li class="tab active">
1224							<div class="title">Drop In</div>
1225						</li>
1226					<!-- /ko -->
1227				<!-- /ko -->
1228				<!-- ko ifnot: canToggleFullProgram -->
1229				<li class="tab active">
1230					<div class="title">Drop In</div>
1231				</li>
1232				<!-- /ko -->
1233			</ul>
1234			<!-- /ko -->
1235			<!-- /ko -->
1236
1237			<!-- /ko -->
1238
1239			<!-- ko ifnot: order_item -->
1240				<!-- ko if: $root.itemAdded() -->
1241				<h1 class="textCenter">
1242					<!-- ko if: $root.itemsAddedCount() == 1 --> Item Added <!-- /ko -->
1243					<!-- ko if: $root.itemsAddedCount() > 1 --> Added <span data-bind="text: $root.itemsAddedCount"></span> items <!-- /ko -->
1244				</h1>
1245				<!-- /ko -->
1246			<!-- /ko -->
1247
1248			<!-- ko ifnot: $root.itemAdded() -->
1249				<!-- ko if: $root.itemsCount() > 1 -->
1250					<div class="itemCountContainer">
1251						<div class="inlineBlock itemCount"> Item <span data-bind="text: $root.itemNumber"></span> of <span data-bind="text: $root.itemsCount"></span>
1252						</div>
1253					</div>
1254				<!-- /ko -->
1255			<!-- /ko -->
1256		</header>
1257		<div class="popBody">
1258			<div class="m-cellpad">
1259			<!-- ko if: order_item -->
1260			<div data-bind="with: order_item">
1261				<div data-bind="with: $root">
1262						<div class="noticeMessage" >
1263			<!-- ko if: errors().length -->
1264		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
1265				<li class="errorMsg" data-bind="html: $data"></li>
1266			</ul>
1267		</div>
1268		<!-- /ko -->
1269		<!-- ko if: warnings().length -->
1270		<div class="warnings">
1271			<ul data-bind="foreach: warnings">
1272				<li class="warningMsg" data-bind="html: $data"></li>
1273			</ul>
1274		</div>
1275		<!-- /ko -->
1276		<!-- ko if: typeof success === 'function' && success() && success().length -->
1277		<ul class="success" data-bind="foreach: success">
1278			<li class="successMsg" data-bind="text: $data"></li>
1279		</ul>
1280		<!-- /ko -->
1281		
1282</div>
1282				</div>
1283				<!-- ko if: registration() -->
1284					<h3 data-bind="text: $root.title"></h3>
1285					<table data-bind="foreach: $root.dropdowns">
1286						<tr>
1287							<th data-bind="text: $index() + 1 + '.'" width="10%"></th>
1288							
1289							<td data-bind="attr: (function(){return $root.fromWaitList() ? {width: '90%'} : {width: '80%'}})()">
1290								
1291								<!-- ko if: !$parent.product().site_group_type_id() -->
1292								<select class="fullWidth" data-bind="selectize: options,
1293									optionsText: 'name',
1294									optionsValue: 'participant_id',
1295									value: participant_id,
1296									selectizePlaceholder: '--',
1297									selectizeDropdownParent: 'body',
1298									selectizeOnType: adjustDropdown,
1299									selectizeOnDropdownOpen: adjustDropdown,
1300									selectizeDisable: $root.fromWaitList()"></select>
1301								<!-- /ko -->
1302								<!-- ko if: $parent.product().site_group_type_id() -->
1303								<select class="fullWidth" data-bind="selectize: options,
1304									optionsText: 'name',
1305									optionsValue: 'site_group_id',
1306									value: site_group_id,
1307									selectizePlaceholder: '--',
1308									selectizeDropdownParent: 'body',
1309									selectizeOnType: adjustDropdown,
1310									selectizeOnDropdownOpen: adjustDropdown,
1311									selectizeDisable: $root.fromWaitList()
1312									"></select>
1313								<!-- /ko -->
1314							</td>
1315							<!-- ko if: !$root.fromWaitList() -->
1316							<td class="textRight" width="10%">
1317								<!-- ko if: $root.dropdowns().length > 1 -->
1318								<span class="icon-delete" title="Delete" data-bind="click: $root.removeParticipant"></span>
1319								<!-- /ko-->
1320							</td>
1321							<!-- /ko-->
1322						</tr>
1323					</table>
1324					<!-- ko if: !product().site_group_type_id() -->
1325						<!-- ko if: product().program.maximum_participants_per_registration() > 1 -->
1326						<div class="m-row">
1327							<div class="m-cell oneHalf">
1328								<span class="m-cellpad">
1329									<span data-bind="text: $root.selectedParticipantIds().length"></span> skater selected. You must select between <span data-bind="text: product().program.minimum_participants_per_registration"></span> and <span data-bind="text: product().program.maximum_participants_per_registration"></span> skater. </span>
1330							</div>
1331							<div class="m-cell oneHalf textRight"> <span class="m-cellpad"> <span class="icon-add iconBtn" data-bind="click: $root.addParticipant, visible: $root.showAddIcon">Add Skater</span>
1332								</span>
1333							</div>
1334						</div>
1335						<!-- /ko -->
1336					<!-- /ko -->
1337
1338					<!-- ko if: product().site_group_type_id() -->
1339						<table data-bind="foreach: $root.selectedParticipants" style="width:100%">
1340							<tr>
1341								<td>
1342									<span data-bind="text: name()"></span>
1343								</td>
1344								<td>
1345									<!-- ko if: !$root.fromWaitList() -->
1346									
1347										<span class="icon-delete" data-bind="click: function(){$root.siteGroupRemoveParticipant($data)}"></span>
1348									
1349									<!-- /ko -->
1350								</td>
1351							</tr>
1352						</table>
1353						<!-- ko if: $root.processing() && $root.allowSaveErrorMessage() -->
1354						<div class="m-row">
1355							<div class="m-cell oneHalf">
1356								<div  class="m-cellpad">
1357									<span data-bind="text: $root.allowSaveErrorMessage"></span>
1358								</div>
1359							</div>
1360						</div>
1361						<!-- /ko -->
1362					<!-- /ko -->
1363				<!-- /ko -->
1364				
1365				<!-- ko if: showDropInOptions -->
1366				
1367					<ul class="dropinSlots unstyled">
1368						<!-- ko foreach: grouped_drop_in_events -->
1369						<li class="slotsByDay contentGroup">
1370							<h3 class="slotHeader groupNumber" data-bind="text: start_date.date(MEDIUM_DATE)"></h3>
1371							<div class="slotCol">
1372								<!-- ko foreach: events -->
1373								<div class="checkboxField noBorder rightPosition" data-bind="css: {selected: $parents[1].selectedDropInEvent(event_id()), canRegister: canRegister, canWaitlist: !canRegister() && canWaitlist(), isDisabled: !canRegister() && !canWaitlist()}">
1374									<!-- ko if: canRegister() || canWaitlist() -->
1375										<input type="checkbox" data-bind="checked: $parents[1].selectedDropInEvent(event_id()), attr: {id: 'event' + event_id()}" />
1376									<!-- /ko -->
1377									<!-- ko if: !canRegister() && !canWaitlist() -->
1378										<input type="checkbox" disabled="disabled"/>
1379									<!-- /ko -->
1380									<label class="m-row" data-bind="attr: {for: 'event' + event_id()}">
1381										<div class="m-cell-lock sixEighth small-twoThird">
1382											<div class="m-row">
1383												<div class="m-cell oneHalf">
1384													<div class="m-cellpad-h">
1385														<!-- ko if: event_start_time.date(SHORT_DATE)() !== event_end_time.date(SHORT_DATE)() -->
1386															<span data-bind="text: event_start_time.date(LONG_DATE_TIME)"></span> - <span data-bind="text: event_end_time.date(LONG_DATE_TIME)"></span>
1387														<!-- /ko -->
1388														<!-- ko if: event_start_time.date(SHORT_DATE)() === event_end_time.date(SHORT_DATE)() -->
1389															<span data-bind="text: event_start_time.date(TIME_ONLY)"></span> - <span data-bind="text: event_end_time.date(TIME_ONLY)"></span>
1390														<!-- /ko -->
1391														<!-- ko if: !canRegister() && canWaitlist() --> <small class="statusBadge statusWaitlist">Waitlist</small> <!-- /ko -->
1392														<!-- ko if: !canRegister() && !canWaitlist() --> <small class="statusBadge statusFull">Full</small> <!-- /ko -->
1393													</div>
1394												</div>
1395												<div class="m-cell oneHalf">
1396													<span class="m-cellpad-h" data-bind="text: location().local_string[lang].summary"></span>
1397												</div>
1398											</div>
1399										</div>
1400										<div class="m-cell-lock twoEighth small-oneThird textRight">
1401											<div class="m-cellpad-h">
1402												<span data-bind="text: price_display.currency()"></span>
1403											</div>
1404										</div>
1405									</label>
1406								</div>
1407								<!-- /ko -->
1408							</div>
1409						</li>
1410						<!-- /ko -->
1411					</ul>
1412				
1413				<!-- /ko -->
1414				<!-- ko if : selectedEvent -->
1415				<div class="m-cellpad" data-bind="with: selectedEvent">
1416					<ul class="listItems">
1417						<li class="m-row">
1418							<label>
1419								<div class="m-cell-lock sevenEighth small-fourFifth">
1420									<div class="m-row">
1421										<div class="m-cell twoThird">
1422											<div class="m-cellpad">
1423												<span data-bind="text: event_start_time.date(LONG_DATE_TIME)"></span> -
1424												<!-- ko if: event_start_time.date(SHORT_DATE)() === event_end_time.date(SHORT_DATE)() -->
1425												<span data-bind="text: event_end_time.date(SHORT_DATE_TIME)().replace(event_start_time.date(SHORT_DATE)(),'')"></span>
1426												<!-- /ko -->
1427												<!-- ko ifnot: event_start_time.date(SHORT_DATE)() === event_end_time.date(SHORT_DATE)() -->
1428												<span data-bind="text: event_end_time.date(LONG_DATE_TIME)"></span>
1429												<!-- /ko -->
1430											</div>
1431										</div>
1432										<div class="m-cell oneThird">
1433											<span class="m-cellpad" data-bind="text: location().local_string[lang].summary"></span>
1434										</div>
1435									</div>
1436								</div>
1437								<div class="m-cell-lock oneEighth small-oneFifth textRight">
1438									<div class="m-cellpad">
1439										<span data-bind="text: price.currency()"></span>
1440									</div>
1441								</div>
1442							</label>
1443						</li>
1444					</ul>
1445				</div>
1446				<!-- /ko -->
1447				
1448
1449				<!-- ko if: !registration() && apply_to() === 'participant' -->
1450				<div class="field sectionSpacer"> <label for="">Purchasing for:</label> <!-- ko if: !auto_added() && (!order_item_id() || !subscription_id()) -->
1451						<!-- ko with: dropdown -->
1452						<select data-bind="selectize: options,
1453								optionsText: 'name',
1454								optionsValue: 'participant_id',
1455								value: participant_id,
1456								selectizePlaceholder: '--',
1457								selectizeDropdownParent: 'body',
1458								selectizeOnType: adjustDropdown,
1459								selectizeOnDropdownOpen: adjustDropdown,
1460								selectizeDisable: $root.fromWaitList()"></select>
1461						<!-- /ko -->
1462					<!-- /ko -->
1463					<!-- ko if: !(!auto_added() && (!order_item_id() || !subscription_id())) -->
1464					<span data-bind="text: participant().name"></span>
1465					<!-- /ko -->
1466				</div>
1467				<!-- /ko -->
1468
1469				<!-- ko if: $root.displaySFVS -->
1470				<div class="site-fields threeColumns siteFieldEditable">
1471					<!-- ko foreach: site_field_values -->
1472					<!-- ko if: displaySFV -->
1473					<div data-bind="template: 'siteFieldEdit'" class="col"></div>
1474					<!-- /ko -->
1475					<!-- /ko -->
1476				</div>
1477				<!-- /ko -->
1478			</div>
1479
1480				<!-- ko if: requiresMembershipValidation -->
1481                <div id="validateMembershipFooter">
1482	<p>
1483		<span data-bind="text: jsmsgValidMembershipRequired"></span>
1484		<span
1485				class="iconInline icon-help tooltip"
1486				data-bind="visible: requiredConnectionNames().length, attr: { title: membershipConnectionsTooltip }">
1487		</span>
1488	</p>
1489</div>				<!-- /ko -->
1490			<!-- /ko -->
1491
1492			<!-- ko ifnot: order_item -->
1493				<!-- ko if: $root.itemAdded() -->
1494				<div class="textCenter">
1495					<div class="cartItemAdded">
1496						<div class="staticIcon icon-check-circle-o"></div>
1497						<div class="staticIcon icon-cart"></div>
1498					</div>
1499				</div>
1500				<!-- /ko -->
1501				<div data-bind="with: $root">
1502					<!-- ko if: warnings().length && typeof $root.warningsByKey()['registrationFull'] === 'undefined' && typeof $root.warningsByKey()['addedToWaitlist'] === 'undefined' && typeof $root.warningsByKey()['addedFromWaitlist'] === 'undefined' && typeof $root.warningsByKey()['inventory'] === 'undefined' --> <span class="warnings alertText m-cellpad itemTitle"> Your item has been added to your cart, but you may not be able to proceed with your checkout because: </span>
1503					<!-- /ko -->
1504						<div class="noticeMessage" >
1505			<!-- ko if: errors().length -->
1506		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
1507				<li class="errorMsg" data-bind="html: $data"></li>
1508			</ul>
1509		</div>
1510		<!-- /ko -->
1511		<!-- ko if: warnings().length -->
1512		<div class="warnings">
1513			<ul data-bind="foreach: warnings">
1514				<li class="warningMsg" data-bind="html: $data"></li>
1515			</ul>
1516		</div>
1517		<!-- /ko -->
1518		<!-- ko if: typeof success === 'function' && success() && success().length -->
1519		<ul class="success" data-bind="foreach: success">
1520			<li class="successMsg" data-bind="text: $data"></li>
1521		</ul>
1522		<!-- /ko -->
1523		
1524</div>				</div>
1525			<!-- /ko -->
1526			</div>
1527
1528
1529
1530		</div>
1531		
1532			<footer class="footerDivider buttonBar">
1533				<div class="m-row xsmallHide">
1534					<div class="m-cell-lock oneThird textLeft">
1535						<div class="m-cellpad">
1536							<!-- ko if: !$root.itemAdded() && $root.orderItemProduct() && $root.orderItemProduct().apply_to() === 'participant' -->
1537								<!-- ko if: !$root.orderItemProduct().site_group_type_id() -->
1538								<button class="icon-add iconBtn outlineBtn" data-bind="visible: $root.showAdd, click: function(){$root.addNewParticipant(null)}, disable: $root.processing">New Skater</button>
1539								<button class="icon-add iconBtn outlineBtn" data-bind="visible: $root.showFind, click: function(){$root.findParticipant(null)}, disable: $root.processing">Find Skater</button>
1540								<!-- /ko -->
1541
1542								<!-- ko if: $root.orderItemProduct().site_group_type_id() --> <a target="_parent" class="btnAction" data-bind="attr: {href: '/users/groups.php?siteGroupType=' + $root.orderItemProduct().site_group_type_id()}"> Manage <span data-bind="text: $root.orderItemProduct().site_group_type.name"></span>
1543								</a>
1544								<!-- /ko -->
1545
1546							<!-- /ko -->
1547						</div>
1548					</div>
1549					<div class="m-cell-lock twoThird textRight">
1550						<div class="m-cellpad">
1551							<!-- ko if: order_item -->
1552								<div data-bind="with: order_item">
1553									<!-- ko if: !$root.fromWaitList() && !(order_item_id() || order.order_id()) && product() && product().cart_code && product().cart_code() -->
1554									<div class="inlineBlock" style="top: 10px">
1555										<div class="m-cellpad-h">
1556											<div class="iconFieldContainer">
1557												<span class="indicator"><span class="staticIcon icon-key"></span></span>
1558												<input type="text" data-bind="textInput: $root.cart_code" placeholder="REGISTRATION CODE"/>
1559											</div>
1560										</div>
1561									</div>
1562									<!-- /ko -->
1563									<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}, disable: $root.processing()">Cancel</button>
1564									<!-- ko if: order_item_id() || order.order_id() -->
1565										<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'EditOrderItem')}, disable: $root.processing">Save</button>
1566									<!-- /ko -->
1567									<!-- ko if: !(order_item_id() || order.order_id()) -->
1568										<!-- ko if: !$root.fromWaitList() -->
1569											<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'add_order_item')}, disable: $root.processing">
1570												<!-- ko ifnot: $root.next() --> OK <!-- /ko -->
1571												<!-- ko if: $root.next() --> Next <!-- /ko -->
1572											</button>
1573											<!-- ko if: $root.itemsCount() > 1 && $root.next() -->
1574											<!-- ko ifnot: $root.processing() -->
1575											<button class="btnAction" data-bind="click: $root.skip">Skip</button>
1576											<!-- /ko -->
1577											<!-- ko if: $root.processing() -->
1578											<button class="btnAction" disabled="disabled">Skip</button>
1579											<!-- /ko -->
1580											<!-- /ko -->
1581										<!-- /ko -->
1582										<!-- ko if: $root.fromWaitList() -->
1583											<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'register_from_waitlist')}, disable: $root.processing">Add</button>
1584										<!-- /ko -->
1585									<!-- /ko -->
1586								</div>
1587							<!-- /ko -->
1588							<!-- ko ifnot: order_item -->
1589								<!-- ko if: $root.showViewCart() && !$root.onCheckout() -->
1589 <a href="/registration/checkout/" target="_parent" class="btnAction">View Cart</a> <!-- /ko -->
1590								<!-- ko if: next() && next().constructor.name === 'ProductOrderItemEdit' -->
1591								<button class="btnAction" data-bind="click: function(){$.fancybox.close()}">Next</button>
1592								<!-- /ko -->
1593								<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}">Close</button>
1594							<!-- /ko -->
1595						</div>
1596					</div>
1597				</div>
1598				<div class="m-row xsmallDisplay">
1599					<div class="m-cell fullWidth">
1600						<!-- ko if: order_item -->
1601							<div data-bind="with: order_item">
1602								<!-- ko if: !$root.fromWaitList() && !(order_item_id() || order.order_id()) && product() && product().cart_code && product().cart_code() -->
1603									<div class="iconFieldContainer">
1604										<span class="indicator"><span class="staticIcon icon-key"></span></span>
1605										<input type="text" data-bind="textInput: $root.cart_code" placeholder="REGISTRATION CODE"/>
1606									</div>
1607								<!-- /ko -->
1608								<!-- ko if: order_item_id() || order.order_id() -->
1609									<!-- ko ifnot: $root.processing() -->
1610										<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'EditOrderItem')}">Save</button>
1611									<!-- /ko -->
1612									<!-- ko if: $root.processing() -->
1613										<button class="btnAction" disabled="disabled">Save</button>
1614									<!-- /ko -->
1615								<!-- /ko -->
1616								<!-- ko if: !(order_item_id() || order.order_id()) -->
1617									<!-- ko if: !$root.fromWaitList() -->
1618										<!-- ko ifnot: $root.processing() -->
1619											<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'add_order_item')}">
1620												<!-- ko ifnot: $root.next() --> Add <!-- /ko -->
1621												<!-- ko if: $root.next() --> Next <!-- /ko -->
1622											</button>
1623										<!-- /ko -->
1624										<!-- ko if: $root.processing() -->
1625											<button class="btnAction" disabled="disabled">
1626												<!-- ko ifnot: $root.next() --> Add <!-- /ko -->
1627												<!-- ko if: $root.next() --> Next <!-- /ko -->
1628											</button>
1629										<!-- /ko -->
1630										<!-- ko if: $root.itemsCount() > 1 && $root.next()-->
1631											<!-- ko ifnot: $root.processing() -->
1632											<button class="btnAction" data-bind="click: $root.skip">Skip</button>
1633											<!-- /ko -->
1634											<!-- ko if: $root.processing() -->
1635											<button class="btnAction" disabled="disabled">Skip</button>
1636											<!-- /ko -->
1637										<!-- /ko -->
1638									<!-- /ko -->
1639									<!-- ko if: $root.fromWaitList() -->
1640										<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'register_from_waitlist')}">Add</button>
1641									<!-- /ko -->
1642								<!-- /ko -->
1643								<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}">Cancel</button>
1644							</div>
1645						<!-- /ko -->
1646						<!-- ko ifnot: order_item -->
1647							<!-- ko if: $root.showViewCart() && !$root.onCheckout() --> <a href="/registration/checkout/" target="_parent" class="btnAction">View Cart</a> <!-- /ko -->
1648							<!-- ko if: next() && next().constructor.name === 'ProductOrderItemEdit' -->
1649							<button class="btnAction" data-bind="click: function(){$.fancybox.close()}">Next</button>
1650							<!-- /ko -->
1651							<button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}">Close</button>
1652						<!-- /ko -->
1653
1654						<!-- ko if: $root.orderItemProduct() && $root.orderItemProduct().apply_to() === 'participant' -->
1655
1656							<!-- ko if: !$root.orderItemProduct().site_group_type_id() -->
1657							<button class="btnAction" data-bind="click: function(){$root.addNewParticipant(null)}">Add New Skater</button>
1658							<!-- /ko -->
1659
1660							<!-- ko if: $root.orderItemProduct().site_group_type_id() --> <a target="_parent" class="btnAction" data-bind="attr: {href: '/users/groups.php?siteGroupType=' + orderItemProduct().site_group_type_id()}"> Manage <span data-bind="text: $root.orderItemProduct().site_group_type.name"></span>
1661							</a>
1662							<!-- /ko -->
1663						<!-- /ko -->
1664
1665					</div>
1666				</div>
1667			</footer>
1668		
1669	</div>
1670</script>
1670	<style>
1671
1672
1673	.avatarWidgetContent .dialogContent {
1674		flex-direction: row;
1675		justify-content: left;
1676	}
1677
1678	.avatarWidgetContent #uploadedPhoto{
1679		width:200px;
1680		height:200px;
1681		margin:20px 0 0 20px;
1682	}
1683	.avatarWidgetContent #image-preview-wrapper,.avatarWidgetContent #avatar-container{
1684		width:240px;
1685		height:240px;
1686	}
1687	.avatarWidgetContent h3{
1688		width:25%;
1689		padding:10px;
1690	}
1691	.avatarWidgetContent #options-container, .avatarWidgetContent #save-img-container{
1692		padding:0 20px;
1693	}
1694	@media screen and (max-width: 917px) {
1695		.avatarWidgetContent h3{
1696			width:100%;
1697			text-align:center;
1698		}
1699		.avatarWidgetContent #options-container{
1700			text-align:center;
1701		}
1702		.avatarWidgetContent .dialogContent {
1703			flex-direction: column;
1704			justify-content: center;
1705		}
1706	}
1707</style>
1708
1709<script type="text/html" id="addParticipantTemp">
1710	<div id="addParticipant" class="popContent">
1711					<header class="headerDivider">
1712				<h2 data-bind="visible: participant().lookUp">Find Skater</h2>
1713				<h2 data-bind="visible: !participant().lookUp">Add New Skater</h2>
1714			</header>
1715				<div class="popBody">
1716			<!-- ko if: loading --> Loading..... <!-- /ko -->
1717			<!-- ko ifnot: loading -->
1718				<div class="noticeMessage" >
1719			<!-- ko if: errors().length -->
1720		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
1721				<li class="errorMsg" data-bind="html: $data"></li>
1722			</ul>
1723		</div>
1724		<!-- /ko -->
1725		<!-- ko if: warnings().length -->
1726		<div class="warnings">
1727			<ul data-bind="foreach: warnings">
1728				<li class="warningMsg" data-bind="html: $data"></li>
1729			</ul>
1730		</div>
1731		<!-- /ko -->
1732		<!-- ko if: typeof success === 'function' && success() && success().length -->
1733		<ul class="success" data-bind="foreach: success">
1734			<li class="successMsg" data-bind="text: $data"></li>
1735		</ul>
1736		<!-- /ko -->
1737		
1738</div>						<div class="m-cellpad"><span class="req">* = Required Fields</span></div>
1739			<form data-bind="with: participant, submit: $root.addParticipant">
1740
1741
1742				<div class="signupTable m-row clearfix blockSection">
1743					<header class="m-cell oneFourth">
1744						<div class="m-cellpad">
1745							<h3>Skater Details</h3>
1746						</div>
1747					</header>
1748					<div class="m-cell threeFourth threeColumns">
1749						<div class="field">
1750							<header class="isRequired"> <label for="participant_first_name">First Name</label> </header>
1751							<!-- ko if: $parent.create_participant() && !$parent.alreadyParticipant() -->
1752							<input type="text" disabled data-bind="value: $parent.user_first_name"/>
1753							<!-- /ko -->
1754							<!-- ko ifnot: $parent.create_participant() && !$parent.alreadyParticipant() -->
1755							<input type="text" data-bind="value: first_name"/>
1756							<!-- /ko -->
1757
1758						</div>
1759
1760						<div class="field">
1761							<header class="isRequired"> <label for="participant_last_name">Last Name</label> </header>
1762							<!-- ko if: $parent.create_participant() && !$parent.alreadyParticipant() -->
1763							<input  disabled data-bind="value: $parent.user_last_name"/>
1764							<!-- /ko -->
1765							<!-- ko ifnot: $parent.create_participant() && !$parent.alreadyParticipant() -->
1766							<input data-bind="value: last_name"/>
1767							<!-- /ko -->
1768						</div>
1769
1770						<div class="field">
1771							<header class="isRequired"> <label>Gender</label> </header>
1772							<!-- ko if: $parent.create_participant() && !$parent.alreadyParticipant() && $parent.user_gender_id() -->
1773							<select disabled data-bind="value: $parent.user_gender_id">
1774								<option value=""> -- </option>
1775								<option value="2">Female</option>
1776<option value="1">Male</option>
1777<option value="3">Non-Binary</option>
1778
1779							</select>
1780							<!-- /ko -->
1781							<!-- ko ifnot: $parent.create_participant() && !$parent.alreadyParticipant() && $parent.user_gender_id() -->
1782							<select data-bind="value: gender_id">
1783								<option value=""> -- </option>
1784								<option value="2">Female</option>
1785<option value="1">Male</option>
1786<option value="3">Non-Binary</option>
1787
1788							</select>
1789							<!-- /ko -->
1790						</div>
1791
1792						<div class="field">
1793							<header class="isRequired"> <label>Birthdate 									<span class="small"> ( DD / MMM / YYYY )</span>
1794								</label>
1795							</header>
1796														<div class="nowhitespace">
1797																	<!-- ko ifnot: $parent.showBirthdate() -->
1798																			<select disabled class="dd" data-bind="value: $parent.user_dd">
1799																							<option value=""></option>
1800<option value="1">1</option>
1801<option value="2">2</option>
1802<option value="3">3</option>
1803<option value="4">4</option>
1804<option value="5">5</option>
1805<option value="6">6</option>
1806<option value="7">7</option>
1807<option value="8">8</option>
1808<option value="9">9</option>
1809<option value="10">10</option>
1810<option value="11">11</option>
1811<option value="12">12</option>
1812<option value="13">13</option>
1813<option value="14">14</option>
1814<option value="15">15</option>
1815<option value="16">16</option>
1816<option value="17">17</option>
1817<option value="18">18</option>
1818<option value="19">19</option>
1819<option value="20">20</option>
1820<option value="21">21</option>
1821<option value="22">22</option>
1822<option value="23">23</option>
1823<option value="24">24</option>
1824<option value="25">25</option>
1825<option value="26">26</option>
1826<option value="27">27</option>
1827<option value="28">28</option>
1828<option value="29">29</option>
1829<option value="30">30</option>
1830<option value="31">31</option>
1831
1832																					</select>
1833																		<span class="sideDivider">/</span>									<!-- /ko -->
1834									<!-- ko if: $parent.showBirthdate() -->
1835																			<select name="participant_dd" class="dd" data-bind="value: dd">
1836																							<option value=""></option>
1837<option value="1">1</option>
1838<option value="2">2</option>
1839<option value="3">3</option>
1840<option value="4">4</option>
1841<option value="5">5</option>
1842<option value="6">6</option>
1843<option value="7">7</option>
1844<option value="8">8</option>
1845<option value="9">9</option>
1846<option value="10">10</option>
1847<option value="11">11</option>
1848<option value="12">12</option>
1849<option value="13">13</option>
1850<option value="14">14</option>
1851<option value="15">15</option>
1852<option value="16">16</option>
1853<option value="17">17</option>
1854<option value="18">18</option>
1855<option value="19">19</option>
1856<option value="20">20</option>
1857<option value="21">21</option>
1858<option value="22">22</option>
1859<option value="23">23</option>
1860<option value="24">24</option>
1861<option value="25">25</option>
1862<option value="26">26</option>
1863<option value="27">27</option>
1864<option value="28">28</option>
1865<option value="29">29</option>
1866<option value="30">30</option>
1867<option value="31">31</option>
1868
1869																					</select>
1870																		<span class="sideDivider">/</span>									<!-- /ko -->
1871																	<!-- ko ifnot: $parent.showBirthdate() -->
1872																			<select disabled class="mm" data-bind="value: $parent.user_mm">
1873																							<option value=""></option>
1874<option value="01">Jan</option>
1875<option value="02">Feb</option>
1876<option value="03">Mar</option>
1877<option value="04">Apr</option>
1878<option value="05">May</option>
1879<option value="06">Jun</option>
1880<option value="07">Jul</option>
1881<option value="08">Aug</option>
1882<option value="09">Sep</option>
1883<option value="10">
1883Oct</option>
1884<option value="11">Nov</option>
1885<option value="12">Dec</option>
1886
1887																					</select>
1888																		<span class="sideDivider">/</span>									<!-- /ko -->
1889									<!-- ko if: $parent.showBirthdate() -->
1890																			<select name="participant_mm" class="mm" data-bind="value: mm">
1891																							<option value=""></option>
1892<option value="01">Jan</option>
1893<option value="02">Feb</option>
1894<option value="03">Mar</option>
1895<option value="04">Apr</option>
1896<option value="05">May</option>
1897<option value="06">Jun</option>
1898<option value="07">Jul</option>
1899<option value="08">Aug</option>
1900<option value="09">Sep</option>
1901<option value="10">Oct</option>
1902<option value="11">Nov</option>
1903<option value="12">Dec</option>
1904
1905																					</select>
1906																		<span class="sideDivider">/</span>									<!-- /ko -->
1907																	<!-- ko ifnot: $parent.showBirthdate() -->
1908																			<input disabled class="yyyy" type="text" name="participant_yyyy" data-bind="value: $parent.user_yyyy" />
1909																		<span class="sideDivider">/</span>									<!-- /ko -->
1910									<!-- ko if: $parent.showBirthdate() -->
1911																			<input class="yyyy" type="text" name="participant_yyyy" data-bind="value: yyyy" />
1912																		<span class="sideDivider">/</span>									<!-- /ko -->
1913																	<!-- ko ifnot: $parent.showBirthdate() -->
1914																			<select disabled class="dd" data-bind="value: $parent.user_dd">
1915																							<option value=""></option>
1916<option value="1">1</option>
1917<option value="2">2</option>
1918<option value="3">3</option>
1919<option value="4">4</option>
1920<option value="5">5</option>
1921<option value="6">6</option>
1922<option value="7">7</option>
1923<option value="8">8</option>
1924<option value="9">9</option>
1925<option value="10">10</option>
1926<option value="11">11</option>
1927<option value="12">12</option>
1928<option value="13">13</option>
1929<option value="14">14</option>
1930<option value="15">15</option>
1931<option value="16">16</option>
1932<option value="17">17</option>
1933<option value="18">18</option>
1934<option value="19">19</option>
1935<option value="20">20</option>
1936<option value="21">21</option>
1937<option value="22">22</option>
1938<option value="23">23</option>
1939<option value="24">24</option>
1940<option value="25">25</option>
1941<option value="26">26</option>
1942<option value="27">27</option>
1943<option value="28">28</option>
1944<option value="29">29</option>
1945<option value="30">30</option>
1946<option value="31">31</option>
1947
1948																					</select>
1949																		<span class="sideDivider">/</span>									<!-- /ko -->
1950									<!-- ko if: $parent.showBirthdate() -->
1951																			<select name="participant_dd" class="dd" data-bind="value: dd">
1952																							<option value=""></option>
1953<option value="1">1</option>
1954<option value="2">2</option>
1955<option value="3">3</option>
1956<option value="4">4</option>
1957<option value="5">5</option>
1958<option value="6">6</option>
1959<option value="7">7</option>
1960<option value="8">8</option>
1961<option value="9">9</option>
1962<option value="10">10</option>
1963<option value="11">11</option>
1964<option value="12">12</option>
1965<option value="13">13</option>
1966<option value="14">14</option>
1967<option value="15">15</option>
1968<option value="16">16</option>
1969<option value="17">17</option>
1970<option value="18">18</option>
1971<option value="19">19</option>
1972<option value="20">20</option>
1973<option value="21">21</option>
1974<option value="22">22</option>
1975<option value="23">23</option>
1976<option value="24">24</option>
1977<option value="25">25</option>
1978<option value="26">26</option>
1979<option value="27">27</option>
1980<option value="28">28</option>
1981<option value="29">29</option>
1982<option value="30">30</option>
1983<option value="31">31</option>
1984
1985																					</select>
1986																		<span class="sideDivider">/</span>									<!-- /ko -->
1987																	<!-- ko ifnot: $parent.showBirthdate() -->
1988																			<select disabled class="mm" data-bind="value: $parent.user_mm">
1989																							<option value=""></option>
1990<option value="01">Jan</option>
1991<option value="02">Feb</option>
1992<option value="03">Mar</option>
1993<option value="04">Apr</option>
1994<option value="05">May</option>
1995<option value="06">Jun</option>
1996<option value="07">Jul</option>
1997<option value="08">Aug</option>
1998<option value="09">Sep</option>
1999<option value="10">
1999Oct</option>
2000<option value="11">Nov</option>
2001<option value="12">Dec</option>
2002
2003																					</select>
2004																		<span class="sideDivider">/</span>									<!-- /ko -->
2005									<!-- ko if: $parent.showBirthdate() -->
2006																			<select name="participant_mm" class="mm" data-bind="value: mm">
2007																							<option value=""></option>
2008<option value="01">Jan</option>
2009<option value="02">Feb</option>
2010<option value="03">Mar</option>
2011<option value="04">Apr</option>
2012<option value="05">May</option>
2013<option value="06">Jun</option>
2014<option value="07">Jul</option>
2015<option value="08">Aug</option>
2016<option value="09">Sep</option>
2017<option value="10">Oct</option>
2018<option value="11">Nov</option>
2019<option value="12">Dec</option>
2020
2021																					</select>
2022																		<span class="sideDivider">/</span>									<!-- /ko -->
2023																	<!-- ko ifnot: $parent.showBirthdate() -->
2024																			<input disabled class="yyyy" type="text" name="participant_yyyy" data-bind="value: $parent.user_yyyy" />
2025																											<!-- /ko -->
2026									<!-- ko if: $parent.showBirthdate() -->
2027																			<input class="yyyy" type="text" name="participant_yyyy" data-bind="value: yyyy" />
2028																											<!-- /ko -->
2029															</div>
2030						</div>
2031
2032						
2033															<!-- ko if: site_participant_field_values().length || site_field_values_create().length -->
2034					<span class="site-fields" style="padding: 0">
2035						<span class="site-fields-group">
2036							<!-- ko foreach: site_participant_field_values -->
2037							<div data-bind="template: 'site-participant-field-value-edit'" class="field"></div>
2038							<!-- /ko -->
2039
2040								<!-- ko foreach: site_field_values_create -->
2041								<!-- ko ifnot: site_field.visibility().includes("avatar") -->
2042								<div data-bind="template: 'siteFieldEdit'" class="field"></div>
2043								<!-- /ko -->
2044								<!-- /ko -->
2045							</span>
2046						</span>
2047						<!-- /ko -->
2048					</div>
2049				</div>
2050				<!-- ko if: avatarFieldSet -->
2051				<div id="avatarWidget" data-bind="with: avatarVM" class="avatarWidgetContent blockSection">
2052                    <style>
2053
2054	input[type="range"]:focus {
2055		outline: none;
2056	}
2057
2058
2059	.ui-dialog {
2060		top: 50% !important;
2061		left: 50% !important;
2062		transform: translate(-50%, -50%) !important;
2063	}
2064
2065	.avatar-container{
2066		cursor:pointer;
2067		margin:0 auto;
2068		text-align:center;
2069		position:relative;
2070	}
2071	.avatar-container:hover img{
2072		opacity:0.5;
2073		z-index:2;
2074	}
2075	.avatar-container:hover:after{
2076		font-family: "uplifter";
2077		font-size:25px;
2078		content: "\f030";
2079		z-index:1;
2080		display:block;
2081		position:absolute;
2082		top:40%;
2083		left:0;
2084		width:100%;
2085		color:#fff;
2086	}
2087	.avatar-container:hover:before{
2088		width:100px;
2089		height:100px;
2090		border:3px solid #fff;
2091		overflow:hidden;
2092		background-color:#000;
2093		border-radius:50%;
2094		margin:0 auto;
2095		display:block;
2096		content:'';
2097	}
2098	#uploadedPhoto {
2099		border-radius: 50%;
2100		margin:40px 0 0 40px;
2101	}
2102
2103	.dialogContent {
2104		display: flex;
2105		flex-direction: column;
2106		justify-content: center;
2107		align-items: center;
2108		width: 100%;
2109		height: 100%;
2110		cursor:default;
2111	}
2112	#capture-preview-container {
2113		position: relative;
2114		display: flex;
2115		justify-content: center;
2116		align-items: center;
2117		overflow: hidden;
2118		height: 400px;
2119		width: 400px;
2120	}
2121
2122	#player {
2123		position: absolute;
2124		top: 50%;
2125		left: 50%;
2126		transform: translate(-50%, -50%);
2127		min-width: 100%;
2128		min-height: 100%;
2129	}
2130
2131	#circular-frame-overlay {
2132		position: absolute;
2133		top: 50%;
2134		left: 50%;
2135		transform: translate(-50%, -50%);
2136		width: 90%;
2137		height: 90%;
2138		box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
2139		border-radius: 50%;
2140		pointer-events: none;
2141		z-index: 2;
2142	}
2143
2144	#image-preview-wrapper, #avatar-container {
2145		width: 400px;
2146		height: 400px;
2147		overflow: hidden;
2148		position: relative;
2149	}
2150
2151	#imagePreview {
2152		display: block;
2153		max-width: 100%;
2154		max-height: 100%;
2155	}
2156
2157	.cropper-view-box,
2158	.cropper-face {
2159		border-radius: 50%;
2160	}
2161
2162	.cropper-view-box {
2163		outline: none;
2164		box-shadow: 0 0 0 1px #39f;
2165	}
2166	#avatar-container .icon-delete{
2167		position:relative;
2168		left:-40px;
2169		bottom:10px;
2170	}
2171
2172	#zoom-slider-container {
2173		display: flex;
2174		align-items: center;
2175		justify-content: center;
2176		gap: 0;
2177		margin-top: 10px;
2178		width: auto !important;
2179	}
2180
2181	.zoom-btn {
2182		width: 30px;
2183		height: 30px;
2184		font-size: 16px;
2185		margin: 0;
2186	}
2187
2188	#zoomRange {
2189		width: auto;
2190		margin: 0 5px;  
2191		vertical-align: middle;
2192	}
2193
2194	@media screen and (max-width: 768px) {
2195		#image-preview-container {
2196			padding: 0 10px;
2197			width:300px;
2198		}
2199
2200		#imagePreview{
2201			max-width: 100%;
2202		}
2203
2204		#uploadedPhoto{
2205			margin: 0;
2206		}
2207
2208		#zoom-slider-container {
2209			display: flex;
2210			align-items: center;
2211			justify-content: space-between;
2212			margin-top: 10px;
2213			width: auto !important;
2214		}
2215
2216		.zoom-btn {
2217			width: 30px;
2218			height: 30px;
2219			font-size: 16px;
2220			margin: 0;
2221		}
2222
2223		#image-preview-wrapper{
2224			height:300px;
2225			width: auto;
2226		}
2227		#imagePreview{
2228			max-width: 100%;
2229		}
2230
2231		#zoomRange {
2232			width: 70%;
2233			margin: 0px;
2234		}
2235
2236		#avatar-container {
2237			max-width: 100%;
2238			height: auto;
2239			text-align: center;
2240			position: relative;
2241		}
2242
2243		#uploadedPhoto {
2244			max-width: 100%;
2245			height: auto;
2246		}
2247
2248		.icon-delete {
2249			position: absolute;
2250			top: 5px;
2251			right: 5px;
2252		}
2253
2254		#capture-preview-container {
2255			position: relative;
2256			display: flex;
2257			justify-content: center;
2258			align-items: center;
2259			overflow: hidden;
2260			height: 300px;
2261			width: 300px;
2262		}
2263
2264		.avatar-container:hover img {
2265			opacity: 1;
2266		}
2267
2268		.avatar-container:hover:after {
2269			display: none;
2270		}
2271
2272		.avatar-container:hover:before {
2273			display: none;
2274		}
2275		#avatar-container {
2276			height: 350px;
2277		}
2278	}
2279</style>
2280
2281<div id="dialogContent" class="dialogContent" >
2282
2283	<h3> Upload Profile Avatar </h3>
2284
2285	<div id="avatar-container" data-bind="visible: imgVisible">
2286		<img id="uploadedPhoto" data-bind="attr: { src: avatar }" alt="" width="320" height="320" />
2287			<span id="delete" class="icon-delete tooltip" data-bind="visible: !saving(), click: deleteAvatar,
2288																	 enable: !avatarFieldRequired, attr: { title: deleteIconTitle},
2289																	 css: {isDisabled: avatarFieldRequired }">
2290			</span>
2291	</div>
2292
2293
2294	<div id="options-container" data-bind="visible: optionVisible">
2295		<button id="capture_option_button" data-bind="click: capturePhoto, enable: supported"><span class="icon-camera activeIcon iconRestyle"></span> Capture Photo</button>
2296		<input type="file" style="display: none;" accept="image/*" id="fileInput" data-bind="event: { change: fileInputChange }">
2297		<button id="upload_option_button" data-bind="click: openFileExplorer"><span class="icon-upload activeIcon iconRestyle"></span> Upload Image</button>
2298	</div>
2299
2300	<div id="capture-preview-container" data-bind="visible: playerVisible">
2301		<div id="video-wrapper" data-bind="visible: permissionGranted">
2302			<video id="player" controls autoplay data-bind="visible: permissionGranted" ></video>
2303			<div id="circular-frame-overlay"></div>
2304		</div>
2305
2306		<div id="permissions-container" data-bind="hidden: permissionGranted">
2307			<div id="avatar_error_messages"></div>
2308			<button id="retry-button" data-bind="click: capturePhoto"> Retry</button>
2309			<button id="cancel-button" data-bind="click: cancel"> Cancel</button>
2310		</div>
2311	</div>
2312
2313	<div id="image-preview-container" data-bind="visible: cropperVisible">
2314		<div id="image-preview-wrapper" >
2315			<img id="imagePreview" data-bind="attr: { src: uploadedImage }">
2316		</div>
2317		<div id="zoom-slider-container" class="center-text">
2318			<button id="zoomOutButton" class="icon-minus iconBtn outlineBtn zoom-btn" data-bind="click: zoomOut"></button>
2319			<input type="range" id="zoomRange" data-bind="value: zoomValue, event: { input: setZoom }, attr: { min: minZoom, max: maxZoom }" step="1" style="vertical-align:middle">
2320			<button id="zoomInButton" class="icon-plus iconBtn outlineBtn zoom-btn" data-bind="click: zoomIn"></button>
2321		</div>
2322	</div>
2323
2324	<div id="save-img-container"  data-bind="visible: saveImgVisible" >
2325		<button id="cancel_button" data-bind="click: cancel">Cancel</button>
2326		<button id="save_button" data-bind="click: save">Save Avatar</button>
2327	</div>
2328</div>				</div>
2329				<!-- /ko -->
2330
2331				<!-- ko if: !$data.lookUp && applicablePolicies().length -->
2332				<ul class="unstyled" data-bind="foreach: applicablePolicies">
2333					<li class="m-row">
2334						<div data-bind="template: 'clubPolicyModal'"></div>
2335					</li>
2336				</ul>
2337				<!-- /ko -->
2338			</form>
2339			<!-- /ko -->
2340		</div>
2341		<footer class="footerDivider buttonBar textRight">
2342			<!-- ko ifnot: loading -->
2343						
2344				<button class="btnAction closeWindow" data-bind="click: function() {addParticipant(0)}, enable: !processing()">CANCEL</button>
2345			
2346						
2347				<!-- ko if: participant().lookUp -->
2348				<button class="btnAction" data-bind="click: function() {findParticipant(1)}, enable: !processing()">FIND SKATER</button>
2349				<!-- /ko -->
2350				<!-- ko ifnot: participant().lookUp -->
2351				<button class="btnAction" data-bind="click: function() {addParticipant(1)}, enable: !processing()">ADD SKATER</button>
2352				<!-- /ko -->
2353			
2354			<!-- /ko -->
2355		</footer>
2356	</div>
2357</script>
2357
2358
2359	<style>
2360		.popContent .fixedContainer {
2361			width: 100%;
2362			max-width: 100%;
2363			margin: 0 auto;
2364		}
2365		#addParticipant {
2366			margin-bottom: 50px;
2367		}
2368	</style>
2369	
2369<script type="text/html" id="addAddressModalTemp">
2370	<div id="addAddress" class="popContent">
2371		<header class="headerDivider">
2372			<h1>Add Account Address</h1>
2373		</header>
2374		<div class="popBody">
2375			<!-- ko if: showWarning -->
2376			<p class="warningMsg"> Please provide your address to proceed. </p>
2377			<!-- /ko -->
2378			<form data-bind="with: account_address, submit: saveAccountAddress">
2379				<div data-bind="template: 'addAddressTemp'"></div>
2380				<div class="textRight m-cellpad">
2381					<button class="btnAction closeWindow" type="button" data-bind="click: $parent.cancel">Cancel</button>
2382					<button class="btnAction" type="submit">Save</button>
2383				</div>
2384			</form>
2385		</div>
2386	</div>
2387</script>
2387	
2387<script type="text/html" id="addAddressTemp">
2388	<div class="columnContainer oneColumn">
2389		<div class="field"> <label for="">Account Address Nickname:</label> <input placeholder="(i.e.) Mom's Work Address" id="address_name" name="address_name" data-bind="value: address_name" />
2390		</div>
2391	</div>
2392	<div class="threeColumns">
2393        
2394		<div class="field isRequired"> <label for="">First Name:</label> <input id="first_name" name="first_name" data-bind="value: address.first_name">
2395		</div>
2396
2397		<div class="field isRequired"> <label for="">Last Name:</label> <input id="last_name" name="last_name" data-bind="value: address.last_name">
2398		</div>
2399
2400		<div class="field isRequired"> <label for="">Address Line 1:</label> <input id="address1" name="address1" data-bind="value: address.address1" />
2401		</div>
2402
2403		<div class="field"> <label>Address Line 2:</label> <input id="address2" name="address2" data-bind="value: address.address2" />
2404		</div>
2405
2406		<div class="field isRequired"> <label>City:</label> <input id="city" name="city" data-bind="value: address.city" />
2407		</div>
2408
2409		<div class="field isRequired"> <label>Province / State:</label> <!-- ko if: typeof provinces()() !== 'undefined' && provinces()().length -->
2410			<select name="prov" id="prov" class="" data-bind="options: provinces(),
2411					optionsText: 'v',
2412					optionsValue: 'k',
2413					value: address.prov_code"></select>
2414			<!-- /ko -->
2415			<!-- ko ifnot: typeof provinces()() !== 'undefined' && provinces()().length -->
2416			<input name="prov" id="prov" class="" data-bind="value: address.prov" />
2417			<!-- /ko -->
2418		</div>
2419
2420		<div class="field isRequired"> <label>Country:</label> <!-- ko if: typeof countries()() !== 'undefined' && countries()().length -->
2421			<select name="country" id="country" class="" data-bind="options: countries(),
2422					optionsText: 'v',
2423					optionsValue: 'k',
2424					value: address.country_code"></select>
2425			<!-- /ko -->
2426			<!-- ko ifnot: typeof countries()() !== 'undefined' && countries()().length -->
2427			<input name="country" id="country" class="" data-bind="value: address.country" />
2428			<!-- /ko -->
2429		</div>
2430
2431		<div class="field account-address-field isRequired"> <label>Postal / Zip Code:</label> <input id="postal" name="postal" data-bind="value: address.postal" />
2432		</div>
2433
2434		<div class="field account-address-field isRequired"> <label>Telephone:</label> <input id="phone" name="phone" data-bind="value: address.phone" />
2435		</div>
2436		<div class="field account-address-field"> <label>Mobile:</label> <input id="cell" name="cell" data-bind="value: address.cell" />
2437		</div>
2438
2439		<div class="field account-address-field"> <label for="">Email :</label> <input id="email" name="email" data-bind="value: address.email">
2440		</div>
2441	</div>
2442</script>
2442		
2442<script type="text/html" id="matchParticipantTemp">
2443		<div id="matchParticipant" class="popContent">
2444			<header class="headerDivider">
2445				<h1>Skater Match</h1>
2446							</header>
2447			<div class="popBody matchingPopup" id="contentWrapper" data-bind="floatingHorizontalScrollbar: { wrapper: '.gridContent', container: '.mainScrollContent'}">
2448				<div class="divGrid" id="participantMatching">
2449						<div class="noticeMessage" >
2450			<!-- ko if: errors().length -->
2451		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
2452				<li class="errorMsg" data-bind="html: $data"></li>
2453			</ul>
2454		</div>
2455		<!-- /ko -->
2456		<!-- ko if: warnings().length -->
2457		<div class="warnings">
2458			<ul data-bind="foreach: warnings">
2459				<li class="warningMsg" data-bind="html: $data"></li>
2460			</ul>
2461		</div>
2462		<!-- /ko -->
2463		<!-- ko if: typeof success === 'function' && success() && success().length -->
2464		<ul class="success" data-bind="foreach: success">
2465			<li class="successMsg" data-bind="text: $data"></li>
2466		</ul>
2467		<!-- /ko -->
2468		
2469</div>					<div class="gridContent" >
2470						<div class="flexItem">
2471							<div class="col">
2472								<div class="cell header">&nbsp;</div>
2473								<div class="cell cell-title firstName"> First Name </div>
2474								<div class="cell cell-title lastName"> Last Name </div>
2475								<div class="cell cell-title birthdate"> Birthdate </div>
2476								<div class="cell cell-title gender"> Gender </div>
2477								<!-- ko foreach: site_fields-->
2478								<div class="cell cell-title" data-bind="text: name, css: $root.getSiteFieldClassName($data)"></div>
2479								<!-- /ko -->
2480
2481								<!-- ko foreach: site_participant_fields-->
2482								<div class="cell cell-title" data-bind="text: name"></div>
2483								<!-- /ko -->
2484							</div>
2485
2486							<div class="col" data-bind="with: createNewValues">
2487								<div class="cell cell-title header">Imported Values</div>
2488								<div class="cell firstName">
2489									<span data-bind="text: first_name"></span>&nbsp;
2490								</div>
2491								<div class="cell lastName">
2492									<span data-bind="text: last_name"></span>&nbsp;
2493								</div>
2494								<div class="cell birthdate">
2495									<span data-bind="text: birthdate"></span>&nbsp;
2496								</div>
2497								<div class="cell gender">
2498									<span data-bind="text: full_gender"></span>&nbsp;
2499								</div>
2500								<!-- ko foreach: site_field_values_for_matching_popup($root) -->
2501								<div class="cell">
2502									<!-- ko if: $root.getSFV($data) -->
2503									<div class="new inlineBlock"  data-bind="template: {name: 'siteFieldView', data: $root.getSFV($data) }"></div>
2504									<!-- /ko -->
2505									<!-- ko ifnot: $root.getSFV($data) -->
2506									<div class="new inlineBlock">&nbsp;</div>
2507									<!-- /ko -->&nbsp;
2508								</div>
2509								<!-- /ko -->
2510
2511								<!-- ko foreach: site_participant_field_values -->
2512								<div class="cell">
2513									<div data-bind="template: {name: 'site-participant-field-value'}"></div>
2514								</div>
2515								<!-- /ko-->
2516							</div>
2517						</div>
2518
2519						<div class="flexItem mainScrollContent">
2520							<!-- ko foreach: matches -->
2521							<div class="col matches-col paddingTop-0" data-bind="css: {selected: $root.selected_participant_id() == participant_id(), findParticipant: $root.findParticipant }, click: function() {$root.selected_participant_id(participant_id())}">
2522								<div class="cell cell-title header">Skater Match #<span data-bind="text: $index() + 1"></span></div>
2523								<div class="cell firstName" data-bind="css: { match: compareValue('first_name', $root.createNewValues().first_name), keepExisting: first_name() === '', noMatch: !(compareValue('first_name', $root.createNewValues().first_name) || first_name() === '') }">
2524									<div class="old inlineBlock" data-bind="text: first_name"></div>
2525									<div class="new inlineBlock" data-bind="text: $root.createNewValues().first_name"></div>&nbsp 								</div>
2526								<div class="cell lastName" data-bind="css: { match: compareValue('last_name', $root.createNewValues().last_name), keepExisting: last_name() === '', noMatch: !(compareValue('last_name', $root.createNewValues().last_name) || last_name() === '') }">
2527									<div class="old  inlineBlock" data-bind="text: last_name"></div>
2528									<div class="new inlineBlock" data-bind="text: $root.createNewValues().last_name"></div>&nbsp;								</div>
2529								<div class="cell birthdate" data-bind="css: { match: compareValue('birthdate', $root.createNewValues().birthdate), keepExisting: birthdate() === '', noMatch: !(compareValue('birthdate', $root.createNewValues().birthdate) || birthdate() === ''), noUpdate: !$root.isAdminScope()}">
2530									<div class="old inlineBlock" data-bind="text: birthdate"></div>
2531									<div class="new inlineBlock" data-bind="text: $root.createNewValues().birthdate"></div>&nbsp;								</div>
2532								<!-- ko if: $data.gender_id -->
2533								<div class="cell gender" data-bind="css: { match: compareValue('gender_id', $root.createNewValues().gender_id), keepExisting: gender_id() === '', noMatch: !(compareValue('gender_id', $root.createNewValues().gender_id) || gender_id() === ''), noUpdate: !$root.isAdminScope() }">
2534									<div class="old inlineBlock" data-bind="text: full_gender"></div>
2535									<div class="new inlineBlock" data-bind="text: $root.createNewValues().full_gender"></div>&nbsp;
2536								</div>
2537								<!-- /ko -->
2538								<!-- ko if: $data.gender_code -->
2539								<div class="cell gender" data-bind="css: { match: compareValue('gender_code', $root.createNewValues().gender_code), keepExisting: gender_code() === '', noMatch: !(compareValue('gender_code', $root.createNewValues().gender_code) || gender_code() === ''), noUpdate: !$root.isAdminScope() }">
2540									<div class="old  inlineBlock" data-bind="text: full_gender"></div>
2541									<div class="new inlineBlock" data-bind="text: $root.createNewValues().full_gender"></div>&nbsp;
2542								</div>
2543								<!-- /ko -->
2544								<!-- ko foreach: site_field_values_for_matching_popup($root) -->
2545								<div class="cell" data-bind="css: $.extend($root.getSiteFieldClassName($data), { match: compareValue($root.getSiteFieldValuesData($data)), keepExisting: (($data.site_field.type() === 'league' && $data.site_field.number_field)  || $root.getSiteFieldValuesData($data).length === 0 || ($root.getSiteFieldValuesData($data).length === 1 && $root.getSiteFieldValuesData($data)[0].value() === null)), noMatch:($data.site_field.type() !== 'league' || !$data.site_field.number_field()) && !(compareValue($root.getSiteFieldValuesData($data)) || ($root.getSiteFieldValuesData($data).length === 0 || ($root.getSiteFieldValuesData($data).length === 1 && $root.getSiteFieldValuesData($data)[0].value() === null))), noUpdate: (!$root.isAdminScope() && $.inArray('import', $data.site_field.visibility()) !== -1 && $.inArray('edit', $data.site_field.visibility()) === -1), updateOriginal: ($data.site_field.type() == 'league' && $data.site_field.number_field() && !compareValue($root.getSiteFieldValuesData($data))) })">
2546									<div class="old inlineBlock" data-bind="template: 'siteFieldView'"></div>
2547																		<!-- ko if: $root.getSFV($data) -->
2548									<div class="new inlineBlock"  data-bind="template: {name: 'siteFieldView', data: $root.getSFV($data) }"></div>
2549									<!-- /ko -->
2550									&nbsp;
2551								</div>
2552								<!-- /ko -->
2553								<!-- ko foreach: site_participant_field_values -->
2554								<div class="cell" data-bind="css : {match: compareValue($root.getSiteParticipantFieldData($data)), noMatch: !compareValue($root.getSiteParticipantFieldData($data)), noUpdate: !(!skateCanadaContactId() || skateCanadaContactId() && $root.isAdminScope())}">
2555									<div class="old inlineBlock" data-bind="template: {name: 'site-participant-field-value'}"></div>
2556									<!-- ko if: $root.getSPFV($data) -->
2557									<div class="new inlineBlock" data-bind="template: {name: 'site-participant-field-value', data: $root.getSPFV($data) }"></div>
2558									<!-- /ko -->&nbsp;
2559								</div>
2560								<!-- /ko-->
2561
2562								<div class="cell">
2563									<input type="radio" data-bind="checkedValue: participant_id(), checked: $root.selected_participant_id"> Select </div>
2564							</div>
2565							<!-- /ko-->
2566							<!-- ko ifnot: $root.findParticipant -->
2567							<div class="col matches-col paddingTop-0" data-bind="with: createNewValues, css: {selected: $root.selected_participant_id() == 'createNew' }, click: function() {$root.selected_participant_id('createNew')}">
2568								<div class="cell cell-title header">Create New</div>
2569								<div class="cell firstName">
2570									<div class="new inlineBlock" data-bind="text: first_name"></div>&nbsp;
2571								</div>
2572								<div class="cell lastName">
2573									<div class="new inlineBlock" data-bind="text: last_name"></div>&nbsp;
2574								</div>
2575								<div class="cell birthdate">
2576									<div class="new inlineBlock" data-bind="text: birthdate"></div>&nbsp;
2577								</div>
2578								<div class="cell gender">
2579									<div class="new inlineBlock" data-bind="text: full_gender"></div>&nbsp;
2580								</div>
2581								<!-- ko foreach: site_field_values_for_matching_popup($root) -->
2582								<div class="cell">
2583									<!-- ko if: $root.getSFV($data) -->
2584									<div class="new inlineBlock"  data-bind="template: {name: 'siteFieldView', data: $root.getSFV($data) }, css: $root.getSiteFieldClassName($data)"></div>
2585									<!-- /ko -->
2586									<!-- ko ifnot: $root.getSFV($data) -->
2587									<div class="new inlineBlock">&nbsp;</div>
2588									<!-- /ko -->&nbsp;
2589								</div>
2590								<!-- /ko -->
2591								<!-- ko foreach: site_participant_field_values -->
2592								<div class="cell">
2593									<!-- ko if: $root.getSPFV($data) -->
2594									<div class="new inlineBlock" data-bind="template: {name: 'site-participant-field-value', data: $root.getSPFV($data) }"></div>
2595									<!-- /ko -->
2596									<!-- ko ifnot: $root.getSPFV($data) -->
2597									<div class="new inlineBlock">&nbsp;</div>
2598									<!-- /ko -->&nbsp;
2599								</div>
2600								<!-- /ko-->
2601								<div class="cell">
2602									<input type="radio" data-bind="checkedValue: 'createNew', checked: $root.selected_participant_id"> Create New </div>
2603							</div>
2604							<!-- /ko -->						</div>
2605							
2606					</div>
2607
2608					
2609				</div>
2610			</div>
2611			<footer class="footerDivider">
2612				<p class="fullWidthButton textRight">
2613					<input type="submit" value="Cancel" data-bind="click: $root.cancel"/>
2614					<input type="submit" data-bind="click: $root.setMatchingParticipant, enable: $root.selected_participant_id" name="selectParticipant" value="Select Skater" />
2615				</p>
2616			</footer>
2617		</div>
2618	</script>
2618
2619	<style>
2620		.popBody.matchingPopup { overflow-y: scroll !important; }
2621
2622		#participantMatching .gridContent {
2623			display: flex;
2624			justify-content: flex-start;
2625		}
2626		.gridContent .flexItem {
2627			box-sizing: border-box;
2628		}
2629		.gridContent > .flexItem:nth-child(1) {
2630			border-top: 1px solid transparent;
2631
2632		}
2633		.gridContent > .flexItem:nth-child(2) {
2634			flex-grow: 2;
2635		}
2636		.paddingTop-0 {
2637			padding-top: 0 !important;
2638		}
2639	</style>
2640	
2641		
2641<script type="text/html" id="site-participant-field-value">
2642		<!-- ko if: icon -->
2643		<span data-bind="css: icon"></span>
2644		<!-- /ko -->
2645		<span data-bind="text: value"></span>
2646	</script>
2646
2647	
2647<script type="text/html" id="site-participant-field-value-edit">
2648		<label data-bind="text: siteParticipantField.name"></label>
2649		<input type="text" data-bind="value: value"/>
2650	</script>
2650
2651	
2651<script type="text/html" id="calendarEventTemp" xmlns="http://www.w3.org/1999/html">
2652    <section  class="calEventDetails m-cellpad" >
2653        <header class="m-cellpad" data-bind="style: {'border-color': backgroundColor}">
2654            <h2 data-bind="text: ko.unwrap(product).summary"></h2>
2655<div class="m-row">
2656	<div class="m-cell threeFourth" data-bind="with: product">
2657		<span class="price">
2658		 <!-- ko ifnot: $root.isDropOnlyProgram() -->
2659		    <!-- ko if: price_display_mode() !== 'none'-->
2660		        <span class="nowhitespace">
2661					<!-- ko if: price_display_mode() == 'total' -->
2662					    <!-- ko text: item_price.currency() --><!--/ko-->
2663					<!-- /ko -->
2664					<!-- ko if: price_display_mode() == 'installments' -->
2665					    <div data-bind="html: installmentPrice"></div>
2666					<!-- /ko -->
2667		        </span>
2668		            <!-- ko if: item_price() < program.program_price() && price_display_mode() !== 'installments' -->
2669		                <span class="originalPrice" style="white-space: nowrap" data-bind="text: program.program_price.currency()"></span>
2670		            <!-- /ko -->
2671	        <!-- /ko -->
2672	        <!--ko text: fee_description --><!--/ko-->
2673	    <!-- /ko -->
2674		</span>
2675	</div>
2676	<div class="m-cell textRight" data-bind="css:{oneFourth: !isDropOnlyProgram(), fullWidth: isDropOnlyProgram()}, with: product">
2677		<!-- ko if: price_display_mode() !== 'none' && $root.event.allow_drop_in && ($root.showDropinWaitlisted() || $root.event.spots_dropin != 0) -->
2678			<span class="price">
2679                <span class="nowhitespace">
2680                    <span class="staticIcon icon-dropin"></span><!-- ko text: $root.event_price.currency() --><!--/ko-->
2681                 </span>
2682            </span>
2683		<!-- /ko -->
2684	</div>
2685</div>        </header>
2686
2687        <table class="m-cellpad">
2688	<tr>
2689		<th class="textLeft" style="width:35%;"><span class="icon-calendar-blank staticIcon"> Start & End Date:</span></th>
2690		<td><span data-bind="text: startAndEndDate"></span></td>
2691	</tr>
2692	<tr data-bind="with: product">
2693		<th class="textLeft"><span class="icon-clock staticIcon"> Day / Time:</span></th>
2694		<td><span data-bind="text: program.day_time"></span></td>
2695	</tr>
2696	<!-- ko if: $data.location -->
2697		<tr data-bind="with: location">
2698			<th class="textLeft" valign="top"><span class="icon-map-pin staticIcon"> Location:</span></th>
2699			<td>
2700				<!-- ko text: facility().summary --><!--/ko-->,<br />
2701				<!-- ko text: summary --><!--/ko-->
2702				<!-- ko if: show_address -->
2703				<br /><span data-bind="text: facility().address.address1"></span><!-- ko if: facility().address.address2 -->, <span data-bind="text: facility().address.address2"></span><!-- /ko -->
2704				<br /><span data-bind="text: facility().address.city"></span> <span data-bind="text: facility().address.prov"></span>
2705				<br /><span data-bind="text: facility().address.country"></span> <span data-bind="text: facility().address.postal"></span>
2706				<!-- /ko -->
2707			</td>
2708		</tr>
2709	<!-- /ko -->
2710	<tr>
2711		<th class="textLeft">Registration Begins:</th>
2712		<td><span data-bind="text: registration_start_time.date(LONG_DATE_TIME)"></span></td>
2713	</tr>
2714	<tr>
2715		<th class="textLeft">Registration Cut-off:</th>
2716		<td><span data-bind="text: registration_cutoff.date(LONG_DATE_TIME)"></span></td>
2717	</tr>
2718</table>
2719
2720<div class="m-cellpad" data-bind="with: product"> <b>Program Description:</b> <div class="scrollContainer" style="height:150px; background-color:#eee;">
2721		<div class="m-cellpad" data-bind="html: program.local_string[lang].content"></div>
2722	</div>
2723</div>
2724        <footer>
2725            <!-- ko if: typeof buttonAction === 'undefined' || buttonAction === 'addToCart' -->
2726                <!-- ko if: product.registrationHasStarted(ko.unwrap(userHasBetaOrders))() -->
2727                    <div class="m-row">
2728	<!-- ko if: !isDropOnlyProgram() &&  ko.unwrap(ko.unwrap(product).fullRegistrationIsOpen((ko.unwrap(window.userHasBetaOrders)))-->
2729	<div class="m-cell-lock" data-bind="css: {fullWidth: !event.allow_drop_in || (!showDropinWaitlisted() && event.spots_dropin == 0), oneHalf: event.allow_drop_in && (showDropinWaitlisted() || event.spots_dropin != 0)}">
2730		<div class="m-cellpad" data-bind="with: product">
2731			<!-- ko if: spots() !== null && spots() <= 0 && !dropinOnly() -->
2732			<section class="textCenter">
2733				<div class="warningMsg"> FULL <!-- ko if: program.max_waitlist() != 0 && program.max_dropin_waitlist() != 0 -->
2734					<span style="font-size: 11px; color: #aaa; font-style: italic; white-space: nowrap;">
2735                        (<!-- ko text: qty_waitlisted --><!-- /ko --> Waiting)<br />
2736                    </span>
2737					<!-- /ko -->
2738				</div>
2739				<!-- ko if: waitlistSpotsAvailable() -->
2740									<form method="get" target="_parent" class="fullWidthField" data-bind="attr: {action: typeof $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof $root.addToCartURL === 'undefined' || $root.addToCartAjax}">
2741						<input type="hidden" name="action" value="add_order_item"/>
2742						<input type="hidden" name="product_id" data-bind="value: product_id" />
2743						<input type='submit' class="btnAction" value="Join Waitlist"/>
2744					</form>
2745                				<!-- /ko -->
2746				<!-- ko if: !waitlistSpotsAvailable() && program.max_waitlist() != 0 && program.max_dropin_waitlist() != 0 --> <span style="font-size: 11px; color: #aaa;">Waitlist is full.</span>
2747				<!-- /ko-->
2748			</section>
2749			<!-- /ko -->
2750
2751			<!-- ko if: spots() === null || spots() > 0 -->
2752			<section class="textCenter">
2753				<!-- ko if: registrationHasNotStarted() --> Beta until:<br/>
2754				<!-- ko text: program.registration_start_time.date(SHORT_DATE) --> <!-- /ko -->
2755				<!-- /ko -->
2756				<!-- ko if: !registrationHasNotStarted() && status() == 'Beta' --> Beta<br/>
2757				<!-- /ko -->
2758				<!-- ko ifnot: program.max_full_registrations() === 0 && program.max_full_waitlist() === 0 -->
2759
2760                					<form method="get" target="_top" class="fullWidthField" data-bind="attr: {action: typeof  $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof  $root.addToCartURL === 'undefined' || $root.addToCartAjax}">
2761						<input type="hidden" name="action" value="add_order_item" />
2762						<input type="hidden" name="product_id" data-bind="value: product_id"/>
2763
2764						<input type='submit' class="btnAction" value="Register"/>
2765					</form>
2766                				<!-- ko if: showSpotsLeft() -->
2767				<i style="white-space: nowrap;">
2768					<!-- ko text: spots --><!-- /ko --> spot(s) left </i> <!-- /ko -->
2769				<!-- /ko -->
2770			</section>
2771			<!-- /ko -->
2772		</div>
2773	</div>
2774	<!-- /ko -->
2775	<!-- ko if: event.allow_drop_in && (showDropinWaitlisted() || event.spots_dropin != 0) -->
2776	<div class="m-cell-lock" data-bind="css: {oneHalf: !isDropOnlyProgram(), fullWidth: isDropOnlyProgram()}">
2777		<div class="m-cellpad">
2778			<!-- ko if: showDropinWaitlisted -->
2779			<section class="textCenter">
2780				<!-- ko if: event.waitlist_spots_dropin == 0 -->
2781				<div class="warningMsg"> DROP IN FULL </div>
2782				<!-- /ko -->
2783				<!-- ko if: waitlistDropinSpotsAvailable -->
2784                					<form method="get" target="_parent"  class="fullWidthField" data-bind="attr: {action: typeof $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof addToCartURL === 'undefined' || $root.addToCartAjax}">
2785						<input type="hidden" name="action" value="add_order_item"/>
2786						<input type="hidden" name="product_id" data-bind="value: ko.unwrap(product).product_id" />
2787						<input type="hidden" name="event_id" data-bind="value: event.event_id"/>
2788						<input type='submit' class="btnAction" value="Join Drop In Waitlist" style="white-space: pre-wrap;"/>
2789					</form>
2790                				<!-- /ko -->
2791				<!-- ko ifnot: waitlistDropinSpotsAvailable --> <span style="font-size: 11px; color: #aaa;">Waitlist is full.</span>
2792				<!-- /ko-->
2793			</section>
2794			<!-- /ko -->
2795
2796			<!-- ko if: event.spots_dropin != 0 -->
2797			<section class="textCenter">
2798                					<form method="get" target="_top" class="fullWidthField" data-bind="attr: {action: typeof  $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof  $root.addToCartURL === 'undefined' || addToCartAjax}">
2799
2800						<input type="hidden" name="action" value="add_order_item" />
2801
2802						<input type="hidden" name="product_id" data-bind="value: ko.unwrap(product).product_id"/>
2803						<input type="hidden" name="event_id" data-bind="value: event.event_id"/>
2804						<button type='submit' class="btnAction">Drop In <span class="icon-dropin activeIcon iconRestyle"></span></button>
2805						<!-- ko ifnot: isDropOnlyProgram -->
2806						<span data-bind="text: moment(event.event_start_time * 1000).format( _DATE_FORMATS[MEDIUM_DATE_TIME])"></span>
2807						<!-- /ko -->
2808					</form>
2809                			</section>
2810			<!-- /ko -->
2811		</div>
2812	</div>
2813	<!-- /ko -->
2814</div>
2815                <!-- /ko -->
2816            <!-- /ko -->
2817            <!-- ko if: typeof buttonAction !== 'undefined' && buttonAction === 'productDetails' && showProductDetailsButton() -->
2818            <div class="m-cell-lock fullWidth">
2819                <div class="m-cellpad fullWidthField"> <a data-bind="attr: {href: registerURL}
2819" target="_parent" class="btnAction">Register</a> </div>
2820            </div>
2821            <!-- /ko -->
2822        </footer>
2823        <form action="#" method="get" class="closeTooltip">
2824            <button type="submit" class="closeWindow icon-x-circle iconBtn"></button>
2825        </form>
2826    </section>
2827</script>
2827    	
2827<script type="text/html" id="clubPolicyModal">
2828		<div class="fieldInputAuto policy" data-bind="click: $root.openClubPolicy">
2829			<div class="checkboxField" data-bind="css: {'isRequired' : club_policy().required, 'halfChecked': isRejected}">
2830				<div class="m-row">
2831					<div class="m-cell-lock threeFifth">
2832						<input disabled="disabled" type="checkbox" data-bind="checked: accepted">
2833						<label data-bind="text: club_policy().summary"></label>
2834					</div>
2835					<!-- ko if: accepted() -->
2836					<div class="m-cell-lock twoFifth topPadding"> <small><i>Accepted on<br /> <span data-bind="text: accepted.date(window.POLICY_DATE_FORMAT || SHORT_DATE_TIME)"></span><!-- ko if: accepted_order_id --> [Invoice #<!-- ko text: accepted_order_number --><!-- /ko -->]<!-- /ko --></i></small>
2837					</div>
2838					<!-- /ko -->
2839				</div>
2840			</div>
2841		</div>
2842		<input type="hidden" data-bind="value: accepted, attr: {name: 'policies[' + club_policy_id() + '][accepted]'}">
2843		<input type="hidden" data-bind="value: viewed, attr: {name: 'policies[' + club_policy_id() + '][viewed]'}">
2844		<!-- ko if: acknowledgeIdentityField -->
2845			<input type="hidden" data-bind="value: acknowledgeIdentityField().value, attr: {name: 'policies[' + club_policy_id() + '][acknowledged_by]'}">
2846		<!-- /ko -->
2847		<!-- ko if: acknowledgedAgeOfMajorityField -->
2848			<input type="hidden" data-bind="value: acknowledgedAgeOfMajorityField().value, attr: {name: 'policies[' + club_policy_id() + '][acknowledged_age_of_majority]'}">
2849		<!-- /ko -->
2850		<!-- ko if: digitalSignatureField -->
2851		<input type="hidden" data-bind="value: digitalSignatureField().value, attr: {name: 'policies[' + club_policy_id() + '][digital_signature]'}">
2852		<!-- /ko -->
2853		<!-- ko foreach: policyFields -->
2854			<input type="hidden" data-bind="value: tag, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][tag]'}">
2855			<input type="hidden" data-bind="value: value, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][value]'}">
2856			<!-- ko if: required -->
2857				<input type="hidden" data-bind="value: required, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][required]'}">
2858			<!-- /ko -->
2859			<!-- ko if: font -->
2860				<input type="hidden" data-bind="value: font, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][font]'}">
2861			<!-- /ko -->
2862			<!-- ko if: site_field_id -->
2863				<input type="hidden" data-bind="value: site_field_id, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][site_field_id]'}">
2864			<!-- /ko -->
2865		<!-- /ko -->
2866	</script>
2866
2867
2868	
2868<script type="text/html" id="clubPolicyView">
2869		<div class="m-cell sevenEighth">
2870			<div class="m-cellpad">
2871				<a data-bind="attr: {href: viewLink}, css: {fancybox: !$root.openClubPolicy}, click: function (data, event) {$root.openClubPolicy && $root.openClubPolicy(data, event)}">
2872					<span data-bind="text: club_policy().summary"></span>
2873					<!-- ko if: user_payment_token -->
2874					(<small data-bind="html: user_payment_token().summary"></small>)
2875					<!-- /ko -->
2876				</a>
2877				<!-- ko if: previousAcceptedVersion --> <small> [<b>Replacement for:</b> <span data-bind="text: previousAcceptedVersion().club_policy().local_string[lang].summary"></span>]
2878				</small>
2879				<!-- /ko -->
2880				<!-- ko if: accepted() || previousAcceptedVersion() -->
2881				<i>
2882					<!-- ko if: accepted --> accepted on <span data-bind="text: accepted.date(SHORT_DATE_TIME)"></span>
2883						<!-- ko if: digitalSignature()  --> by <b><span data-bind="text: digitalSignature()"></span></b>
2884						<!-- /ko -->
2885					<!-- /ko -->
2886
2887					<!-- ko if: expected_expiry_time() || (previousAcceptedVersion() && previousAcceptedVersion().expected_expiry_time()) -->
2888						<!-- ko if: previousAcceptedVersion -->
2889							<span class="rightAlign"> <!-- ko if: previous_accepted_version_order_number -->[Invoice # <!-- ko text: previous_accepted_version_order_number --><!-- /ko -->]<!-- /ko --></span>
2890						<!-- /ko -->
2891						<!-- ko ifnot: previousAcceptedVersion -->
2892						<span class="rightAlign"> <!-- ko if: accepted_order_id -->[Invoice # <!-- ko text: accepted_order_number --><!-- /ko -->]<!-- /ko --> Expires: <span data-bind="text: expected_expiry_time()"></span></span>
2893						<!-- /ko -->
2894					<!-- /ko -->
2895				</i>
2896				<!-- /ko -->
2897			</div>
2898		</div>
2899		<div class="m-cell oneEighth">
2900			<div class="m-cellpad">
2901				<!-- ko if: deleted() -->
2902					<!-- ko if: previousAcceptedVersion --> <span class="iconBtn icon-delete tooltip noPadding isDisabled" data-bind="click: $root.addPolicy" style="background-color: transparent !important;"> <span class="tooltipContent"> A previous version of this <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has been accepted by the member and may not be deleted </span>
2903					</span>
2904					<!-- /ko -->
2905					<!-- ko ifnot: previousAcceptedVersion --> <span class="iconBtn icon-add tooltip noPadding" data-bind="click: $root.addPolicy" style="background-color: transparent !important;"> <span class="tooltipContent"> Add <!-- ko text: clubPolicyType() --><!-- /ko -->
2906						</span>
2907					</span>
2908					<!-- /ko -->
2909				<!-- /ko -->
2910
2911				<!-- ko if: isDeletable -->
2912				<span class="iconBtn icon-delete tooltip noPadding" data-bind="click: $root.removePolicy">
2913					<span class="tooltipContent">
2914						<!-- ko if: viewed() && !accepted() --> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has been viewed but was not accepted <!-- /ko -->
2915						<!-- ko if: !viewed() --> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has not yet been viewed nor accepted. <!-- /ko -->
2916					</span>
2917				</span>
2918				<!-- /ko -->
2919
2920				<!-- ko if: accepted --> <span class="icon-delete iconBtn tooltip noPadding isDisabled"> <span class="tooltipContent"> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has been accepted by the member on <span data-bind="text: accepted.date(SHORT_DATE)"></span> and may not be deleted </span>
2921				</span>
2922				<!-- /ko -->
2923
2924				<!-- ko if: downloadLink -->
2925				<a data-bind="attr: {href: downloadLink}" target="_blank" class="tooltip" title="Download a PDF copy">
2926					<span class="icon-download iconBtn noPadding"></span>
2927				</a>
2928				<!-- /ko -->
2929			</div>
2930		</div>
2931	</script>
2931
2932
2933	
2933<script type="text/html" id="policyContentTemp">
2934		<div class="modal fade" id="policyModal">
2935			<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
2936				<div class="modal-content">
2937					<div class="modal-header">
2938						<div class="fullWidth">
2939							<div class="m-row" data-bind="css: { rightSpace: allowPreview }">
2940								<!-- ko if: club_policy() -->
2941								<div class="m-row tabIconSpacer" data-bind="css: headerClass">
2942									<h2 class="modal-title fullWidth truncate-text-mobile tooltip" data-bind="attr: {title: club_policy().summary}"><!-- ko text: club_policy().summary --><!-- /ko -->&nbsp;</h2>
2943									<div class="iconContainer">
2944										<div class="tabButtonBar" data-bind="css: {topAlign: !allowPreview() }">
2945											<ul class="tabButtons">
2946												<!-- ko ifnot: isDisabled -->
2947												<li data-bind="css: {active: showFontSelect}">
2948													<div class="tabIcon">
2949														<!-- ko if: showFontOptions -->
2950														<span>
2951															<!-- ko if: showFontSelect -->
2952																<a class="icon-pen staticIcon tooltip"
2953																   title="Font Selection"
2954																   data-bind="click: toggleFontSelect"></a>
2955															<!-- /ko -->
2956															<!-- ko ifnot: showFontSelect -->
2957																<a class="icon-pen tooltip" title="Font Selection"
2958																   data-bind="click: toggleFontSelect"></a>
2959															<!-- /ko -->
2960														</span>
2961														<!-- /ko -->
2962													</div>
2963												</li>
2964												<!-- /ko -->
2965                                                											</ul>
2966											<div>
2967												<!-- ko if: showFontOptions -->
2968												<div class="m-cellpad toolPopup rightPopup withBorder"
2969													 data-bind="visible: showFontSelect"
2970													style="min-width: 150px;">
2971													<select data-bind="value: policyFont">
2972														<!-- ko foreach: policyFontOptions -->
2973														<option data-bind="value: k, text: v"></option>
2974														<!-- /ko -->
2975													</select>
2976												</div>
2977												<!-- /ko -->
2978                                                											</div>
2979										</div>
2980									</div>
2981								</div>
2982								<!-- /ko -->
2983							</div>
2984							<!-- ko if: allowPreview -->
2985							<div class="iconContainer">
2986								<span class="btn-close icon-cancel" data-bind="click: $root.close" aria-label="Close"></span>
2987							</div>
2988							<!-- /ko -->
2989						</div>
2990					</div>
2991					<!-- ko if: displayScrollError() || errorsByKey().acknowledged_age_of_majority || acceptanceError() -->
2992					<div class="textCenter error m-cellpad-h">
2993						<!-- ko if: displayScrollError -->
2994							<!-- ko text: scrollErrorString --><!-- /ko -->
2995						<!-- /ko -->
2996						<!-- ko if: errorsByKey().acknowledged_age_of_majority || acceptanceError() -->
2997							<span data-bind="html: acceptanceError() ? acceptanceError() : errorsByKey().acknowledged_age_of_majority"></span>
2998						<!-- /ko -->
2999					</div>
3000					<!-- /ko -->
3001					<div class="modal-body">
3002						<!-- ko if: club_policy() -->
3003						<div data-bind="policyDescription: description"></div>
3004						<!-- /ko -->
3005						<!-- ko if: displaySetting() || displayTransferEmail() -->
3006							<!-- ko if: displaySetting -->
3007							<section class="blockSection warnings noMargin" data-bind="css: {isDisabled: (isDisabled() && !missingSignature())}">
3008								<!-- ko if: acknowledgeIdentityField -->
3009								<div data-bind="template: {name: 'policyEditableField', data: acknowledgeIdentityField}"></div>
3010								<!-- /ko -->
3011
3012								<!-- ko if: acknowledgedAgeOfMajorityField -->
3013								<div data-bind="template: {name: 'policyEditableField', data: acknowledgedAgeOfMajorityField}"></div>
3014								<!-- /ko -->
3015
3016								<!-- ko if: digitalSignatureField -->
3017								<div data-bind="template: {name: 'policyEditableField', data: digitalSignatureField}"></div>
3018								<!-- /ko -->
3019							</section>
3020							<!-- /ko -->
3021                            								<!-- ko if: displaySetting() && displayTransferEmail() -->
3022									<!-- ko ifnot: transfer_code -->
3023										<h4 class="textCenter">OR</h4>
3024									<!-- /ko -->
3025									<!-- ko if: transfer_code -->
3026										<br>
3027									<!-- /ko -->
3028								<!-- /ko -->
3029								<!-- ko if: displayTransferEmail -->
3030								<section class="blockSection fullWidthField warnings noMargin">
3031									<form action="/policies/transfer-policy.php" method="post" data-bind="submit: transferPolicy">
3032										<label for="policy_email">
3033											<!-- ko if: transfer_code --> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> was sent for acceptance to: <!-- /ko-->
3034											<!-- ko ifnot: transfer_code --> E-mail this <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> to: <span class="icon-help tooltip tooltipster" data-bind="attr: {title: 'Send ' + clubPolicyType().toLowerCase() + ' to another party for acceptance'}"></span>
3035											<!-- /ko-->
3036										</label>
3037										<div class="m-row">
3038											<div class="m-cell-lock sixEighth small-twoThird">
3039												<div class="m-cellpad-v">
3040													<!-- ko if: transfer_code -->
3041														<span data-bind="text: email"></span>
3042													<!-- /ko-->
3043													<!-- ko ifnot: transfer_code -->
3044														<input type="email" name="policy_email" id="policy_email" data-bind="value: emailTransferPolicy, css: {error: emailTransferPolicy.error}"/>
3045													<!-- /ko-->
3046												</div>
3047											</div>
3048											<!-- ko ifnot: transfer_code -->
3049												<div class="m-cell-lock twoEighth small-oneThird">
3050													<div class="m-cellpad-h">
3051														<input type="submit" value="Send" data-bind="disable: emailTransferPolicy.processing">
3052													</div>
3053												</div>
3054											<!-- /ko -->
3055										</div>
3056										<!-- ko ifnot: transfer_code -->
3057											<!-- ko if: club_policy().required() --> <small>Note: You will not be allowed to proceed until the party accepts this <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> on your behalf.</small> <!-- /ko -->
3058										<!-- /ko -->
3059									</form>
3060								</section>
3061								<!-- /ko -->
3062                            						<!-- /ko -->
3063					</div>
3064					<!-- ko if: club_policy().display_progress_bar() && editableFields().length -->
3065					<div class="progress-bar">
3066						<ul data-bind="foreach: editableFields" class="unstyled clearfix flexBox">
3067							<li class="fullWidth">
3068								<button class="fullWidth noMargin" data-bind="text: $index() + 1,
3069									css: {
3070										error: isInErrorState,
3071										warning: isInWarningState,
3072										success: value,
3073										hasFocus: hasFocus,
3074									},
3075									click: function(data) {data.hasFocus(1)}">
3076								</button>
3077							</li>
3078						</ul>
3079					</div>
3080					<!-- /ko -->
3081					<!-- ko if: expected_expiry_time() && (club_policy().duration_type() === 'end_date' || club_policy().duration_type() === 'effective_duration') -->
3082					<div class="warning m-cellpad-h">&nbsp; <span data-bind="visible: !accepted()|| !isDisabled()">This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> will be valid to</span> <span data-bind="visible: accepted() && isDisabled()">Valid to </span>
3083						<span data-bind="text: expected_expiry_time()"></span>
3084					</div>
3085					<!-- /ko -->
3086					<div class="modal-footer modal-footer--policy">
3087						<!-- ko if: isDisabled -->
3088							<!-- ko if: accepted -->
3089								<div>
3090									<!-- ko if: deleted() --> <span>Deleted</span>
3091									<!-- /ko -->
3092									<!-- ko ifnot: deleted -->
3093										<b><span data-bind="text: club_policy().action_performed_description"></span> on:</b><br />
3094										<span data-bind="text: accepted.date(SHORT_DATE_TIME)"></span><!-- ko if: accepted_order_id --> [Invoice # <!-- ko text: accepted_order_number --><!-- /ko -->]<!-- /ko -->
3095									<!-- /ko -->
3096								</div>
3097							<!-- /ko -->
3098							<!-- ko ifnot: accepted -->
3099								<button class="btnAction" disabled="disabled" data-bind="text: club_policy().call_to_action_description"></button>
3100							<!-- /ko -->
3101						<!-- /ko -->
3102						<!-- ko ifnot: isDisabled -->
3103							<!-- ko if: allowAcceptance -->
3104								<button data-bind="click: function(){markAsAcceptedRejected(1)}, text: club_policy().call_to_action_description, css: acceptButtonCssClasse
3104s"></button>
3105							<!-- /ko -->
3106							<!-- ko ifnot: allowAcceptance -->
3107								<button disabled="disabled" data-bind="text: club_policy().call_to_action_description, css: acceptButtonCssClasses, attr: acceptButtonAttributes"></button>
3108							<!-- /ko -->
3109						<!-- /ko -->
3110                        							<!-- ko if: isDisabled -->
3111								<!-- ko if: hasEditableContent() && allowPreview() -->
3112								<button class="btnAction desktopOnly" disabled="disabled">Save & Close</button>
3113								<!-- /ko -->
3114								<!-- ko if: allowPreview -->
3115									<button class="btnAction" data-bind="click: function(){markAsAcceptedRejected(0)}">Reject</button>
3116								<!-- /ko -->
3117								<!-- ko ifnot: allowPreview -->
3118									<button class="btnAction" data-bind="click: close">Cancel</button>
3119								<!-- /ko -->
3120							<!-- /ko -->
3121							<!-- ko ifnot: isDisabled -->
3122								<!-- ko if: hasEditableContent -->
3123									<button class="btnAction desktopOnly" data-bind="click: close, enable: enableCloseAndSaveButton()">Save & Close</button>
3124									<button class="btnAction" data-bind="click: function(){markAsAcceptedRejected(0)}"> Reject </button>
3125								<!-- /ko -->
3126								<!-- ko ifnot: hasEditableContent -->
3127									<button class="btnAction desktopOnly" data-bind="click: close">Close</button>
3128									<!-- ko ifnot: transfer_code -->
3129										<button class="btnAction" data-bind="click: function(){markAsAcceptedRejected(0)}"> Reject </button>
3130									<!-- /ko -->
3131									<!-- ko if: transfer_code -->
3132										<button class="btnAction" data-bind="click: close">Close</button>
3133									<!-- /ko -->
3134								<!-- /ko -->
3135							<!-- /ko -->
3136                        					</div>
3137				</div>
3138
3139			</div>
3140		</div>
3141	</script>
3141
3142
3143	
3143<script type="text/html" id="policyEditableField">
3144		<!-- ko if: $data -->
3145			<!-- ko ifnot: isSpecialField -->
3146				<input type="text" data-bind="
3147					textInput: value,
3148					hasFocus: hasFocus,
3149					event: {focusout: $parent.onFocusOut, focusin: $parent.onFocusIn},
3150					css : {error: $parent.errorsByKey()[errorKey()], datePicker: datePicker},
3151					attr: {id: 'policy-field-' + context_id(), placeholder: placeHolder},
3152					disable: isDisabled,
3153					style: styles">
3154		<!-- ko if: tag() === 'signature' || tag() === 'initials' -->
3155
3156		<!-- /ko -->
3157			<!-- /ko -->
3158			<!-- ko if: isSpecialField -->
3159				<!-- ko if: isPlainText -->
3160					<span data-bind="text: value, css: { tooltip: tooltip }, attr: { title: tooltip }"></span>
3161				<!-- /ko -->
3162				<!-- ko if: isCheckbox -->
3163					<span class="inlineCheckboxFields">
3164						<span class="checkboxField noBorder noBackground" style="width: 24px; height: 1em; line-height: 1em; top: -2px;">
3165							<input type="checkbox" data-bind="
3166								checked: value,
3167								hasFocus: hasFocus,
3168								disable: isDisabled,
3169								event: {focusout: $parent.onFocusOut, focusin: $parent.onFocusIn},
3170								attr: {id: 'policy-field-' + context_id()}">
3171							<label>&nbsp;</label>
3172						</span>
3173					</span>
3174				<!-- /ko -->
3175				<!-- ko if: isSelect -->
3176					<select data-bind="
3177						hasFocus: hasFocus,
3178						event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn },
3179						css: { error: $parent.errorsByKey()[errorKey()] },
3180						attr: { id: 'policy-field-' + context_id() },
3181						disable: isDisabled,
3182						options: ['-- ' + placeHolder() + ' --'].concat(selectOptions()),
3183						value: value"></select>
3184				<!-- /ko -->
3185				<!-- ko if: isImage -->
3186					<!-- ko if: isReadOnly -->
3187						<!-- ko if: value -->
3188							<!-- ko if: tag() === "qrcode" && $parent.original_accepted() && $data.uri -->
3189								<a target="_blank" data-bind="attr: {href: '/policies/view/' + uri() }">
3190									<img data-bind="attr: { src: value }" />
3191								</a>
3192							<!-- /ko -->
3193							<!-- ko ifnot: tag() === "qrcode" && $parent.original_accepted() -->
3194								<img data-bind="attr: { src: value }" />
3195							<!-- /ko -->
3196						<!-- /ko -->
3197						<!-- ko ifnot: value -->
3198							<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkMAYAADkANVKH3ScAAAAASUVORK5CYII=" data-bind="attr: {width: getImageWidth(), height: getImageHeight()}"/>
3199						<!-- /ko -->
3200					<!-- /ko -->
3201					<!-- ko ifnot: isReadOnly -->
3202					<div class="imagePreviewHolder inlineBlock">
3203						<!-- ko if: value -->
3204							<img class="imagePreview" data-bind="attr: { src: value }" />
3205							<span class="icon-delete" data-bind="click: sfvRemoveValue"></span>
3206						<!-- /ko -->
3207						<!-- ko ifnot: value -->
3208							<input type="file" style="position: absolute; margin-top: 0; border: 0;" data-bind="
3209								style: { width: getImageWidth() + 'px', height: getImageHeight() + 'px' },
3210								event: { change: sfvSelectFile($element), focusout: $parent.onFocusOut, focusin: $parent.onFocusIn },
3211								css: { error: $parent.errorsByKey()[errorKey()] },
3212								attr: { accept: sfvAcceptedTypes }" />
3213							<img class="imagePreview" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkMAYAADkANVKH3ScAAAAASUVORK5CYII=" data-bind="attr: {width: getImageWidth(), height: getImageHeight()}"/>
3214						<!-- /ko -->
3215					</div>
3216					<!-- /ko -->
3217				<!-- /ko -->
3218				<!-- ko if: isAcknowledgeIdentity -->
3219					<div class="checkboxField noBorder" data-bind="css: {error: $parent.errorsByKey().acknowledged_by, isDisabled: isDisabled}">
3220						<input type="checkbox" name="acknowledged_by" value="1" data-bind="
3221							checked: value,
3222							attr: {id: 'acknowledged_by_' + $parent.context_id()},
3223							disable: isDisabled,
3224							hasFocus: hasFocus,
3225							event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn }">
3226						<label data-bind="attr: { for: 'acknowledged_by_' + $parent.context_id() }">
3227							<!-- ko if: $parent.club_policy().apply_to() === 'user' --> I acknowledge that I am the parent / legal guardian of the skater in this account <!-- /ko -->
3228
3229							<!-- ko if: $parent.club_policy().apply_to() === 'participant' -->
3230								<!-- ko if: $parent.club_policy().acknowledge_identity() === 'participant'  || ($parent.club_policy().acknowledge_identity() === 'parent / legal guardian if participant is under-age' && $parent.isParticipantAgeOfMajority())  --> I acknowledge that I am the skater <!-- /ko -->
3231								<!-- ko if: $parent.club_policy().acknowledge_identity() === 'parent / legal guardian if participant is under-age' && !$parent.isParticipantAgeOfMajority() --> I acknowledge that I am the parent / legal guardian of this skater <!-- /ko -->
3232							<!-- /ko -->
3233
3234							<!-- ko if: $parent.errorsByKey().acknowledged_by -->
3235							<div class="inlineBlock icon-alert-circled staticIcon tooltip">
3236								<span class="tooltipContent" data-bind="text: $parent.errorsByKey().acknowledged_by"></span>
3237							</div>
3238							<!-- /ko -->
3239						</label>
3240					</div>
3241				<!-- /ko -->
3242				<!-- ko if: isAcknowledgeAgeOfMajority -->
3243					<div class="checkboxField noBorder" data-bind="css : {error: $parent.errorsByKey().acknowledged_age_of_majority, isDisabled: isDisabled}">
3244						<input type="checkbox" name="acknowledged_age_of_majority" value="1" data-bind="
3245							checked: value,
3246							attr: { id: 'acknowledged_age_of_majority_' + $parent.context_id() },
3247							disable: isDisabled,
3248							hasFocus: hasFocus,
3249							event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn }"> <label data-bind="attr: { for: 'acknowledged_age_of_majority_' + $parent.context_id() }"> I acknowledge that I am at least <span data-bind="text: $parent.club_policy().age_of_majority"></span> years of age </label> </div>
3250				<!-- /ko -->
3251				<!-- ko if: isDigitalSignature -->
3252					<div data-bind="css: { error: $parent.errorsByKey().digital_signature, isDisabled: (isDisabled() && !$parent.missingSignature() }">
3253						<div class="fullWidthField isRequired m-cellpad"> <label for="policy_digital_signature">Accepted by (full name): <span class="icon-help tooltip tooltipster" title="Please type your full name to be used as your digital signature for this policy"></span></label>
3254							<input type="text" name="policy_digital_signature" id="policy_digital_signature" data-bind="
3255								textInput: value,
3256								disable: (isDisabled() && !$parent.missingSignature()),
3257								attr: { placeholder: $parent.digitalSignaturePlaceholder() },
3258								hasFocus: hasFocus,
3259								event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn },
3260								style: styles"/>
3261						</div>
3262					</div>
3263				<!-- /ko -->
3264			<!-- /ko -->
3265		<!-- /ko -->
3266	</script>
3266
3267
3268	<style>
3269		.policy .checkboxField .topPadding {
3270			padding-top: 5px;
3271		}
3272		.flexBox {
3273			display: flex;
3274        }
3275        .noMargin {
3276            margin: 0 !important;
3277        }
3278		#policyModal .modal-footer.modal-footer--policy button, #policyModal .modal-footer.modal-footer--policy div {
3279			margin: 0;
3280        }
3281		#policyModal .modal-footer.modal-footer--policy {
3282			gap: 1em;
3283			justify-content: space-around;
3284        }
3285        #policyModal .modal-footer.modal-footer--policy button, #policyModal .modal-footer.modal-footer--policy div {
3286            flex: 1;
3287        }
3288	</style>
3289	<style>
3290        @import url('https://fonts.googleapis.com/css2?family=Birthstone&family=Dancing+Script&family=Italianno&family=Birthstone&family=Dancing+Script&family=Euphoria+Script&display=swap');
3291	</style>
3292	
3292<script type="text/html" id="percentOrPriceInput">
3293        
3294			<div >
3295				<div class="iconFieldContainer" data-bind="css: {rightIcon: (window._ACCOUNTING_SETTING.currency.format.pos.indexOf('%s') > window._ACCOUNTING_SETTING.currency.format.pos.indexOf('%v')) }">
3296					<span class="indicator btn" data-bind="text: iconText, click: function(){isClickable() ? iconClick() : null;}"></span>
3297					<input type="text" data-bind="textInput: liveValue, value: updateFormat, enable: enable, attr: attributes()" class="textRight">
3298					<input type="hidden" data-bind="value: unFormattedValue, attr: {name: inputName, id: inputId, class: inputClass}">
3299				</div>
3300                			</div>
3301        
3302	</script>
3302
3303	
3303<script type="text/html" id="indeterminateInput">
3304			<div >
3305				<input data-bind="textInput: inputObservable, attr: attributes(), event: {focusin: focusIn, focusout: focusOut}">
3306                			</div>
3307    </script>
3307
3308	
3309	
3309<script type="text/html" id="indeterminateTextArea">
3310			<div >
3311				<textarea data-bind="textInput: inputObservable, attr: attributes()"></textarea>
3312                			</div>
3313    </script>
3313
3314
3315	
3315<script type="text/html" id="indeterminateWidget">
3316		<!-- ko if: typeof targetObservable() === 'undefined' -->
3317		<span data-bind="click: clearValue" class="linkBtn icon-delete linkBtn-margin-left--5"></span>
3318		<!-- /ko -->
3319		<!-- ko if: typeof targetObservable() !== 'undefined' -->
3320		<span data-bind="click: undoChanges" class="linkBtn icon-undo linkBtn-margin-left--5"></span>
3321		<!-- /ko -->
3322	</script>
3322
3323	
3323<script type="text/html" id="customLoadingTemp">
3324		<div id="customLoading" class="popContent">
3325			<div class="popBody popBodyLoading">
3326				<!-- ko if: image -->
3327				
3328					<img class="centerImg" data-bind="attr: {src: image}" alt="loading..">
3329				
3330				<!-- /ko -->
3331				<!-- ko if: message -->
3332				<p class="itemTitle textCenter" data-bind="text: message"></p>
3333				<!-- /ko -->
3334			</div>
3335		</div>
3336	</script>
3336
3337	
3337<script type="text/html" id="confirmModalTemp">
3338		<div id="confirmModal" class="popContent">
3339			<header class="headerDivider">
3340				<h3>Confirm</h3>
3341			</header>
3342			<div class="popBody">
3343				<!-- ko if: errors().length -->
3344                    	<div class="noticeMessage" >
3345			<!-- ko if: errors().length -->
3346		<div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors">
3347				<li class="errorMsg" data-bind="html: $data"></li>
3348			</ul>
3349		</div>
3350		<!-- /ko -->
3351		<!-- ko if: warnings().length -->
3352		<div class="warnings">
3353			<ul data-bind="foreach: warnings">
3354				<li class="warningMsg" data-bind="html: $data"></li>
3355			</ul>
3356		</div>
3357		<!-- /ko -->
3358		<!-- ko if: typeof success === 'function' && success() && success().length -->
3359		<ul class="success" data-bind="foreach: success">
3360			<li class="successMsg" data-bind="text: $data"></li>
3361		</ul>
3362		<!-- /ko -->
3363		
3364</div>				<!-- /ko-->
3365				<!-- ko if: isWarning -->
3366
3367				<div class="warningMsg m-table">
3368					<div class="m-cell oneEighth textCenter">
3369						<span class="icon-alert-circled staticIcon"></span>
3370					</div>
3371					<div class="m-cell sevenEighth"> <b>*Note:</b> <span data-bind="text: msg"></span>
3372					</div>
3373				</div>
3374				<!-- /ko -->
3375				<!-- ko ifnot: isWarning -->
3376					<p data-bind="html: msg"></p>
3377				<!-- /ko -->
3378				<!-- ko if: extraOption -->
3379				<div class="checkboxField">
3380					<input type="checkbox"  value="1" data-bind="checked: selected" id="extraOption"/>
3381					<label class="fullWidth" for="extraOption" data-bind="text: extraOption"></label>
3382				</div>
3383				<!-- /ko -->
3384			</div>
3385			<footer class="footerDivider buttonBar textRight">
3386				<div class="m-cell fullWidth">
3387					<!-- ko ifnot: hideCancel -->
3388					<button class="btn" data-bind="click: cancel">Cancel</button>
3389					<!-- /ko -->
3390					<!-- ko ifnot: hideOk -->
3391					<button class="btn" data-bind="click: ok">Ok</button>
3392					<!-- /ko -->
3393				</div>
3394			</footer>
3395		</div>
3396	</script>
3396
3397	
3397<script type="text/html" id="LSLanguageSelectorTemp">
3398		<!-- ko if: langOptions().length > 1 -->
3399		<div class="language-selector" data-bind="foreach: langOptions"><span data-bind="text: v, click: $parent.changeInputLang, css: {'error': $parent.errorByLangKey()[k]}, attr: {'data-lang': k}"></span></div>
3400		<!-- /ko -->
3401	</script>
3401
3402	
3403	<style>
3404        .language-selector--container {
3405            display: flex;
3406	        justify-content: space-between;
3407            padding-bottom: 1px;
3408        }
3409        .language-selector--container-right {
3410            justify-content: flex-end;
3411        }
3412        .language-selector {
3413            display: flex;
3414            align-self: flex-end;
3415        }
3416        .language-selector span {
3417            padding: 2px 6px;
3418            font-weight: normal;
3419            cursor: pointer;
3420            border: 1px solid #ccc;
3421        }
3422        .language-selector span:first-child {
3423            border-radius: 5px 0 0 5px;
3424        }
3425        .language-selector span:last-child {
3426            border-radius: 0 5px 5px 0;
3427        }
3428        .language-selector span.selected {
3429            background-color: #c8ddff;
3430            border: 1px solid #309acf;
3431            cursor: default;
3432            font-weight: bold;
3433        }
3434	</style>
3435	
3435<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"586155d4cfe04fe38cd4d66fb5363c29","spa":2}' crossorigin="anonymous"></script>
3435
3436</body>
3437</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.