sportsbet-mobile/client/lottery/lib/lotteryHeader.html

Sportsbet mobile

<template name="lotteryHeader">
	<div class="lottery-background">
		<img src="{{#if logoLargeUrl}}{{logoLargeUrl}}{{else}}{{cdnUrl}}images/lottery/lotteryBalls.png{{/if}}">
	</div>
	<div class="lottery-header">

		<div style="height: 395px">
			<a href='/lotteries' class="close-button"><i class="fa fa-close"></i></a>
			<h1 class="title">{{name}}</h1>
			<div class="header-label">
				<div class="bar"></div>
				&diams;
				<div class="value">{{totalPrizePool}}<i class="fa fa-bitcoin"></i>tc</div>
				&diams;
				<div class="bar"></div>
			</div>

			<div class="ticketCounts">
				<div class="user count">{{ticketsOwned}}</div>
				<div class="total count">{{totalTickets}}</div>
			</div>

			<div class="belt">
				{{#if counterTime}}
					{{#if activeUser}}
						{{#if hasFilableTickets}}
							<button class="fillTicket lottery-button skewed green"><span>Fill ticket</span></button>
						{{else}}{{#if usableTickets}}
							<button class="useTicket lottery-button skewed green"><span>Use ticket</span></button>
						{{else}}{{#if availableTickets}}
							<button class="buyTicket lottery-button skewed green"><span>Buy ticket</span></button>
						{{/if}}{{/if}}{{/if}}

					{{else}}
						<a href="/login" class="lottery-button green">Log in to participate</a>
					{{/if}}
				{{/if}}
			</div>
		</div>

		<div class="header-label small">
			<div class="bar"></div>
			&diams;
			{{#if counterTime}}
				<div class="value">Lottery starts in:</div>
			{{else}}{{#if drawn}}
				<div class="value">Lottery drawn</div>
			{{else}}
				<div class="value">Winners will be announced soon!</div>
			{{/if}}{{/if}}
			&diams;
			<div class="bar"></div>
		</div>

		<div class="lottery-timer-wrap">
		{{#if counterTime}}
			<div class="lottery-timer">{{{counterTime}}}</div>
		{{else}}{{#if drawn}}
			<div class="lottery-timer">{{fromNow drawn}}</div>
		{{/if}}{{/if}}
		</div>


		<div class="description">
			{{#if showEventDescription}}
				<p>{{{eventDescription}}}</p>
			{{else}}
				<p>{{{mainDescription}}}</p>
			{{/if}}
		</div>
	</div>
</template>