



				

<div class="cafe-top">
	<div class="top-pad"></div>

		<!-- home -->
		<div ng-show="home" class="cafe-home">
			<div class="double-content-padding">
				<br>
				<div class="cafe-logo-clean"></div>
				<br><br><br>
				<p>These guys are hungry. It’s your job to feed them! Feed enough of them within the allowed time and win!</p>
				<br><br><br><br>
				<div class="cafe-start-toons"></div>
			</div>
		</div>
		
		<! -- game running -->
		<div ng-show="running" class="cafe-game">
			<div class="content-padding">
			
				<div class="cafe-message">
					<div class="dialog-message dialog-message-error" ng-show="message.error">
						<span ng-bind-html-unsafe="message.error"></span>
					</div>
					<div class="dialog-message dialog-message-success" ng-show="message.good">
						<span ng-bind-html-unsafe="message.good"></span>
					</div>
				</div>			

				<div class="cafe-request">
					<div class="cafe-bubble-wrap">
						<div class="bubble-request bubble-curved bubble-curved-green bubble-animated animated-resize" ng-show="requested.name">
							<div class="text">
								<span class="single-line"><b>{{requested.name}}</b></span>
							</div>
						</div>
						<div class="bubble-curved-spacer"></div>
					</div>
					<div class="about-green-orange animated-resize" ng-instant="winMessage = (winMessage > 11 ? 0 : (winMessage+1))" instant-pass-thru></div>
					<div class="divider"></div>
				</div>

				<div class="cafe-stats">
					<div class="stat-item">
						<div class="stat-key">Level:</div>
						<div class="stat-value">{{stats.round.name}}&nbsp;&nbsp;/&nbsp;&nbsp;{{difficulties[difficulty].name}}</div>
					</div>

					<div class="stat-item">
						<div class="stat-key">Orders:</div>
						<div class="stat-value">{{stats.success}}&nbsp;&nbsp;/&nbsp;&nbsp;{{stats.round.required}}</div>
					</div>
					
					<div class="stat-item">
						<div class="stat-key">Time:</div>
						<div class="stat-value"><span class="cafe-time-timer">{{stats.timer}}</span>&nbsp;/&nbsp;&nbsp;{{stats.round.time/1000}}:00</div>
					</div>
				</div>

			</div>
		</div>
		
		<! -- game endded win/lose -->
		<div ng-show="!running && !home" class="cafe-over">
			<div class="content-padding">
			
				<div class="cafe-stats">
					<div class="stat-item">
						<div class="stat-key">Level:</div>
						<div class="stat-value">{{stats.round.name}}&nbsp;&nbsp;/&nbsp;&nbsp;{{difficulties[difficulty].name}}</div>
					</div>

					<div class="stat-item">
						<div class="stat-key">Orders:</div>
						<div class="stat-value">{{stats.success}}&nbsp;&nbsp;/&nbsp;&nbsp;{{stats.round.required}}</div>
					</div>
					
					<div class="stat-item">
						<div class="stat-key">Time:</div>
						<div class="stat-value">{{stats.win ? stats.timer : stats.round.time/1000 + ':00'}}&nbsp;&nbsp;/&nbsp;&nbsp;{{stats.round.time/1000}}:00</div>
					</div>
					
					<div class="stat-item" ng-show="stats.win">
						<div class="stat-key">Score:</div>
						<div class="stat-value">{{stats.score}}</div>
					</div>
				</div>
				
				<br><br>
				<a href="" class="cafe-brag">Brag on Facebook</a>

				<div ng-show="stats.win">
					<div class="cafe-bubble-wrap">
						<div class="bubble-curved bubble-curved-green bubble-animated animated-resize">
							<div class="text" ng-switch="winMessage">
								<span class="single-line" ng-switch-when="1">Congratulations!</span>
								<span class="small" ng-switch-when="2">You win a big hug from a pink gorilla!</span>
								<span ng-switch-when="3">If you can find one...</span>
								<span class="small" ng-switch-when="4" style="margin-top: -.3em">You should brag to all your friends on facebook</span>
								<span class="small" ng-switch-when="5" style="margin-top: -.3em">Because who WOULDN'T want to know</span>
								<span class="single-line" ng-switch-when="6">Next level!</span>
								<span class="single-line" ng-switch-when="7">You can do it!</span>
								<span class="single-line" ng-switch-when="8">I believe in you!</span>
								<span class="single-line" ng-switch-when="9">You're awesome!</span>
								<span class="single-line" ng-switch-when="10">Lets do this!</span>
								<span class="single-line" ng-switch-when="11">...now!</span>
								<span class="single-line" ng-switch-when="12"><i class="fa fa-gamepad"></i> <i class="fa fa-gamepad"></i> <i class="fa fa-gamepad"></i></span>
								<span class="single-line" ng-switch-default><b>You win!</b></span>
							</div>
						</div>
						<div class="bubble-curved-spacer"></div>
					</div>
					<div class="about-green-orange animated-resize" ng-instant="winMessage = (winMessage > 11 ? 0 : (winMessage+1))" instant-pass-thru></div>
					<div class="divider"></div>
					<p><br>Well, that was easy. Let’s try the next level!</p>
				</div>
				
				<div ng-show="!stats.win">
					<div class="cafe-bubble-wrap">
						<div class="bubble-curved bubble-curved-red bubble-animated animated-resize">
							<div class="text" ng-switch="loseMessage">
								<span class="small" ng-switch-when="1">Well, maybe you don't suck...</span>
								<span class="small" ng-switch-when="2">But you certainly failed this level</span>
								<span class="single-line" ng-switch-when="3">I know its hard</span>
								<span class="small" ng-switch-when="4" style="margin-top: -.3em">But its nothing compare to writing content for this.</span>
								<span class="single-line" ng-switch-when="5">Honestly.</span>
								<span ng-switch-when="6">It's like I'm talking to myself</span>
								<span ng-switch-when="7">I feel like I'm taking crazy pills!</span>
								<span class="single-line" ng-switch-when="8"><i class="fa fa-frown-o"></i> <i class="fa fa-smile-o"></i> <i class="fa fa-meh-o"></i></span>
								<span class="single-line" ng-switch-default><b>You suck!</b></span>
							</div>
						</div>
						<div class="bubble-curved-spacer"></div>
					</div>
					<div class="faq-tomato-green animated-resize" ng-instant="loseMessage = (loseMessage > 7 ? 0 : (loseMessage+1))" instant-pass-thru></div>
					<div class="divider"></div>
					<p><br>Lets try that one again...</p>
				</div>
			</div>
		</div>

		<div class="divider"></div>
	</div>
	
	<div class="divider"></div>
	
	<div class="cafe-start" ng-show="!running">
		<div class="double-content-padding">
			<button class="pushable button pink pushable big ani-all" ng-click="start()">
				<span ng-show="home">Start</span>
				<span ng-show="!home && stats.win">Next Level</span>
				<span ng-show="!home && !stats.win">Try again</span>
			</button>
		</div>
	</div>
	
	<div class="cafe-buttons" ng-show="running">
		<div class="content-padding">
			<button class="cafe-button {{button.id}}" ng-repeat="button in items" ng-instant="buttonPress(button.id)">{{button.name && stats.round.descriptions ? button.name : ''}}</button>
		</div>
	</div>
	
	<div class="cafe-button cafe-preload {{button.id}}" ng-repeat="button in allitems"></div>
</div>