<div id="endScreen">
    <img class="endScreenImage">
    <button type='button' id="continueButton" ng-click="loadGameSummary()" class="btn btn-primary btn-large">Continue</button>
</div>
<div id="gameWrapper" ng-init="constructor()">
    <div id="leftSidebar">
        <div class="info">
            <div class="wealth">
                <div title="Your Gold">
                    <img src="/img/gold.png" alt="Your Gold" /> {{player.gold}}
                </div>
                <div ng-show="mode == 'PVP'" title="Your Income (Gold per second)">
                    <img src="/img/income.png" alt="Your Income (Gold per second)" /> {{player.income}}
                </div>
            </div>
            <div class="health">
                <div title="Team 1 Health">
                    <img src="/img/red_heart.png" alt="Your Teams Health" /> {{team[0].health}}
                </div>
                <div ng-show="mode == 'PVP'" title="Team 2 Health">
                    <img src="/img/blue_heart.png" alt="Other Teams Health" /> {{team[1].health}}
                </div>
            </div>
            <div class="time" ng-show="mode == 'SURVIVAL'" title="Time Survived">
                <img src="/img/clock.png" alt="Time survived"/> {{timeSurvived}}
            </div>
        </div>
        <div id="towerButtons">
            <div class="tower {{  tower.towerType }}" ng-repeat="tower in towerButtons" title="{{ tower.tooltip }}" ng-class="{selected: pickedTower==tower.towerType, unavailable: tower.cost > player.gold}" ng-click="clickChangeTower(tower.towerType)">
                <div class="towerImage" style="background: transparent url({{ towerButtonsUrl }}) no-repeat -{{ tower.imagePosX }}px -{{ tower.imagePosY }}px" ></div>
            </div>
        </div>
    </div>
    <div id="playField" style="background: transparent url({{ backgroundUrl }}) no-repeat top left">
        <canvas id="canvas"></canvas>
    </div>
    <div id="rightSidebar">
        <div id="minionButtons" ng-show="mode == 'PVP'">
            <div class="minion {{ minion.minionType }}" ng-repeat="minion in minionButtons" title="<div class='minionTooltip'><div class='name'>{{ minion.name }}<br>(Level {{ minion.level }})</div><div class='description'>{{ minion.description }}</div><div class='cost'>Cost: {{ minion.cost }}</div><div class='income'>Income: {{ minion.income }}</div><div class='health'>Health: {{ minion.health }}</div></div>" ng-class="{unavailable: !player.canSendMinion[minion.minionType]}">
                <div class="minionImage" style="background: transparent url({{ minionButtonsUrl }}) no-repeat -{{ minion.imagePosX }}px -{{ minion.imagePosY }}px" ></div>
                <div class="experienceOverlay" style="width: {{ player.minionExperienceOverlayWidth[minion.minionType] }}%"></div>
                <div class="respawnOverlay" style="height: {{ player.minionRespawnOverlayHeight[minion.minionType] }}%"></div>
                <div class="levelOverlay">
                    <img src="/img/gold_star_small.png" alt="" ng-repeat="x in player.minionLevelArray[minion.minionType]"/>
                </div>
                <div class="availableCount" ng-click="clickSendMinion(minion.minionType)" >
                    {{ player.minionCounts[minion.minionType] }}
                </div>
            </div>
        </div>
    </div>
</div>