<?php namespace App\Views;
	/******************************************************************************************************************
	 * RPSLS - Rock, Paper, Scissors, Lizard, Spock Game
	 *
	 * @file      app/views/play.php
	 * @package   App\Views
	 * @description
	 *      View - Main game play page, where all the action is.
	 * @author    Rick Hays
	 * @date      11/15/2019
	 * @license   MIT
	 * @copyright Copyright © 2019 - Rick Hays, All Rights Reserved.
	 *
	 * Revisions:
	 * YYYY-MM-DD  XX  Description
	 ******************************************************************************************************************/
?>
<!-- Begin page content -->
<main role="main" class="flex-shrink-0">
	<div class="container">
		<h2 class="mt-5">Rock, Paper, Scissors, Lizard, Spock Game</h2>
		<p class="lead"><?= $UserName ?>, try your luck at how many times you can beat the computer.</p>
		<p>&nbsp;</p>
		<div id="game">
			<div class="row">
				<div class="column"><span class="columnspanCountHeader bg-primary text-white">Wins</span></div>
				<div class="column"><span class="columnspanCountHeader bg-primary text-white">Loses</span></div>
				<div class="column"><span class="columnspanCountHeader bg-primary text-white">Ties</span></div>
			</div>
			<div class="row">
				<div id="totalWins"  class="column"><?= $Wins ?></div>
				<div id="totalLoses" class="column"><?= $Loses ?></div>
				<div id="totalTies"  class="column"><?= $Ties ?></div>
			</div>
			<p>&nbsp;</p>
			<button type="button" id="Rock"     class="gameButton btn btn-primary btn-lg btn-block">ROCK</button>
			<button type="button" id="Paper"    class="gameButton btn btn-primary btn-lg btn-block">PAPER</button>
			<button type="button" id="Scissors" class="gameButton btn btn-primary btn-lg btn-block">SCISSORS</button>
			<button type="button" id="Lizard"   class="gameButton btn btn-primary btn-lg btn-block">LIZARD</button>
			<button type="button" id="Spock"    class="gameButton btn btn-primary btn-lg btn-block">SPOCK</button>
		</div>
		<p>&nbsp;</p>
		<div id="RPSLS">
			<span id="textRock"         style="display:none;">            <h2>Rock...             </h2></span>
			<span id="textPaper"        style="display:none;">                      <h2>Paper...            </h2></span>
			<span id="textScissors"     style="display:none;">                      <h2>Scissors...         </h2></span>
			<span id="textLizard"       style="display:none;">                      <h2>Lizard...           </h2></span>
			<span id="textSpock"        style="display:none;">                      <h2>Spock...            </h2></span>
			<span id="textComputerHas"  style="display:none;">                      <h2>... COMPUTER HAS ...</h2></span>
			<span id="textComputerPick" style="display:none" class="text-primary"> <h2>                    </h2></span>
			<p>&nbsp;</p>
			<span id="textWinLoseTie"   style="display:none">                       <h2>                    </h2></span>
			<p>&nbsp;</p>
			<div class="row">
				<div class="column">
				<span class="columnspanTryAgain">
					<button id="btnTryAgain" type="button" style="display:none;" class="btn btn-primary btn-block">Try Agian.</button>
				</span>
				</div>
				<div class="column">
				<span class="columnspanNoThanks">
					<button id="btnNoThanks" type="button" style="display:none;" class="btn btn-primary btn-block">No Way.</button>
				</span>
				</div>
			</div>
			<p>&nbsp;</p>
		</div>
	</div>
</main>

