PageSourceSearch

https://appointiv.herokuapp.com/

html appointiv.herokuapp.com collected 2026-10-03 14:46:20 UTC 74,962 bytes, 1,967 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5	<meta charset="utf-8">
6	<meta http-equiv="X-UA-Compatible" content="IE=edge">
7	<meta name="viewport" content="width=device-width, user-scalable=no">
8	<meta http-equiv='cache-control' content='no-cache'>
9	<meta http-equiv='expires' content='0'>
10	<meta http-equiv='pragma' content='no-cache'>
11	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
12	<title>Appointiv</title>
13	
14	<!-- Google Tag Manager -->
15	
15<script id="gtm-script">
16		// GTM will be dynamically inserted here by app.js
17	</script>
17
18	<!-- End Google Tag Manager -->
19	
20	<!-- Google Analytics 4 - Dynamic -->
21	
21<script id="ga4-script">
22		// GA4 will be dynamically inserted here by app.js
23	</script>
23
24	<!-- End Google Analytics 4 -->
25	
26	<!-- Favicons -->
27	<link rel="shortcut icon" href="/common/images/favicon.png">
28	<!-- Favicons -->
29	<!-- Bootstrap -->
30	<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
31	<link href="/common/css/bootstrap.min.css" rel="stylesheet">
32	<link href="/common/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
33	<link href="/common/css/sumoselect.min.css" rel="stylesheet">
34	<link href="/common/css/style1_4.css?v=4.0" rel="stylesheet">
35	<link href="/1.9/static4/css/customStyle.css?v=4.0" rel="stylesheet">
36	<link href="/common/css/calender.css" rel="stylesheet">
37	<link href="/common/css/slick.css" rel="stylesheet">
38	<link href="/common/css/slick-theme.css" rel="stylesheet">
39	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
40	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
41	<!--[if lt IE 9]>
42      
42<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
42
43      
43<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
43
44      <![endif]-->
45	
45<script defer
46		src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcyr6v6cSDlJB_1GQ76bA-eXOxVKS8c0k&callback=initMap&libraries=places,marker&v=weekly"></script>
46
47</head>
48
49<body>
50	<!-- Google Tag Manager (noscript) -->
51	<noscript id="gtm-noscript">
52		<!-- GTM noscript will be dynamically inserted here by app.js -->
53	</noscript>
54	<!-- End Google Tag Manager (noscript) -->
55
56	<div id="waitBox" class="waitingBox"></div><!-- Loader div goes here -->
57	<div class="parentTimeZoneInfoBox">
58		<div class="alert alert-success timeZoneInfoBox" style="display: none;">
59			<a href="#" class="close" data-dismiss="alert" aria-label="close"><span
60					class="glyphicon glyphicon-remove"></span></a>
61			<strong>Timezone Changed - </strong> You are seeing appointments in the <strong><span
62					id="clientTimezoneNow"> </span></strong> timezone.
63		</div>
64	</div>
65	<div class="appointiv-container">
66		<!--  This is popup for changing timezone-->
67
68		<!-- <div class="alert alert-info timeZoneAlertBox" style="display:none;"> -->
69		<!-- <a href="#" class="close" data-dismiss="alert" aria-label="close"><span class="glyphicon glyphicon-remove"></span></a> -->
70		<!-- <strong>Timezone - </strong> You are seeing appointments in <strong> -->
71		<span id="clientTimezoneNotify" style="display: none;"></span>
72		<!-- </strong> time. -->
73		<!-- </div> -->
74		<header style="display:none">
75			<div class="logo-container container">
76				<div class="logo">
77					<img src="/common/images/appointiv-logo.png" alt="logo" />
78				</div>
79				<!-- <div class="app-heading">
80				  <h1>Book Appointment</h1>
81			   </div>-->
82			</div>
83			<nav class="container">
84				<div class="container mobile-container">
85					<ul class="progressbar">
86						<li class="active">
87							<div class="icon icon-location"></div>
88							<!--<span class="cutomLabelForLocation"></span>-->
89						</li>
90						<li>
91							<div class="icon icon-appointment"></div>
92							<!--<span></span>-->
93						</li>
94						<li>
95							<div class="icon icon-practitioner"></div>
96							<!--<span class="cutomLabelForPractitioner"></span>-->
97						</li>
98						<li>
99							<div class="icon icon-availability"></div>
100							<!--<span></span>-->
101						</li>
102						<li>
103							<div class="icon icon-details"></div>
104							<!--<span></span>-->
105						</li>
106					</ul>
107				</div>
108			</nav>
109			<div class="top-bar-info">
110				<div class="initial-info">
111					<div class="initial-text">Your appointment summary will appear here as you make selections below
112					</div>
113					<div class="main-flex-div">
114						<div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src=""></div>
115						<div class="appointment-sum-data">
116							<div>
117								<div class="tab-bar appointmentType-summary-cont">
118									<div class="appointiment-category"></div>
119									<div class="appointiment-type"></div>
120
121								</div>
122								<div class="tab-bar preactitioner-summary-cont">
123
124									<div class="sp-name"></div>
125
126								</div>
127							</div>
128							<div class="tab-bar location-summary-cont">
129								<div class="location"></div>
130								<div class="location-address"></div>
131
132							</div>
133
134							<div class="appTyp-final-data">
135								<div>
136									<div class="tab-bar appointmentType-summary-cont">
137										<div class="appointiment-category"></div>
138										<div class="appointiment-type"></div>
139									</div>
140									<div class="tab-bar preactitioner-summary-cont">
141										<div class="sp-name"></div>
142									</div>
143								</div>
144								<div class="tab-bar location-summary-cont">
145									<div class="location"></div>
146									<div class="location-address"></div>
147								</div>
148
149							</div>
150						</div>
151					</div>
152					<div class="go-back-class">
153
154						<span class="isShowWarningPopup backButton go-back-step-1" data-showwarningpopup="false"
155							data-showpageofindex="1" style="display: none!important;">
156							< Back</span>
157								<span class="isShowWarningPopup backButton go-back-step-2" data-showwarningpopup="false"
158									data-showpageofindex="2" style="display: none!important;">
159									< Back</span>
160										<span class="isShowWarningPopup backButton go-back-step-3"
161											data-showwarningpopup="false" data-showpageofindex="3"
162											style="display: none!important;">
163											< Back</span>
164												<span class="isShowWarningPopup backButton go-back-step-4"
165													data-showwarningpopup="false" data-showpageofindex="4"
166													style="display: none!important;">
167													< Back</span>
168														<span class="isShowWarningPopup backButton go-back-step-5"
169															data-showwarningpopup="false" data-showpageofindex="5"
170															style="display: none!important;">
171															< Back</span>
172
173					</div>
174				</div>
175
176
177			</div>
178		</header>
179		<section class="main-container" style="display:none">
180			<div class="container app-body">
181
182				<!--Step one block-->
183				<!-- <div id="step1Section" class="stepSection">
184			   <div class="page-head-section">
185				 <h3 class="page-heading"><span class="icon icon-location"></span> Select <span class="cutomLabelForLocation">Location for your Appointment</span></h3>
186			   </div>
187			   <div class="col-md-12 location-tab" id="locContainer">
188				 <ul id="locationSelectionList">
189					 <!-- locationList_template renders here  -->
190				<!-- </ul>
191			   </div>
192		   </div> -->
193				<div id="step1Section" class="stepSection">
194					<div id="step1CriteriaDetail">
195						<h3 class="page-heading"><span class="icon icon-location"></span>Select <span
196								class="cutomLabelForLocation">Location</span></h3>
197						<div class="col-md-12 location-tab" id="locContainer">
198							<!-- <ul id="locationSelectionList"> -->
199							<!-- locationList_template renders here -->
200							<!-- </ul> -->
201						</div>
202					</div>
203				</div>
204				<!--Step one block end-->
205
206
207				<!--Step two block-->
208				<div id="step2Section" class="stepSection" style="display:none;">
209					<div id="step2SelectedRecords">
210
211					</div>
212
213					<div id="step2CriteriaDetail">
214
215					</div>
216				</div>
217				<!--Step two block end-->
218
219				<!--Step three block-->
220				<div id="step3Section" class="stepSection" style="display:none;">
221					<div id="step3SelectedRecords">
222
223					</div>
224
225					<div id="step3SelectedRecords-1">
226
227					</div>
228
229					<div id="step3CriteriaDetail">
230
231					</div>
232				</div>
233				<!--Step three block end-->
234
235				<!--Step four block -->
236				<div id="step4Section" class="stepSection" style="display:none;">
237					<div class="availability-tab">
238
239						<!--<h3 class="page-heading">Check Availability</h3>
240			   <h5 class="select-date">Select a Date and Available Times Will Appear Below</h5>-->
241						<div class="col-md-6 calendar-view">
242							<div class="change-date-btn"><button class="book-appointment-btn">Change Date</button></div>
243							<span class="calendar-text select-date-text">Select Date</span>
244							<div class="calendar">
245								<div class="calendar-container">
246									<header>
247										<h2 class="month"></h2>
248										<div class="btn-prev"><i class="icon icon-angle-left" aria-hidden="true"></i>
249										</div>
250										<div class="btn-next"><i class="icon icon-angle-right" aria-hidden="true"></i>
251										</div>
252									</header>
253									<table id="appointmentCalCont">
254										<thead class="event-days">
255											<tr></tr>
256										</thead>
257										<tbody class="event-calendar"></tbody>
258									</table>
259								</div>
260								<div class="smalloverlay" style="display:none"></div>
261							</div>
262							<div class="timeZoneAlertBox-2" style="display:block; margin-top: -5%;">
263								<span class="glyphicon glyphicon-globe"></span>
264								<strong>Timezone - </strong> You are seeing appointments in
265								<strong>
266									<span id="clientTimezoneNotify-2"></span>
267								</strong> time. <a href="Javascript:void(0);" class="changeTimeZoneButton"> Change</a>
268							</div>
269						</div>
270						<div class="col-md-6 calendar-details">
271							<div class="time-head">
272								<span class="calendar-text">Select Time</span>
273								<h3 id="dateSelected"></h3>
274							</div>
275							<div class="col-md-12 col-sm-12 col-xs-12 am-timeslot-section">
276								<div class="col-md-12 tm-slot">
277									<!--<span class="morning"></span>-->
278									<!-- <span class="morning-txt">AM</span> -->
279								</div>
280								<div class="smalloverlay-two"></div>
281								<div class="timeslot-main col-md-12">
282									<div class="slickSlider" id="morningAppointmentSlots"></div>
283									<!-- <div class="slickSlider" id="eveningAppointmentSlots"></div> -->
284								</div>
285							</div>
286
287							<!-- <div class="col-md-6 col-sm-6 col-xs-12">
288						<div class="col-md-12 tm-slot">
289							<span class="evening"></span>
290							<span class="morning-txt">PM</span>
291						</div>
292						<div class="timeslot-main col-md-12">
293							<div class="slickSlider" id="eveningAppointmentSlots"></div>
294						</div>
295					</div> -->
296							<div class="control-group">
297							</div>
298						</div>
299					</div>
300				</div>
301				<!--Step four block end-->
302
303				<!--Step fifth block -->
304				<div id="step5Section" class="stepSection" style="display:none;">
305
306					<!--<div class="tab-bar availability-summary-cont">
307				  <div class="col-md-2">
308					 <h3>Availability</h3>
309				  </div>
310				  <div class="col-md-10">
311					 <h3>Physiotherapy   </h3>
312					 <span>| - 1.30 hr session | $150</span>
313				  </div>
314			   </div>-->
315
316			   <!-- for google map html start///////////////////////////////////////////////// -->
317			  
318			  <div id="map" style="display: none;"></div>
319			  <div id="infowindow-content">
320				<span id="place-name" class="title"></span><br />
321				<span id="place-address"></span>
322			  </div>
323		  
324			  <!-- 
325				The `defer` attribute causes the script to execute after the full HTML
326				document has been parsed. For non-blocking uses, avoiding race conditions,
327				and consistent behavior across browsers, consider loading using Promises. See
328				https://developers.google.com/maps/documentation/javascript/load-maps-js-api
329				for more information.
330				-->
331
332			   <!-- for google map html ended///////////////////////////////////////////////// -->
333					<div class="page-head-section">
334						<h3 class="page-heading" style="color: rgb(109, 208, 86);"><span
335								class="icon icon-details"></span>Enter Details</h3>
336					</div>
337					<!-- <div class="pac-card" id="pac-card"> -->
338						<!-- <div>
339						  <div id="title">Autocomplete search</div>
340						  <div id="type-selector" class="pac-controls">
341							<input
342							  type="radio"
343							  name="type"
344							  id="changetype-all"
345							  checked="checked"
346							/>
347							<label for="changetype-all">All</label>
348				  
349							<input type="radio" name="type" id="changetype-establishment" />
350							<label for="changetype-establishment">establishment</label>
351				  
352							<input type="radio" name="type" id="changetype-address" />
353							<label for="changetype-address">address</label>
354				  
355							<input type="radio" name="type" id="changetype-geocode" />
356							<label for="changetype-geocode">geocode</label>
357				  
358							<input type="radio" name="type" id="changetype-cities" />
359							<label for="changetype-cities">(cities)</label>
360				  
361							<input type="radio" name="type" id="changetype-regions" />
362							<label for="changetype-regions">(regions)</label>
363						  </div>
364						  <br />
365						  <div id="strict-bounds-selector" class="pac-controls">
366							<input type="checkbox" id="use-location-bias" value="" checked />
367							<label for="use-location-bias">Bias to map viewport</label>
368				  
369							<input type="checkbox" id="use-strict-bounds" value="" />
370							<label for="use-strict-bounds">Strict bounds</label>
371						  </div>
372						</div> -->
373						<!-- <div id="pac-container">
374						</div> -->
375					<!-- </div> -->
376					<!-- <input id="pac-input" class="question" type="text" placeholder="Enter a location" /> -->
377					<div class="details">
378						<form id="userDetailsForm" name="userDetailsForm">
379							<!-- <div class="user-card-list" style="display:none;"></div>
380					   <div class="user-contact-info-list" style="display:none;"></div>
381					   
382					   <div class="row">
383						   <div class="col-md-12">
384							   <div class="center-content col-md-8">
385							   <ul class="fieldset_list">
386								   fieldset_template render here 
387							   </ul>
388							   <ul class="hide relatedIdfield">
389
390							   </ul>
391							   <ul class="event-fieldset">
392								   <li id="userNoteCont">
393									   <input type="text" class="question custom_down" autocomplete="off" id="additionalNotes" name="additionalNotes" onkeyup="makeNotesRemainingchars()" maxlength="250" />
394									   <label for="additionalNotes"><span>Note (Optional)</span></label>
395									   <p id="showremainingtext"></p>
396								   </li>
397							   </ul>
398							   <ul class="attachmentContainer">
399								   <li>
400									   <input type="file" class="question custom_up" id="attachment" name="attachment" multiple="multiple"/>
401									   <label for="attachment"><span>Attachment (Optional)</span></label>
402								   </li>
403							   </ul>
404							   </div>
405						   </div>
406					   </div>
407
408					   <div class="clearfix"></div>
409
410					   <div class="row">
411						   <div class="col-md-12">
412							   <div class="center-content col-md-8">
413								   <div class="addUserBtnContainer">
414									   <!-- <button id="addUserBtn" title="Add one more Person"></button> -->
415							<!--
416									   <button class="btn" id="addUserBtn" type="button" title="Add one more guest">Add Guest</button>
417								   </div>
418								   <div class="control-group customer-form-add-list" style="padding-top: 13px;">
419									   
420									   <div id="addToWaitlistCont" class="showWishlist" style="display: none;">
421										   <label class="control control--checkbox">
422											   Add me to the waitlist in case an earlier appointment becomes available
423											   <input type="checkbox" id="addWishCheck" name="addToWaitlist" />
424											   <span class="control__indicator"></span>
425										   </label>
426										   <p id="addWishMsg" style="display:none;">We'll notify you if an earlier appointment becomes available.</p>
427									   </div>
428									   <label class="control control--checkbox">
429										   <div class="divTC">Terms & Conditions</div>
430										   <input type="checkbox" id="termsAndCondFlag" name="termsAndCondFlag" />
431										   <span class="control__indicator"></span>
432									   </label>
433									   <div class="terms-condition" id="termsAndConditionText">Lorem ipsumdolor sit amet, consecture adipicing elit. Ut eu Lorem ipsumdolor sit amet, consecture adipicing elit. Ut eu Lorem ipsumdolor sit amet, consecture adipicing elit. Ut euLorem ipsumdolor sit amet, consecture adipicing elit. Ut eu</div>
434									   
435								   </div>
436							   </div>
437						   </div>
438					   </div>
439
440					   <div class="row">
441						   <div class="col-md-12">
442							   <div class="center-content col-md-8" align="center">
443								   <div class="divRecaptchaMain">
444									   <div id="recaptchaContainer">
445										   <div class="g-recaptcha" id="gCaptcha" data-theme="light" data-sitekey="6LdYv6IUAAAAAFTugZdg9yVbwEJiZrv2gYUdedEs" style="transform:scale(0.93);-webkit-transform:scale(0.93);transform-origin:0 0;-webkit-transform-origin:0 0;"></div>
446										   <input type="hidden" name="hiddenRecaptcha" id="hiddenRecaptcha">				   			
447									   </div>
448								   </div>
449							   </div>
450						   </div>
451					   </div>
452
453					   <div class="row">
454						   <div class="col-md-12">
455							   <div class="center-content col-md-8" align="center">
456								   <div class="divBookAppointment">
457									   <button class="book-appointment-btn" id="confirmAppointmentBtn" type="button">Book Appointment</button>
458								   </div>
459							   </div>
460						   </div>
461					   </div> -->
462
463							<div class="row">
464								<div class="col-md-6">
465
466
467									<div class="user-card-list" style="display:none;"></div>
468									<div class="user-contact-info-list" style="display:none;"></div>
469
470									<div class="row">
471										<div class="col-md-12">
472											<div class="center-content">
473												<ul class="fieldset_list">
474													fieldset_template render here
475												</ul>
476												<ul class="hide relatedIdfield">
477
478												</ul>
479											
480													<!-- <div class="form-row">
481														<div class="form-group full-width">
482															<label for="pac-input">Street Name</label>
483															<input id="street" type="text" placeholder="Enter a location"/>
484														   </div>
485													   </div>
486													   <div class="form-row">
487														   <div class="form-group">
488															   <label for="city">City</label>
489															   <input id="city" type="text" placeholder="City" />
490														   </div>
491											 
492														   <div class="form-group">
493															   <label for="state">State</label>
494															   <input id="state" type="text" placeholder="State" />
495														   </div>
496													   </div>
497													   
498											   <div class="form-row">
499												   <div class="form-group">
500													   <label for="postal-code">Postal Code</label>
501													   <input id="postal-code" type="text" placeholder="Postal Code" />
502												   </div>
503												   
504												   <div class="form-group">
505													   <label for="country">Country</label>
506													   <input id="country" type="text" placeholder="Country" />
507												   </div>
508											   </div> -->
509							
510												<ul class="event-fieldset">
511													<li id="userNoteCont">
512														<input type="text" class="question custom_down"
513															autocomplete="off" id="additionalNotes"
514															name="additionalNotes" onkeyup="makeNotesRemainingchars()"
515															maxlength="250" />
516														<label for="additionalNotes"><span>Note
517																(Optional)</span></label>
518														<p id="showremainingtext"></p>
519													</li>
520												</ul>
521												<ul class="attachmentContainer">
522													<li>
523														<input type="file" class="question custom_up" id="attachment"
524															name="attachment" multiple="multiple" />
525														<label for="attachment"><span>Attachment
526																(Optional)</span></label>
527													</li>
528												</ul>
529											</div>
530										</div>
531									</div>
532
533									<div class="clearfix"></div>
534								</div>
535								<div class="col-md-6">
536									<div class="row">
537										<div class="col-md-12">
538											<div class="center-content">
539												<div class="addUserBtnContainer">
540													<!-- <button id="addUserBtn" title="Add one more Person"></button> -->
541													<button class="btn" id="addUserBtn" type="button"
542														title="Add one more guest">Add Guest</button>
543												</div>
544												<div class="control-group customer-form-add-list">
545
546													<div id="addToWaitlistCont" class="showWishlist"
547														style="display: none;">
548														<label class="control control--checkbox">
549															Add me to the waitlist in case an earlier appointment
550															becomes available
551															<input type="checkbox" id="addWishCheck"
552																name="addToWaitlist" />
553															<span class="control__indicator"></span>
554														</label>
555														<p id="addWishMsg" style="display:none;">We'll notify you if an
556															earlier appointment becomes available.</p>
557													</div>
558													<label class="control control--checkbox">
559														<div class="divTC">Terms & Conditions</div>
560														<input type="checkbox" id="termsAndCondFlag"
561															name="termsAndCondFlag" />
562														<span class="control__indicator"></span>
563													</label>
564													<div class="terms-condition" id="termsAndConditionText">Lorem
565														ipsumdolor sit amet, consecture adipicing elit. Ut eu Lorem
566														ipsumdolor sit amet, consecture adipicing elit. Ut eu Lorem
567														ipsumdolor sit amet, consecture adipicing elit. Ut euLorem
568														ipsumdolor sit amet, consecture adipicing elit. Ut eu</div>
569
570												</div>
571											</div>
572										</div>
573									</div>
574
575									<div class="row">
576										<div class="col-md-12">
577											<div class="center-content">
578												<div class="divRecaptchaMain">
579													<div id="recaptchaContainer">
580														<div class="g-recaptcha" id="gCaptcha" data-theme="light"
581															data-sitekey=""
582															style="transform:scale(0.93);-webkit-transform:scale(0.93);transform-origin:0 0;-webkit-transform-origin:0 0; display: none;">
583														</div>
584														<input type="hidden" name="hiddenRecaptcha"
585															id="hiddenRecaptcha">
586													</div>
587												</div>
588											</div>
589										</div>
590									</div>
591
592									<div class="row">
593										<div class="col-md-12">
594											<div class="center-content">
595												<div class="divBookAppointment">
596													<button class="book-appointment-btn" id="confirmAppointmentBtn"
597														type="button">Book Appointment</button>
598												</div>
599											</div>
600										</div>
601									</div>
602								</div>
603							</div>
604						</form>
605					</div>
606				</div>
607				<!--Step fifth block end-->
608
609				<!--Step sixth start end-->
610				<div id="step6Section" class="stepSection" style="display:none;">
611					<div class="col-md-2">
612					</div>
613					<div class="col-md-8 success-box">
614						<h3 id="appBookedSuccessMsg">Hi Robert, your Appointment is booked!</h3>
615						<div style="max-width: 367px;margin: 0 auto;padding-top:1px;">
616							<div class="doctor-name">
617								<!-- <span class="icon icon-practitioner bookedIcons"></span> -->
618								<p align="center">
619									<img src="/common/images/img01.png" alt="" style="max-width: 80px;" />
620								</p>
621								<p id="sum_practitionerName" align="center" style="display:none;">Dr. Bily Clements</p>
622							</div>
623							<div class="address-timing">
624								<div class="address-data">
625									<span class="icon icon-appointment bookedIcons"></span><span
626										id="sum_appTypeName">Physiotherapy <br>
627										<p class="subHeading"> 1.30 hr | $150 </p>
628									</span>
629								</div>
630								<div class="address-data loc-data-section">
631									<span class="icon icon-location bookedIcons"></span>
632									<div class="address-data-text">
633										<span id="sum_add1">Melebourne</span>
634										<p class="subHeading"><span id="sum_add2">4945, Bel Meadow Drive, Riverside, CA
635												92507</span></p>
636									</div>
637								</div>
638								<div class="address-data">
639									<span class="icon icon-availability bookedIcons"></span>
640									<div class="address-data-text">
641										<span id="sum_bookedDate">Today, 22<sup>nd</sup> August </span>
642										<p class="subHeadingBookedTime" style="padding-left: 20px;margin: 0px;">
643											<span id="sum_bookedTime"> 10:00 AM </span>
644										</p>
645									</div>
646								</div>
647								<div class="address-data location-timezone-section" style="display: none;">
648									<span class="icon icon-location bookedIcons"></span>
649									<div class="address-data-text">
650										<span id="sum_add1" class="location-timezone">Melebourne</span>
651									</div>
652								</div>
653							</div>
654							<p align="center"><button class="book-new-appointment">Book Another Appointment</button></p>
655						</div>
656					</div>
657					<div class="col-md-2">
658					</div>
659				</div>
660				<!--Step sixth block end-->
661			</div>
662		</section>
663		<footer class="container" style="display:none">
664			<div class="container">
665				<span>Powered by</span>
666				<span class="footer-logo"> <img src="/common/images/poweredby.png" alt="" /></span>
667				<span id="footerDynamicText">&#169; Appointiv 2016. All Rights Reserved.</span>
668			</div>
669		</footer>
670	</div> <!--end appointiv-container-->
671
672
673	<!-- Book Appointment Modal -->
674	<div id="appointmentBookedSuccessModal" class="modal fade custom-popup" role="dialog">
675		<div class="modal-dialog">
676			<!-- Modal content-->
677			<div class="modal-content">
678				<div class="modal-body">
679					<h3 id="appBookedSuccessMsg">Hi Robert, your Appointment is booked!</h3>
680					<div class="doctor-name">
681						<span>
682							<img src="/common/images/img01.png" alt="" style="max-width: 55px;" />
683						</span>
684						<span id="sum_practitionerName">Dr. Bily Clements</span>
685					</div>
686					<div class="address-timing">
687						<span id="sum_add1">Melebourne</span>
688						<span id="sum_add2">4945, Bel Meadow Drive, Riverside, CA 92507</span>
689						<span id="sum_bookedDate">Today, 22<sup>nd</sup> August at 10.00 am</span>
690						<span id="sum_bookedTime"></span>
691						<span id="sum_appTypeName">Physiotherapy - 1.30 hr | $150</span>
692					</div>
693				</div>
694				<div class="modal-footer">
695					<button type="button" class="btn btn-default success-btn" data-dismiss="modal">OK</button>
696				</div>
697			</div>
698		</div>
699	</div>
700	<!-- Book Appointment Modal End-->
701
702
703	<!-- Edit Modal -->
704	<div id="changesLostWarningModal" class="modal fade custom-popup editpopup" role="dialog">
705		<div class="modal-dialog">
706
707			<!-- Modal content-->
708			<div class="modal-content">
709				<div class="modal-body">
710					<h2>Changes not saved. Continuing will delete your changes.</h2>
711				</div>
712				<div class="modal-footer">
713					<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
714					<button type="button" id="looseChangesContinue" class="btn btn-default"
715						data-dismiss="modal">Continue</button>
716				</div>
717			</div>
718
719		</div>
720	</div>
721	<!-- Edit Modal End-->
722
723	<!-- Edit Modal -->
724	<div id="errorHandlerModal" class="modal fade custom-popup editpopup" role="dialog">
725		<div class="modal-dialog">
726
727			<!-- Modal content-->
728			<div class="modal-content">
729				<div class="modal-header">
730					<h2>Error from Server</h2>
731				</div>
732				<div class="modal-body">
733					<h2></h2>
734				</div>
735				<div class="modal-footer">
736					<button type="button" class="btn btn-default" data-dismiss="modal" id="errorHandlerModalOk">Ok</button>
737				</div>
738			</div>
739
740		</div>
741	</div>
742	<!-- Edit Modal End-->
743
744	<!-- No times are available Modal -->
745	<div id="NoTimeSlotsAvailableModal" class="modal fade custom-popup editpopup" role="dialog">
746		<div class="modal-dialog modal-dialog-centered">
747			<!-- Modal content-->
748			<div class="modal-content">
749				<div class="modal-header">
750					<h2 style="color: red;">Sorry... we couldn't find any available times</h2>
751				</div>
752				<div class="modal-body" style="text-align: center;">
753					<b>Please change your selections and try again.</b>
754				</div>
755				<div class="modal-footer">
756					<button type="button" class="btn btn-default" data-dismiss="modal" data-backstage="goBack" id="errorHandlerModalOk2" >Ok</button>
757				</div>
758			</div>
759
760		</div>
761	</div>
762	<!-- No times are available Modal End-->
763
764	<!-- Select TimeZone Modal -->
765	<div id="ChangeTimeZoneModal" class="modal fade custom-popup editpopup" role="dialog">
766		<div class="modal-dialog modal-dialog-centered">
767			<!-- Modal content-->
768			<div class="modal-content">
769				<div class="modal-header cModalHeader">
770					<h4 align="center">Select time zone</h4>
771				</div>
772				<div class="modal-body" style="text-align: center;">
773					<p>
774						<select class="timeZone_Selector"></select>
775					</p>
776				</div>
777				<div class="modal-footer">
778					<button type="button" class="btn btn-default chnagedTimeZone" data-dismiss="modal">Save</button>
779					<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
780				</div>
781			</div>
782
783		</div>
784	</div>
785	<!-- No times are available Modal End-->
786
787	<!-- Underscore templates starts  -->
788	<!-- 
788<script id="locationList_template" type="text/html">
789		    <h3 class="page-heading">Select <span class="cutomLabelForLocation">Location</span></h3>
790				<%// console.log("Data",data) %>
791				<div class="col=md-12 location-tab">
792					<%  for(var loc in data){ 
793						var locObj = data[loc];%>
794						<%// console.log("locObj",locObj.id) %>
795						<li data-id="<%- locObj.id %>" data-address="<%- locObj.address %>">
796							<span><%= locObj.name %></span>
797							<span class="textDeviderPipe"> - </span>
798							<span><%= locObj.address %></span>
799						</li>
800					<% } %>  
801				</div>
802		</script>
802 -->
803
804	
804<script id="locationList_template" type="text/html">
805			<h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3>
806			<div class="col-md-12 location-tab">
807			   <ul id="locationSelectionList">
808					<% _.each(data, function(locObj){  %>
809						<% if(locObj.timeZoneKey){ %>
810							<li data-id="<%- locObj.locationId %>" data-address="<%- locObj.locationAddress %>" data-timezonekey="<%- locObj.timeZoneKey %>">
811						<% }else{ %>
812							<li data-id="<%- locObj.locationId %>" data-address="<%- locObj.locationAddress %>" data-timezonekey="<%- locObj.locationTimeZoneKey %>">
813						<% } %>
814						
815						<span><%= locObj.locationName %></span>
816						<span class="textDeviderPipe"> - </span>
817						<span><%= locObj.locationAddress %></span>
818					</li>
819					<% }); %>					   
820				 </ul>
821			</div>
822		</script>
822
823
824	
824<script id="locationList_template_2" type="text/html">
825			<div class="col-md-12 location-tab">
826			   <ul id="locationSelectionList">
827					<% _.each(data, function(locObj){  %>
828						<li data-id="<%- locObj.id %>" data-address="<%- locObj.address %>" data-timezonekey="<%- locObj.timeZoneKey %>">
829						<span><%= locObj.name %></span>
830						<span class="textDeviderPipe"> - </span>
831						<span><%= locObj.address %></span>
832					</li>
833					<% }); %>					   
834				 </ul>
835			</div>
836		</script>
836
837
838	
838<script id="practitionerList_template" type="text/html">
839
840			<h3 class="page-heading"><span class="icon icon-practitioner"></span>Select <span class="cutomLabelForPractitioner">Practitioner</span></h3>
841			<div>
842				<div class="select-partitioner">
843					<ul id="practitionerSelectionList">
844						<%
845						// console.log('test to check url ', document.location.origin, selectedCriteria.isFirstAvaialbleSelected);
846
847						// First Available logic - moved to the top for proper sorting
848						var shouldShowFirstAvailable = false;
849						if(selectedCriteria.isFirstAvaialbleSelected && appointmentDetailObj.appointmentType.maxparticipant > 0){
850							if((appointmentDetailObj.appointmentType.name != 'Pfizer 12 years+ - First Dose')){
851							if((appointmentDetailObj.appointmentType.name != 'Pfizer 12 years+ - Second Dose')){
852							if((document.location.origin != 'https://kpgtaxation.appointiv.com')){
853								shouldShowFirstAvailable = true;
854							}}}
855						} else if(data.length > 1 && appointmentDetailObj.appointmentType.maxparticipant > 0){
856							if((appointmentDetailObj.appointmentType.name != 'Pfizer 12 years+ - First Dose')){
857								if((appointmentDetailObj.appointmentType.name != 'Pfizer 12 years+ - Second Dose')){
858								if(document.location.origin != 'https://kpgtaxation.appointiv.com'){
859									shouldShowFirstAvailable = true;
860								}}}
861						}
862
863						if(shouldShowFirstAvailable){ %>
864						<li data-id="Any" data-name="First Available" data-timeslot="00:00;00:15;00:30;00:45">
865							<div class="service-provider-li-content">
866								<span></span>
867								<h3 style="margin-bottom:20px;">First Available</h3>
868							</div>
869					  	</li>
870						<% }
871
872						if(!selectedCriteria.isFirstAvaialbleSelected){
873							var currentTime = sessionStorage.getItem('profileCacheKey') || new Date().getTime();
874							sessionStorage.setItem('profileCacheKey', currentTime);
875								if(showProfilePicture){
876									_.each(data, function(dObj){
877									%>
878										<li data-id="<%- dObj.id %>" data-name="<%- dObj.name %>" data-timeslot="<%- dObj.timeSlot %>">
879											<div class="service-provider-li-content">
880												<% if(dObj.profilePic.match("images/noProfilePic.png")){ %>
881													<span><img src="<%- dObj.profilePic %>" alt="" class="sp-profile-image" /></span>
882												<%	}else{ %>
883													<span><img src="<%- dObj.profilePic %>&date=<%- currentTime %>" alt="" class="sp-profile-image" /></span>
884												<% } %>
885												<h3><%= dObj.name %></h3>
886												<% if(dObj.appointivBookingFormDescription){ %>
887													<p><%- dObj.appointivBookingFormDescription %></p>
888												<% } %>
889											</div>
890										</li>
891									<% });
892								}else{
893									_.each(data, function(dObj){
894									%>
895										  <li data-id="<%- dObj.id %>" data-name="<%- dObj.name %>" data-timeslot="<%- dObj.timeSlot %>">
896											<div class="service-provider-li-content">
897												<h3><%= dObj.name %></h3>
898												<% if(dObj.appointivBookingFormDescription){ %>
899													<p><%- dObj.appointivBookingFormDescription %></p>
900												<% } %>
901											</div>
902										  </li>
903									<% });
904								}
905						}
906
907						%>
908					</ul>
909				</div>
910			</div>
911		</script>
911
912
913
914
915	
915<script id="categoryAppTypeAccordion_template" type="text/html">
916			<h3 class="page-heading"><span class="icon icon-appointment"></span>Select <span class="cutomLabelForAppointment">Appointment</span></h3>
917				<div class="accordion-list">				
918				 <div class="panel-group" id="accordion">
919					<%  
920						var mainData = data;
921						var data = data.categories;
922						var In_class = '';
923						var activeSccordion = '';
924						if(mainData.areaExpanded){
925							In_class = 'in';
926							activeSccordion = 'accordian-active';
927						}									
928					%>
929					<%  
930					let sortedArray1= data.sort(function(a, b) {
931						return a.name.localeCompare(b.name);
932					 }); 
933					 //console.log('data check on catgeory ', data);
934					 				// console.log('sortedArray1 ', sortedArray1);
935						_.each(sortedArray1, function(dObj, index){ 
936						if(dObj && dObj.appointmentTypes && dObj.appointmentTypes.length > 0){
937							%>
938							<div class="panel panel-default">
939								<div class="panel-heading <%- activeSccordion %>">
940									<a data-toggle="collapse" data-parent="#accordion" href="#<%- dObj.id %>" aria-expanded="<%- mainData.areaExpanded %>">
941										<h4 class="panel-title"><%= dObj.name %></h4>
942									</a>
943								</div>
944								<div class="panel-collapse collapse <%- In_class %>" id="<%- dObj.id %>">
945									<div class="panel-body">
946										<div class="location-tab">
947											<ul class="appointmentTypeSelectionList">
948												<% 	
949												var tempArr = [];
950												//console.log('test ', data[index].appointmentTypes);
951												let sortedArray= data[index].appointmentTypes.sort(function(a, b) {
952													return a.name.localeCompare(b.name);
953												 });
954												// console.log('sortedArray ', sortedArray);
955												_.each(sortedArray, function(idObj){ 
956
957													if(tempArr.indexOf(idObj.id) === -1){											
958
959														tempArr.push(idObj.id);
960														if(idObj.isAvailableOnWebform != false){
961
962														var maxparticipant = idObj.maxparticipant || 0; 
963														var price = idObj.price || '';
964														var isFiveMin = idObj.isFiveMinAppt || false;
965														var isSlotsBasedOnLocation = idObj.isSlotsBasedOnLocation || false;
966														var priceCurrency = price.charAt(0);
967														var priceWithoutCurrency = price.replace(priceCurrency,'');
968														if(priceWithoutCurrency.trim() != 0){
969															price = priceCurrency+''+priceWithoutCurrency;
970														}else{
971															price = '';
972														}
973												%>
974													<li data-id="<%- idObj.id %>" data-isclassappointive="<%- idObj.isClassAppointive %>" data-price="<%- price %>" data-isfivemin="<%- isFiveMin %>" data-isslotsbasedonlocation="<%- isSlotsBasedOnLocation %>" data-maxparticipant="<%- maxparticipant %>" data-timeslotduration="<%- idObj.timeslotduration %>" data-categoryid="<%- dObj.id %>" data-categoryname="<%- dObj.name %>" data-isallowmulticust="<%- idObj.allowToBookWithMultipleCustomers %>" data-isallowattachment="<%- idObj.allowAttachment %>" data-apptypespecificfieldsetname="<%- idObj.appTypeSpecificFieldsetName %>" data-apptypespecificeventfieldsetname="<%- idObj.appTypeSpecificEventFieldsetName %>" data-leadtime="<%- idObj.leadTime %>">
975														<span class="subcategory"><%= idObj.name %></span>
976														<span class="textDeviderPipe">  </span>
977														<span class="appTypePrice"><%= price %> </span>
978														<span class="appTypeDesc"><%= idObj.description %></span>
979													</li>		 
980												<% 		
981													} }
982												}); 
983												%>  
984											</ul>
985										</div>
986									</div>
987								</div>
988							</div>
989						<% 
990						}
991					}); 
992					%>
993				</div>
994			 </div>
995		</script>
995
996
997
998	
998<script id="load_none_template" type="text/html">
999			<h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3>
1000			<div class="col=md-12 location-tab">
1001				<ul id="locationSelectionList">		
1002					<%  _.each(data, function(dObj, index){ %>
1003					<li data-id="a083600000EhnciAAB" data-address="Kings circle, Men's Avenue - 5th Street  Melbourne">
1004						<span><%= dObj.name %></span>
1005						<span class="textDeviderPipe"> </span>
1006						<span><%= dObj.address %></span>
1007					</li>			
1008					<% }); %>					
1009				</ul>
1010			</div>
1011		</script>
1011
1012
1013	
1013<script id="load_LP_template" type="text/html">
1014
1015			<div class="tab-bar location-summary-cont">
1016			   <div class="col-md-2">
1017				  <h3 class="cutomLabelForLocation">Location</h3>
1018			   </div>
1019			   <div class="col-md-10">
1020				  <h3><%= data.name %> -</h3>
1021				  <span><%= data.address %></span>				  
1022			   </div>
1023			</div>
1024			<div class="tab-bar preactitioner-summary-cont">
1025			   <div class="col-md-2">
1026				  <h3 class="cutomLabelForPractitioner">Doctor</h3>
1027			   </div>
1028			   <div class="col-md-10">
1029				  <span><img src="<%- data.categories[0].appointmentTypes[0].practitioners.profilePic %>" class="dr-icon" alt=""></span>
1030				  <h3><%- data.categories[0].appointmentTypes[0].practitioners.name %></h3>
1031			   </div>
1032			</div>
1033			<h3 class="page-heading">Select Appointment</h3>
1034			<div class="accordion-list">
1035				<div class="panel-group" id="accordion">	
1036				<%  _.each(data.categories, function(dObj, index){ %>
1037					<div class="panel panel-default">
1038						<div class="panel-heading">
1039							<a data-toggle="collapse" data-parent="#accordion" href="#<%- dObj.id %>">
1040								<h4 class="panel-title"><%= dObj.name %></h4>
1041							</a>
1042						</div>
1043						<div class="panel-collapse collapse" id="<%- dObj.id %>">
1044							<div class="panel-body">
1045								<div class="location-tab">
1046									<ul class="appointmentTypeSelectionList">
1047										<% 	_.each(data.categories[index].appointmentTypes, function(idObj){
1048											
1049											if(idObj.isAvailableOnWebform != false){
1050
1051											var maxparticipant = idObj.maxparticipant || 0; 
1052											var price = idObj.price || '';
1053											var priceCurrency = price.charAt(0);
1054											var priceWithoutCurrency = price.replace(priceCurrency,'');
1055											if(priceWithoutCurrency != 0){
1056												price = priceCurrency+''+priceWithoutCurrency;
1057											}else{
1058												price = '';
1059											}
1060										%>	
1061											<li data-id="<%- idObj.id %>" data-isclassappointive="<%- idObj.isClassAppointive %>" data-price="<%- price %>" data-maxparticipant="<%- maxparticipant %>" data-timeslotduration="<%- idObj.timeslotduration %>" data-categoryid="<%- dObj.id %>" data-categoryname="<%- dObj.name %>" data-isallowmulticust="<%- idObj.allowToBookWithMultipleCustomers %>" data-isallowattachment="<%- idObj.allowAttachment %>" data-apptypespecificfieldsetname="<%- idObj.appTypeSpecificFieldsetName %>" data-apptypespecificeventfieldsetname="<%- idObj.appTypeSpecificEventFieldsetName %>" data-leadtime="<%- idObj.leadTime %>">
1062												<span class="subcategory"><%= idObj.name %></span>
1063												<span class="textDeviderPipe"> </span>
1064												<span class="appTypePrice"><%= price %> </span>
1065												<span class="appTypeDesc"><%= idObj.description %></span>
1066											</li>		 
1067										<% } }); %>  
1068									</ul>
1069								</div>
1070							</div>
1071						</div>
1072					</div>
1073				<% }); %>
1074				</div>
1075			</div>			
1076		</script>
1076
1077
1078	
1078<script id="load_LCAP_template" type="text/html">
1079			<%
1080			    var showProfilePicture = data.showProfilePicture;
1081				var price = data.Category[0].appointmentType[0].price || '';
1082				var priceCurrency = price.charAt(0);
1083				var priceWithoutCurrency = price.replace(priceCurrency,'');
1084				if(priceWithoutCurrency.trim() != 0){
1085					price = priceCurrency+''+priceWithoutCurrency;
1086				}else{
1087					price = '';
1088				}
1089			%>
1090			<div class="availability-tab">			
1091						<div class="main-flex-div" style="display: inline-flex;">
1092							<% if(showProfilePicture && (data.prac.name != 'First Available')){ %>
1093								<div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (data.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : data.prac.profilepic %>" class="sp-profile-image"></div>
1094								<div class="appointment-sum-data" style="text-align: left;">
1095							<% }else{ %>
1096								<div class="appointment-sum-data" style="text-align: centre;">
1097							<% } %>
1098					
1099						<div>
1100							<div class="tab-bar appointmentType-summary-cont">
1101								<div class="appointiment-category"><%= data.Category[0].name %></div>
1102								<div class="appointiment-type"><%= data.Category[0].appointmentType[0].name %> <%= price %></div>
1103							</div>
1104							<div class="tab-bar preactitioner-summary-cont">
1105								<div class="sp-name"><%= data.Category[0].appointmentType[0].practitioners[0].name %></div>
1106							</div>
1107						</div>
1108						<div class="tab-bar location-summary-cont">
1109							<div class="location"><%= data.name %></div>
1110							<div class="location-address"><%= data.address %></div>
1111						</div>
1112						
1113						
1114						</div>
1115					
1116						</div>
1117					
1118				</div>
1119			  <div>
1120			   <!-- <h3 class="page-heading">Check Availability</h3>
1121			   <h5 class="select-date">Select a Date and Available Times Will Appear Below</h5>
1122			   <div class="col-md-6">
1123					<div class="calendar">									
1124						<div class="calendar-container">
1125							<header>
1126								<h2 class="month"></h2>
1127								<div class="btn-prev"><i class="icon icon-angle-left" aria-hidden="true"></i></div>
1128								<div class="btn-next"><i class="icon icon-angle-right" aria-hidden="true"></i></div>
1129							</header>
1130							<table id="appointmentCalCont">
1131								<thead class="event-days">
1132									<tr></tr>
1133								</thead>
1134								<tbody class="event-calendar"></tbody>
1135							</table>						
1136						</div>		
1137						<div class="smalloverlay" style="display:none"></div>
1138					</div>
1139				</div>
1140				<div class="col-md-6 calendar-details">
1141				  <h5>Select Time</h5>
1142				  <h3 id="dateSelected"></h3>
1143				  <div class="col-md-12">
1144					<div class="col-md-12 tm-slot">
1145							<span class="morning"></span>
1146							<span class="morning-txt">AM</span>
1147					 </div>
1148					 <div class="timeslot-main col-md-10">
1149						<div class="slickSlider" id="morningAppointmentSlots"></div>
1150					 </div>
1151				  </div>
1152				  <div class="col-md-12">
1153				   <div class="col-md-12 tm-slot">
1154						 <span class="evening"></span>
1155						 <span class="morning-txt">PM</span>
1156					 </div>
1157					  <div class="timeslot-main col-md-10">
1158						<div class="slickSlider" id="eveningAppointmentSlots"></div>
1159					  </div>
1160				  </div>
1161				  <div class="control-group"></div>
1162			   </div> -->
1163
1164
1165			   <!-- <div class="col-md-6">
1166				<span class="calendar-text">Select Date</span>
1167					  <div class="calendar">									
1168						 <div class="calendar-container">
1169							 <header>
1170								 <h2 class="month"></h2>
1171								 <div class="btn-prev"><i class="icon icon-angle-left" aria-hidden="true"></i></div>
1172								 <div class="btn-next"><i class="icon icon-angle-right" aria-hidden="true"></i></div>
1173							 </header>
1174							 <table id="appointmentCalCont">
1175								 <thead class="event-days">
1176									 <tr></tr>
1177								 </thead>
1178								 <tbody class="event-calendar"></tbody>
1179							 </table>						
1180						 </div>		
1181						 <div class="smalloverlay" style="display:none"></div>
1182					 </div>
1183				<div class="timeZoneAlertBox-2" style="display:block; margin-top: -5%;">
1184				 <span class="glyphicon glyphicon-globe"></span> <strong>Timezone - </strong> You are seeing appointments in <strong><span id="clientTimezoneNotify-2"></span></strong> time.
1185				</div>		
1186					</div>
1187					<div class="col-md-6 calendar-details">
1188							 <div class="time-head">
1189						 <h5>Select Time</h5>
1190						 <h3 id="dateSelected"></h3>
1191								 </div>
1192					 <div class="col-md-6 col-sm-6 col-xs-12">
1193						 <div class="col-md-12 tm-slot">
1194							 <span class="morning-txt">AM</span>
1195						 </div>
1196						 <div class="timeslot-main col-md-12">
1197							 <div class="slickSlider" id="morningAppointmentSlots"></div>
1198						 </div>
1199					 </div>
1200					   
1201					 <div class="col-md-6 col-sm-6 col-xs-12">
1202						 <div class="col-md-12 tm-slot">
1203							 <span class="morning-txt">PM</span>
1204						 </div>
1205						 <div class="timeslot-main col-md-12">
1206							 <div class="slickSlider" id="eveningAppointmentSlots"></div>
1207						 </div>
1208					 </div>
1209					 <div class="control-group">
1210					 </div>
1211				 </div> -->
1212				 
1213			</div>
1214		</script>
1214
1215
1216	
1216<script id="load_P_template" type="text/html">
1217			  <div class="tab-bar preactitioner-summary-cont">
1218			   <div class="col-md-2">
1219				  <h3 class="cutomLabelForPractitioner">Doctor</h3>
1220			   </div>
1221			   <div class="col-md-10">
1222				  <span><img src="<%- data.profilePic %>" class="dr-icon" alt=""></span>
1223				  <h3><%= data.name %></h3>
1224			   </div>
1225			</div>
1226			
1227			
1228			<h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3>
1229			<div class="col=md-12 location-tab">
1230			   <ul id="locationSelectionList">
1231					<% 	_.each(data.Location, function(idObj){ %>
1232						<li data-id="<%- idObj.id %>" data-address="<%- idObj.address %>" data-timezonekey="<%- idObj.timeZoneKey %>">
1233						<span><%= idObj.name %></span>
1234						<span class="textDeviderPipe"> - </span>
1235						<span><%= idObj.address %></span>
1236					</li>
1237					<% }); %>					   
1238				 </ul>
1239			</div>
1240		</script>
1240
1241
1242	
1242<script id="load_P2_template" type="text/html">
1243			  <div class="tab-bar preactitioner-summary-cont">
1244				   <div class="col-md-2">
1245					  <h3 class="cutomLabelForPractitioner">Doctor</h3>
1246				   </div>
1247				   <div class="col-md-10">
1248					  <span><img src="<%- data.practitioner.profilePic %>" class="dr-icon" alt=""></span>
1249					  <h3><%= data.practitioner.name %></h3>
1250				   </div>
1251			  </div>
1252						
1253		    <div class="tab-bar location-summary-cont">
1254			   <div class="col-md-2">
1255				  <h3 class="cutomLabelForLocation">Location</h3>
1256			   </div>
1257			   <div class="col-md-10">
1258				  <h3><%= data.location.name %> -</h3>
1259				  <span><%= data.location.address %></span>					  
1260			   </div>
1261			</div>
1262			<div id="catAppContainer">
1263
1264			</div>
1265		</script>
1265
1266
1267	
1267<script id="load_L_template" type="text/html">
1268			<div class="tab-bar location-summary-cont">
1269				<!-- <div class="col-md-2">
1270					<h3 class="cutomLabelForLocation">Location</h3>
1271				</div>
1272				<div class="col-md-10">
1273					<h3><%= data.name %> -</h3>
1274					<span><%= data.address %></span>
1275				</div> -->
1276				<div class="location"><%= data.name %></div>
1277			   <div class="location-address"><%= data.address %></div>
1278			</div>
1279		</script>
1279
1280
1281	
1281<script id="load_LC_template" type="text/html">
1282			<div class="tab-bar location-summary-cont">			
1283				<!-- <div class="col-md-2">
1284					<h3 class="cutomLabelForLocation">Location</h3>
1285				</div>
1286				<div class="col-md-10">
1287					<h3><%= data.name %> -</h3>
1288					<span><%= data.address %></span>
1289				</div> -->
1290				<div class="location"><%= data.name %></div>
1291			   <div class="location-address"><%= data.address %></div>
1292			</div>
1293		</script>
1293
1294
1295	
1295<script id="load_LCD_template" type="text/html">
1296			<div class="tab-bar location-summary-cont">			
1297				<div class="col-md-2">
1298					<h3 class="cutomLabelForLocation">Location</h3>
1299				</div>
1300				<div class="col-md-10">
1301					<h3><%= data.name %> -</h3>
1302					<span><%= data.address %></span>
1303				</div>
1304			</div>
1305		</script>
1305
1306
1307	
1307<script id="load_C_template" type="text/html">
1308			<div class="tab-bar appointmentType-summary-cont">
1309			    <div class="col-md-2">
1310				   <h3>Appointment</h3>
1311			    </div>
1312			    <div class="col-md-10">				
1313				   <h3><%= data.category.name %></h3>
1314				   <span> - <%= data.appointmentType.name%> <%= data.appointmentType.price%></span>				
1315			    </div>
1316		    </div>
1317		</script>
1317
1318
1319	
1319<script id="load_CP_template" type="text/html">
1320			<div class="tab-bar preactitioner-summary-cont">
1321			   <div class="col-md-2">
1322				  <h3 class="cutomLabelForPractitioner">Doctor</h3>
1323			   </div>
1324			   					<%// console.log("data",data)%>
1325			   <% 	_.each(data, function(idObj){ %>
1326				  <%// console.log("idObj",idObj)%>
1327				   <div class="col-md-10">
1328					  <span><img src="<%- idObj.profilePic %>" class="dr-icon" alt=""></span>
1329					  <h3><%- idObj.name %></h3>
1330				   </div>
1331			   <% }); %>	
1332			</div>
1333		</script>
1333
1334
1335	
1335<script id="load_CP1_template" type="text/html">
1336			<div class="tab-bar location-summary-cont">
1337				   <!-- <div class="col-md-2">
1338					  <h3 class="cutomLabelForLocation">Location</h3>
1339				   </div>
1340				   <div class="col-md-10">			 
1341					  <h3><%= data.name %> -</h3>
1342					  <span><%= data.address %></span>
1343					  <span class="icon icon-edit isShowWarningPopup" data-showwarningpopup="false" data-showpageofindex="3"></span>
1344				   </div> -->
1345				   <div class="location"><%= data.name %></div>
1346					<div class="location-address"><%= data.address %></div>
1347			</div>			
1348		</script>
1348
1349
1350	
1350<script id="load_CA_template" type="text/html">
1351			<div class="tab-bar appointmentType-summary-cont">
1352			    <div class="col-md-2">
1353				   <h3>Appointment</h3>
1354			    </div>
1355			    <div class="col-md-10">
1356				    <% for(var loc in data){	
1357						locObj = data[loc]	%>					
1358						<h3><%= locObj.name %></h3>
1359						<span> - <%= locObj.appointmentType[0].name%> <%= locObj.appointmentType[0].price %></span>	
1360					<% } %>
1361			    </div>
1362		    </div>
1363		</script>
1363
1364
1365	
1365<script id="load_CA_template1" type="text/html">
1366			<h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3>
1367			<div class="col=md-12 location-tab">
1368			    <ul>
1369					
1370					<% 	_.each(data.Location, function(idObj){ %>
1371						<li data-id="<%- idObj.id %>" data-address="<%- idObj.address %>">
1372						<span><%= idObj.name %></span>
1373						<span class="textDeviderPipe"> - </span>
1374						<span><%= idObj.address %></span>
1375					</li>
1376					<% }); %>					   
1377				</ul>
1378			</div>
1379		</script>
1379
1380
1381	
1381<script id="load_LCA_template" type="text/html">
1382			<%
1383			var price = data.categories[0].appointmentType[0].price || '';
1384			var priceCurrency = price.charAt(0);
1385			var priceWithoutCurrency = price.replace(priceCurrency,'');
1386			if(priceWithoutCurrency.trim() != 0){
1387				price = priceCurrency+''+priceWithoutCurrency;
1388			}else{
1389				price = '';
1390			}
1391			%>
1392			<div class="tab-bar appointmentType-summary-cont">
1393			    <!-- <div class="col-md-2">
1394				   <h3>Appointment</h3>
1395			    </div>
1396			    <div class="col-md-10">
1397					<h3><%= data.categories[0].categoryName %></h3>
1398					<span> - <%= data.categories[0].appointmentType[0].name%> <%= price %></span>						
1399			    </div> -->
1400				<div class="appointiment-category"><%= data.categories[0].categoryName %></div>
1401				<div class="appointiment-type"><%= data.categories[0].appointmentType[0].name %> <%= price %></div>
1402		    </div>
1403		</script>
1403
1404
1405	
1405<script id="load_CAP_template" type="text/html">
1406			<%
1407			// console.log('data ', data.appointmentType['0'].practitioners['0'].profilePic);
1408			var price = data.appointmentType[0].price || '';
1409			var priceCurrency = price.charAt(0);
1410			var priceWithoutCurrency = price.replace(priceCurrency,'');
1411			if(priceWithoutCurrency.trim() != 0){
1412				price = priceCurrency+''+priceWithoutCurrency;
1413			}else{
1414				price = '';
1415			}
1416			%>
1417			
1418				<div class="tab-bar appointmentType-summary-cont">
1419					<!-- <div class="col-md-2">
1420					<h3>Appointment</h3>
1421					</div>
1422					<div class="col-md-10">
1423						<h3><%= data.name %></h3>
1424						<span> - <%= data.appointmentType[0].name%> <%= price %></span>						
1425					</div> -->
1426					<div class="appointiment-category"><%= data.name %></div>
1427					<div class="appointiment-type"><%= data.appointmentType[0].name %> <%= price %></div>
1428				</div>
1429	
1430		</script>
1430
1431
1432	
1432<script id="load_CAP_template1" type="text/html">
1433			<div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- data.appointmentType['0'].practitioners['0'].profilePic %>" class="sp-profile-image"></div>							
1434			<div class="appointment-sum-data">	
1435			      
1436			   <!-- <div class="col-md-2">
1437				  <h3 class="cutomLabelForPractitioner">Doctor</h3>
1438			   </div>			
1439				   <div class="col-md-10">
1440					  <span><img src="<%- data.appointmentType["0"].practitioners["0"].profilePic%>" class="dr-icon" alt=""></span>
1441					  <h3><%- data.appointmentType["0"].practitioners["0"].name %></h3>
1442				   </div>			  -->
1443				 
1444				
1445				  
1446				   
1447				   <div class="tab-bar preactitioner-summary-cont">
1448					  
1449						   <div class="sp-name"><%= data.appointmentType["0"].practitioners["0"].name %></div>	
1450					  
1451				   </div>
1452				  
1453			</div>
1454		</script>
1454
1455
1456	
1456<script id="load_CAP_template2" type="text/html">
1457			<h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3>
1458			<div class="col-md-12 location-tab">
1459			    <ul>
1460					<%// console.log("data", data) %>
1461					<% 	_.each(data, function(idObj){ %>
1462						<li data-id="<%- idObj.id %>" data-address="<%- idObj.address %>" data-timezonekey="<%- idObj.timeZoneKey %>" >
1463						<span><%= idObj.name %></span>
1464						<span class="textDeviderPipe"> - </span>
1465						<span><%= idObj.address %></span>
1466					</li>
1467					<% }); %>					   
1468				</ul>
1469			</div>
1470
1471		</script>
1471
1472
1473	
1473<script id="load_stepbar_template" type="text/html">
1474			<ul class="progressbar">
1475				<% if(data.locationId && data.categoryId && data.appTypeId && data.practionerId){ %>
1476					  <li class="completed">
1477						 <div class="icon icon-location"></div>
1478						 <!--<span class="cutomLabelForLocation">Location</span>-->
1479					  </li>
1480					  <li class="completed">
1481						 <div class="icon icon-appointment"></div>
1482						<!-- <span>Appointment</span>-->
1483					  </li>
1484					  <li class="completed">
1485						 <div class="icon icon-practitioner"></div>
1486						 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1487					  </li>
1488					  <li class="active">
1489						 <div class="icon icon-availability"></div>
1490						 <!-- <span>Availability</span> -->
1491					  </li>
1492					  <li>
1493						 <div class="icon icon-details"></div>
1494						 <!-- <span>Details</span> -->
1495					  </li>			
1496				<% }else if(!data.locationId && !data.categoryId && !data.appTypeId && !data.practionerId){ %>
1497					<li class="active">
1498						<div class="icon icon-location"></div>
1499						<!-- <span class="cutomLabelForLocation">Location</span> -->
1500					</li>
1501					<li>
1502						<div class="icon icon-appointment"></div>
1503						<!-- <span>Appointment</span> -->
1504					</li>
1505					<li>
1506						<div class="icon icon-practitioner"></div>
1507						<!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1508					</li>
1509					<li>
1510						<div class="icon icon-availability"></div>
1511						<!-- <span>Availability</span> -->
1512					</li>
1513					<li>
1514						<div class="icon icon-details"></div>
1515						<!-- <span>Details</span> -->
1516					</li>	
1517				<% }else if(data.locationId && data.categoryId && data.appTypeId){  %>
1518					  <li class="completed">
1519						 <div class="icon icon-location"></div>
1520						 <!-- <span class="cutomLabelForLocation">Location</span> -->
1521					  </li>
1522					  <li class="completed">
1523						 <div class="icon icon-appointment"></div>
1524						 <!-- <span>Appointment</span> -->
1525					  </li>
1526					  <li class="active">
1527						 <div class="icon icon-practitioner"></div>
1528						 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1529					  </li>
1530					  <li>
1531						 <div class="icon icon-availability"></div>
1532						 <!-- <span>Availability</span> -->
1533					  </li>
1534					  <li>
1535						 <div class="icon icon-details"></div>
1536						 <!-- <span>Details</span> -->
1537					  </li>	
1538				<% }else if(data.locationId && data.categoryId && data.practionerId){ %> 
1539					<li class="completed">
1540						<div class="icon icon-location"></div>
1541						<!-- <span class="cutomLabelForLocation">Location</span> -->
1542					</li>
1543					<li class="completed">
1544						<div class="icon icon-practitioner"></div>
1545						<!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1546					</li>
1547					<li class="active">
1548						<div class="icon icon-appointment"></div>
1549						<!-- <span>Appointment</span> -->
1550					</li>
1551					<li>
1552						<div class="icon icon-availability"></div>
1553						<!-- <span>Availability</span> -->
1554					</li>
1555					<li>
1556						<div class="icon icon-details"></div>
1557						<!-- <span>Details</span> -->
1558					</li>
1559				<% }else if(data.locationId && data.appTypeId && data.practionerId){ %>
1560									
1561				<% }else if(data.locationId && data.categoryId){ %>
1562					<li class="completed">
1563						<div class="icon icon-location"></div>
1564						<!-- <span class="cutomLabelForLocation">Location</span> -->
1565					</li>
1566					<li class="active">
1567						<div class="icon icon-appointment"></div>
1568						<!-- <span>Appointment</span> -->
1569					</li>
1570					<li>
1571						<div class="icon icon-practitioner"></div>
1572						<!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1573					</li>
1574					<li>
1575						<div class="icon icon-availability"></div>
1576						<!-- <span>Availability</span> -->
1577					</li>
1578					<li>
1579						<div class="icon icon-details"></div>
1580						<!-- <span>Details</span> -->
1581					</li>
1582				<% }else if(data.locationId && data.appTypeId){ %>
1583					
1584				<% }else if(data.locationId && data.practionerId){ %>
1585					<li class="completed">
1586						<div class="icon icon-location"></div>
1587						<!-- <span class="cutomLabelForLocation">Location</span> -->
1588					</li>
1589					<li class="completed">
1590						<div class="icon icon-practitioner"></div>
1591						<!-- <span class="cutomLabelForPractitioner">
1591Practitioner</span> -->
1592					</li>
1593					<li class="active">
1594						<div class="icon icon-appointment"></div>
1595						<!-- <span>Appointment</span> -->
1596					</li>
1597					<li>
1598						<div class="icon icon-availability"></div>
1599						<!-- <span>Availability</span> -->
1600					</li>
1601					<li>
1602						<div class="icon icon-details"></div>
1603						<!-- <span>Details</span> -->
1604					</li>
1605				<% }else if(data.locationId){ %>
1606					<li class="completed">
1607						<div class="icon icon-location"></div>
1608						<!-- <span class="cutomLabelForLocation">Location</span> -->
1609					</li>
1610					<li class="active">
1611						<div class="icon icon-appointment"></div>
1612						<!-- <span>Appointment</span> -->
1613					</li>
1614					<li>
1615						<div class="icon icon-practitioner"></div>
1616						<!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1617					</li>
1618					<li>
1619						<div class="icon icon-availability"></div>
1620						<!-- <span>Availability</span> -->
1621					</li>
1622					<li>
1623						<div class="icon icon-details"></div>
1624						<!-- <span>Details</span> -->
1625					</li>
1626				<% }else if(data.categoryId && data.appTypeId && data.practionerId){ %>
1627					<li class="completed">
1628						<div class="icon icon-appointment"></div>
1629						<!-- <span>Appointment</span> -->
1630					</li>
1631					<li class="completed">
1632						<div class="icon icon-practitioner"></div>
1633						<!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1634					</li>
1635					<li class="active">
1636						<div class="icon icon-location"></div>
1637						<!-- <span class="cutomLabelForLocation">Location</span> -->
1638					</li>
1639					<li>
1640						<div class="icon icon-availability"></div>
1641						<!-- <span>Availability</span> -->
1642					</li>
1643					<li>
1644						<div class="icon icon-details"></div>
1645						<!-- <span>Details</span> -->
1646					</li>
1647				<% }else if(data.categoryId && data.appTypeId){ %>
1648					<li class="completed">
1649						<div class="icon icon-appointment"></div>
1650						<!-- <span>Appointment</span> -->
1651					</li>
1652					<li class="active">
1653						<div class="icon icon-location"></div>
1654						<!-- <span class="cutomLabelForLocation">Location</span> -->
1655					</li>
1656					<li>
1657						<div class="icon icon-practitioner"></div>
1658						<!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1659					</li>
1660					<li>
1661						<div class="icon icon-availability"></div>
1662						<!-- <span>Availability</span> -->
1663					</li>
1664					<li>
1665						<div class="icon icon-details"></div>
1666						<!-- <span>Details</span> -->
1667					</li>
1668				<% }else if(data.categoryId && data.practionerId){ %>
1669					<li class="completed">
1670						<div class="icon icon-practitioner"></div>
1671						<!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1672					</li>
1673					<li class="active">
1674						<div class="icon icon-appointment"></div>
1675						<!-- <span>Appointment</span> -->
1676					</li>
1677					<li>
1678						<div class="icon icon-location"></div>
1679						<!-- <span class="cutomLabelForLocation">Location</span> -->
1680					</li>
1681					<li>
1682						<div class="icon icon-availability"></div>
1683						<!-- <span>Availability</span> -->
1684					</li>
1685					<li>
1686						<div class="icon icon-details"></div>
1687						<!-- <span>Details</span> -->
1688					</li>
1689				<% }else if(data.categoryId){ %>
1690					<li class="active">
1691						<div class="icon icon-appointment"></div>
1692						<!-- <span>Appointment</span> -->
1693					</li>
1694					<li>
1695						<div class="icon icon-location"></div>
1696						<!-- <span class="cutomLabelForLocation">Location</span> -->
1697					</li>
1698					<li>
1699						<div class="icon icon-practitioner"></div>
1700						<!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1701					</li>
1702					<li>
1703						<div class="icon icon-availability"></div>
1704						<!-- <span>Availability</span> -->
1705					</li>
1706					<li>
1707						<div class="icon icon-details"></div>
1708						<!-- <span>Details</span> -->
1709					</li>
1710				<% }else if(data.appTypeId && data.practionerId){ %>
1711				
1712				<% }else if(data.appTypeId){ %>
1713				
1714				<% }else if(data.practionerId){ %>
1715					<li class="completed">
1716						<div class="icon icon-practitioner"></div>
1717						<!-- <span class="cutomLabelForPractitioner">Practitioner</span> -->
1718					</li>
1719					<li class="active">
1720						<div class="icon icon-location"></div>
1721						<!-- <span class="cutomLabelForLocation">Location</span> -->
1722					</li>
1723					<li>
1724						<div class="icon icon-appointment"></div>
1725						<!-- <span>Appointment</span> -->
1726					</li>
1727					<li>
1728						<div class="icon icon-availability"></div>
1729						<!-- <span>Availability</span> -->
1730					</li>
1731					<li>
1732						<div class="icon icon-details"></div>
1733						<!-- <span>Details</span> -->
1734					</li>
1735				<% } %>
1736			</ul>
1737		</script>
1737
1738
1739	
1739<script id="loadCriteriaBars" type="text/html">
1740			<%
1741				var mainData = data;
1742				var showProfilePicture = data.showProfilePicture;
1743				var data = mainData.selectedCriteria;
1744				var price = "";
1745				if(mainData.apptype){
1746					price = mainData.apptype.price || '';
1747					var priceCurrency = price.charAt(0);
1748					var priceWithoutCurrency = price.replace(priceCurrency,'');
1749					if(priceWithoutCurrency.trim() != 0){
1750						price = priceCurrency+''+priceWithoutCurrency;
1751					}else{
1752						price = '';
1753					}
1754				}
1755			%>
1756			<% if(data.locationId && data.categoryId && data.appTypeId && data.practionerId){  %>
1757				
1758				<div class="main-flex-div" style="display: inline-flex;">
1759				<% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %>
1760					<div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div>
1761					<div class="appointment-sum-data" style="text-align: left;">
1762				<% }else{ %>
1763					<div class="appointment-sum-data" style="text-align: centre;">
1764				<% } %>
1765				<div>
1766					<div class="tab-bar appointmentType-summary-cont">
1767						<div class="appointiment-category"><%= mainData.cat.name %></div>
1768						<div class="appointiment-type"><%= mainData.apptype.name %> <%= price %></div>
1769					</div>
1770					<div class="tab-bar preactitioner-summary-cont">
1771						<div class="sp-name"> with <%= mainData.prac.name %></div>
1772					</div>
1773				</div>
1774				<div class="tab-bar location-summary-cont">
1775					<div class="location"><%= mainData.loc.name %></div>
1776					<div class="location-address"><%= mainData.loc.address %></div>
1777				</div>
1778				
1779				
1780				</div>
1781				
1782				</div>
1783			
1784			<% }else if(data.locationId && data.categoryId && data.appTypeId){  %>
1785				<div class="tab-bar appointmentType-summary-cont">
1786					<div class="appointiment-category"><%= mainData.cat.name %></div>
1787						<div class="appointiment-type"><%= mainData.apptype.name %> <%= price %></div>
1788				</div>
1789				<div class="tab-bar location-summary-cont">
1790					<div class="location"><%= mainData.loc.name %></div>
1791					<div class="location-address"><%= mainData.loc.address %></div>
1792				</div>
1793				
1794			<% }else if(data.locationId && data.categoryId && data.practionerId){ %> 
1795					
1796					<% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %>
1797						<div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div>
1798						<div class="appointment-sum-data" style="text-align: left;">
1799					<% }else{ %>
1800						<div class="appointment-sum-data" style="text-align: centre;">
1801					<% } %>
1802					<div class="tab-bar preactitioner-summary-cont">
1803						<div class="sp-name"><%= mainData.prac.name %></div>
1804				    </div>
1805					<div class="tab-bar location-summary-cont">
1806						<div class="location"><%= mainData.loc.name %></div>
1807						<div class="location-address"><%= mainData.loc.address %></div>
1808					</div>
1809					</div>
1810			<% }else if(data.locationId && data.appTypeId && data.practionerId){ %>
1811				
1812			<% }else if(data.locationId && data.categoryId){ %>
1813				<div class="tab-bar location-summary-cont">
1814					<div class="location"><%= mainData.loc.name %></div>
1815					<div class="location-address"><%= mainData.loc.address %></div>
1816				</div>				
1817			<% }else if(data.locationId && data.appTypeId){ %>
1818				
1819			<% }else if(data.locationId && data.practionerId){ %>
1820				
1821				<% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %>
1822					<div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div>
1823					<div class="appointment-sum-data" style="text-align: left;">
1824				<% }else{ %>
1825					<div class="appointment-sum-data" style="text-align: centre;">
1826				<% } %>
1827				<div class="tab-bar preactitioner-summary-cont">
1828					<div class="sp-name"><%= mainData.prac.name %></div>
1829			    </div>
1830					<div class="tab-bar location-summary-cont">
1831						<div class="location"><%= mainData.loc.name %></div>
1832						<div class="location-address"><%= mainData.loc.address %></div>
1833					</div>
1834					</div>
1835			<% }else if(data.locationId){ %>
1836				<div class="tab-bar location-summary-cont">
1837					<div class="location"><%= mainData.loc.name %></div>
1838					<div class="location-address"><%= mainData.loc.address %></div>
1839				</div>
1840				
1841			<% }else if(data.categoryId && data.appTypeId && data.practionerId){ %>
1842				
1843			
1844				<% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %>
1845					<div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div>
1846					<div class="appointment-sum-data" style="text-align: left;">
1847				<% }else{ %>
1848					<div class="appointment-sum-data" style="text-align: centre;">
1849				<% } %>
1850					<div>
1851						<div class="tab-bar appointmentType-summary-cont">
1852							<div class="appointiment-category"><%= mainData.cat.name %></div>
1853							<div class="appointiment-type"><%= mainData.apptype.name %> <%= price %></div>
1854						</div>
1855						<div class="tab-bar preactitioner-summary-cont">
1856								<div class="sp-name"><%= mainData.prac.name %></div>
1857						</div>
1858					</div>
1859					</div>
1860			<% }else if(data.categoryId && data.appTypeId){ %>
1861				<%// console.log("cat and apptype selected", mainData); %>
1862				<div class="tab-bar appointmentType-summary-cont">
1863					<div class="appointiment-category"><%= mainData.cat.name %></div>
1864						<div class="appointiment-type"><%= mainData.apptype.name %> <%= price %></div>
1865				</div>
1866				
1867			<% }else if(data.categoryId && data.practionerId){ %>
1868				
1869				
1870				<% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %>
1871					<div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div>
1872					<div class="appointment-sum-data" style="text-align: left;">
1873				<% }else{ %>
1874					<div class="appointment-sum-data" style="text-align: centre;">
1875				<% } %>
1876					
1877					<div class="tab-bar preactitioner-summary-cont">
1878						<div class="sp-name"><%= mainData.prac.name %></div>
1879					</div>
1880					</div>
1881			<% }else if(data.categoryId){ %>
1882				
1883			<% }else if(data.appTypeId && data.practionerId){ %>
1884				
1885			<% }else if(data.appTypeId){ %>
1886				
1887			<% }else if(data.practionerId){ %>				
1888				
1889				<% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %>
1890					<div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div>
1891					<div class="appointment-sum-data" style="text-align: left;">
1892				<% }else{ %>
1893					<div class="appointment-sum-data" style="text-align: centre;">
1894				<% } %>		
1895					<div class="tab-bar preactitioner-summary-cont">
1896							<div class="sp-name"><%= mainData.prac.name %></div>
1897					</div>
1898					</div>
1899			<% } %>
1900		</script>
1900
1901	<!-- Underscore templates ends  -->
1902
1903	
1903<script type="text/javascript" src="/common/js/Autolinker.js"></script>
1903
1904	
1904<script type="text/javascript" src="/common/js/configuration.js"></script>
1904
1905
1906	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
1907	
1907<script type="text/javascript" src="/common/js/jquery-3.1.0.min.js"></script>
1907
1908	<!-- Include all compiled plugins (below), or include individual files as needed -->
1909	
1909<script type="text/javascript" src="/common/js/async.min.js"></script>
1909
1910
1911	
1911<script type="text/javascript" src="/common/js/bootstrap.min.js"></script>
1911
1912	
1912<script type="text/javascript" src="/common/js/underscore-min.js"></script>
1912
1913	
1913<script type="text/javascript" src="/common/js/jquery.validate.min.js"></script>
1913
1914	
1914<script type="text/javascript" src="/common/js/additional-methods.min.js"></script>
1914
1915	
1915<script type="text/javascript" src="/common/js/moment.min.js"></script>
1915
1916	
1916<script type="text/javascript" src="/common/js/slick.min.js"></script>
1916
1917	
1917<script type="text/javascript" src="/common/js/jstz.js"></script>
1917
1918	<!--commented becuase jquery datepicker added-->
1919	<!--
1919<script type="text/javascript" src="/common/js/bootstrap-datetimepicker.min.js"></script>
1919-->
1920	
1920<script type="text/javascript" src="/common/js/jquery.sumoselect.min.js"></script>
1920
1921	<!--
vendor: 116 bytes, line 1921
1921 <script src="https://www.google.com/recaptcha/api.js?onload=onRecaptchaLoad&render=explicit" async defer></script> 
1921-->
1922	<!--code added for jquery calendar -->
1923	
1923<script src="/common/js/jquery-ui.js"></script>
1923
1924	<link rel="stylesheet" href="/common/css/jquery-ui.css">
1925	<!--<link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">-->
1926	<!--code end-->
1927
1928	<!-- 
1928<script src="/common/js/custom.js"></script>
1928 -->
1929	
1929<script type="text/javascript" src="/common/utilityMethods.js"></script>
1929
1930	
1930<script type="text/javascript" src="/1.9/static4/dataModal.js?v=3.1"></script>
1930
1931	
1931<script type="text/javascript" src="/1.9/static4/simplecalendar.js?v=3.0"></script>
1931
1932	
1932<script type="text/javascript" src="/1.9/static4/criteriaSelection.js?v=3.0"></script>
1932
1933	
1933<script type="text/javascript" src="/1.9/static4/app.js?v=3.1"></script>
1933
1934
1935	<!-- New library for the timezone -->
1936	
1936<script
1937		src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.min.js"></script>
1937
1938	<!-- captcha script -->
1939	
1939<script>
1940		function onRecaptchaLoad() {
1941			fetch('/api/captcha-key')
1942				.then(response => response.json())
1943				.then(data => {
1944					const loadCaptcha = () => {
1945						if (typeof grecaptcha !== 'undefined' && grecaptcha.render) {
1946							const captchaElement = document.getElementById('gCaptcha');
1947							captchaElement.style.display = 'block'; // Make the CAPTCHA visible
1948							grecaptcha.render('gCaptcha', {
1949								'sitekey': data.captchaSiteKey,
1950								'theme': 'light'
1951							});
1952						} else {
1953							setTimeout(loadCaptcha, 100); // retry after 100ms if grecaptcha is not ready
1954						}
1955					};
1956					loadCaptcha();
1957				})
1958				.catch(error => {
1959					console.error('Failed to load CAPTCHA key:', error);
1960				});
1961		}
1962	</script>
vendor: 118 bytes, lines 1962-1964
1962
1963	<script src="https://www.google.com/recaptcha/api.js?onload=onRecaptchaLoad&render=explicit" async defer></script>
1964
1965</body>
1966
1967</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.