{{#location}}
<li class="location-container" data-markerid="{{markerid}}" >
	{{#if officePhoto}}
	<div class="location-background hidden">
		<img src="{{officePhoto}}" class="officePhoto">
	</div>
	{{/if}}
	<div class="ry-each-accordion" data-city="{{city}}">
		<div class="headline-accordion">
			<h4>{{practiceName}}</h4>
		</div>
		<div class="content-accordion">
			<div class="container-data">
				<div class="ry-flex">
					<div class="ry-each">
						<div class="photo">
							{{#if officePhoto}}
							<img src="{{officePhoto}}" alt="location-block">
							{{/if}}
						</div>
					</div>
					<div class="ry-each">
						<div class="each-details">
							<i class="fa fa-map-marker"></i>
							<div class="content-wrapper">
								<a href="" target="_blank" class="address-data">
									{{address}}
									{{#if address2}}{{address2}},{{/if}} 
									{{city}}{{#if city}},{{/if}} {{state}} {{postal}}
								</a>
							</div>
						</div>
						<div class="each-details">
							<i class="fa fa-phone"></i>
							<div class="content-wrapper">
								<span class="span-1">Call Us:</span>
								<a href="tel:{{phone}}" class="phone-data">
									{{phone}}
								</a>
							</div>
						</div>
						<div class="each-details social-icons">
							{{#if facebook}}
							<div class="icons-data">
								<a href="{{facebook}}" target="_blank">
									<i class="fa fa-facebook"></i>
								</a>
							</div>

							<div class="icons-data">
								<a href="https://www.linkedin.com/uas/login?session_redirect=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2F24998541%2Fadmin%2F" target="_blank">
									<i class="fa-brands fa-linkedin-in"></i>
								</a>
							</div>
							{{/if}}
							{{#if instagram}}
							<div class="icons-data"> 
								<a href="{{instagram}}" target="_blank">
									<i class="fa fa-instagram"></i>
								</a>
							</div>
							{{/if}}
							{{#if tiktok}}
							<div class="icons-data">
								<a href="{{instagram}}" target="_blank">
									<i class="fa fa-tiktok">
										<svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 32 32">
											<path d="M16.708 0.027c1.745-0.027 3.48-0.011 5.213-0.027 0.105 2.041 0.839 4.12 2.333 5.563 1.491 1.479 3.6 2.156 5.652 2.385v5.369c-1.923-0.063-3.855-0.463-5.6-1.291-0.76-0.344-1.468-0.787-2.161-1.24-0.009 3.896 0.016 7.787-0.025 11.667-0.104 1.864-0.719 3.719-1.803 5.255-1.744 2.557-4.771 4.224-7.88 4.276-1.907 0.109-3.812-0.411-5.437-1.369-2.693-1.588-4.588-4.495-4.864-7.615-0.032-0.667-0.043-1.333-0.016-1.984 0.24-2.537 1.495-4.964 3.443-6.615 2.208-1.923 5.301-2.839 8.197-2.297 0.027 1.975-0.052 3.948-0.052 5.923-1.323-0.428-2.869-0.308-4.025 0.495-0.844 0.547-1.485 1.385-1.819 2.333-0.276 0.676-0.197 1.427-0.181 2.145 0.317 2.188 2.421 4.027 4.667 3.828 1.489-0.016 2.916-0.88 3.692-2.145 0.251-0.443 0.532-0.896 0.547-1.417 0.131-2.385 0.079-4.76 0.095-7.145 0.011-5.375-0.016-10.735 0.025-16.093z"/>
										</svg>
									</i>
								</a>
							</div>
							{{/if}}
							{{#if twitter}}
							<div class="icons-data">
								<a href="{{twitter}}" target="_blank">
									<i class="fa fa-twitter"></i>
								</a>
							</div>
							{{/if}}
							{{#if yelp}}
							<div class="icons-data">
								<a href="{{yelp}}" target="_blank">
									<i class="fa fa-yelp"></i>
								</a>
							</div>
							{{/if}}
							{{#if google}}
							<div class="icons-data">
								<a href="{{google}}" target="_blank">
									<i class="fa fa-google"></i>
								</a>
							</div>
							{{/if}}
						</div>
						
					</div>
				</div>
			</div>
			<div class="review-details">
				<div class="map-iframe" data-romw-token="{{reviews}}"></div> 
				<script src="https://reviewsonmywebsite.com/js/v2/embed.js?id=8e7313fc946fd3d8c15c886f791a7ab8" type="text/javascript"></script>
			</div>
			<div class="container-details">
				<div class="inner-accordion">
					<div class="inner-header">
						<p>Hours of Operation</p>
                    </div>
					<div class="inner-content">
						<div class="hours-list">
							<div class="hours-list-container">
								<div class="hours-data"><span class="span-1">Monday</span><span class="span-2">{{monday}}</span></div>
								<div class="hours-data"><span class="span-1">Tuesday</span><span class="span-2">{{tuesday}}</span></div>
								<div class="hours-data"><span class="span-1">Wednesday</span><span class="span-2">{{wednesday}}</span></div>
								<div class="hours-data"><span class="span-1">Thursday</span><span class="span-2">{{thursday}}</span></div>
								<div class="hours-data"><span class="span-1">Friday</span><span class="span-2">{{friday}}</span></div>
								<div class="hours-data"><span class="span-1">Saturday</span><span class="span-2">{{saturday}}</span></div>
								<div class="hours-data"><span class="span-1">Sunday</span><span class="span-2">{{sunday}}</span></div>
							</div>
						</div>
					</div>
				</div>
				<div class="inner-accordion">
					<div class="inner-header">
						<p>List of Services </p>
                    </div>
					<div class="inner-content">
						<div class="hours-list services-list" data-services-content="{{services}}">
							
						</div>
					</div>
				</div>
				<a href="#" class="button-accordion view-store-link" data-link="{{slug}}">
					View Store Details
				</a>
			</div>
			
			<a href="{{apptLink}}" target="_blank" class="ry-btn ry-btn-primary">Book An Appointment</a>
		</div>
	</div>
</li>
{{/location}}