{{#each overlayGames}}
<div class="game-tile" id="{{gameId}}" data-status="{{#if isDown}}offline{{else}}online{{/if}}" data-size="small">
    {{#if ios || amazon || android}}
    <div class="game-tile-store-icons">
        {{#if ios}}
        <a href="{{iosURL}}" target="_blank" rel="noopener noreferrer"><img src="{{d_IMAGEPATH}}icons/icon_device_apple.svg" width="10px" height="auto" type="image/svg+xml" alt="ios" /></a>
        {{/if}}
        {{#if amazon}}
        <a href="{{androidURL}}" target="_blank" rel="noopener noreferrer"><img src="{{d_IMAGEPATH}}icons/icon_device_amazon.svg" width="10px" height="auto" type="image/svg+xml" alt="amazon" /></a>
        {{/if}}
        {{#if android}}
        <a href="{{amazonURL}}" target="_blank" rel="noopener noreferrer"><img src="{{d_IMAGEPATH}}icons/icon_device_google.svg" width="10px" height="auto" type="image/svg+xml" alt="android" /></a>
        {{/if}}
    </div>
    {{/if}}
	<a {{#if showGameLauncherOverlay}}onclick="GP.User.GameLauncherOverlay.openDialog('open', '{{url}}')" {{else}}href="{{url}}" {{#if onClick}} onclick="{{onClick}}" class="GPLoginEnabled"{{/if}}{{/if}}  class="gameButtonLink" data-awsma-name="gameButton" data-awsma-extra="&#123;&quot;gameID&quot;:&quot;{{gameId}}&quot;&#125;">
		{{#if isDown}}
		<div class="game-tile-image-wrapper offline">
			<img src="{{image}}" class="game-tile-image" alt="game" loading="lazy">
			<span class="game-tile-offline-message">{{getLang(7749)}}</span>
		</div>
		{{else}}
		<div class="game-tile-image-wrapper">
			<img src="{{image}}" class="game-tile-image" alt="game" loading="lazy">
			<div class="game-tile-rollover">
				<span>{{description}}</span>
			</div>
		</div>
		{{/if}}
		<div class="game-tile-footer">
			<div data-condition="default">
				<span class="game-tile-game-title" style="color: {{fontColor}};">{{name}}</span>
				<div class="game-tile-players">
					<svg width="12px" id="Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path class="cls-1" d="m42.2,22.12c2.07-1.91,3.38-4.7,3.38-7.82,0-5.75-4.44-10.42-9.91-10.42-3.18,0-5.99,1.58-7.81,4.02,2.07,2.56,3.32,5.86,3.32,9.46,0,1.22-.15,2.42-.43,3.58-.16.68-.38,1.34-.64,1.98-.48,1.21-1.1,2.35-1.86,3.39,3.4,3.64,6.07,8.7,7.05,13.25.12,0,.25.01.37.01,1.96,0,4.22-.3,6.84-.68,3.81,0,6.95-1.53,6.95-2.53,0-4.12-2.98-10.65-7.27-14.26Z"/><path class="cls-1" d="m24.66,26.46c2.41-2.22,3.93-5.47,3.93-9.1,0-6.7-5.16-12.12-11.53-12.12s-11.53,5.43-11.53,12.12c0,3.63,1.53,6.88,3.93,9.1C4.47,30.66,1,38.26,1,43.05c0,1.17,3.66,2.95,8.09,2.95.14.02.28.04.42.06.14.02.28.04.41.06,2.7.37,5.06.67,7.13.67,2.28,0,4.91-.35,7.96-.79,4.44,0,8.09-1.78,8.09-2.95,0-4.79-3.47-12.4-8.46-16.59Z"/></svg>
					<span>{{#if onlinePlayers < 51}}<i class="fa fa-angle-left"></i>{{/if}} {{onlinePlayers}}</span>
				</div>
			</div>

			{{#if !isMobile}}
			<div data-condition="hover">
				<button class="primary"><span>{{getLang(buttonLangId)}}</span></button>
			</div>
			{{/if}}
		</div>
	</a>
</div>
{{/each}}
<div style="clear: both;"></div>