<div class="modal-header">
    <button type="button" class="close closebtn" data-ng-click="cancel()" aria-hidden="true">&times;</button>
    <h1 class="modal-title">{{'Place bet' | translate}}</h1>
</div>
<div class="modal-body">
    <b>{{'Amount left to play for' | translate}}: {{data.maxNumber}}</b><br /><br />
    <form name="oddsForm">
        <div class="row">
            <div class="col-lg-3 col-xs-3 col-md-3" ng-class="{redText : !oddsForm.amount.$valid}"><b>{{'Bet amount' | translate}}</b></div>
            <div class="col-lg-9 col-xs-9 col-md-9">
                <input min="0" ng-max="data.maxNumber" name="amount" ng-model="data.game.bet.betAmount" class="form-control inputForm" type="number" />
            </div>
        </div>
        <div class="row" ng-show="oddsForm.amount.$valid">
            <div class="col-lg-3 col-xs-3 col-md-3"><b>{{'Odds' | translate}}</b></div>
            <div class="col-lg-9 col-xs-9 col-md-9">
                <div class="row gamification">
                    <div class="col-lg-12" style="margin-bottom:4px;margin-top:4px;"><a ng-click="data.game.bet.betTeam = 1; data.game.bet.betOdds = data.game.oddsTeamOne" href="" ng-class="data.game.bet.betTeam == 1 ? 'bettingBtnActive' : 'bettingBtn'" class="bettingBtn">{{data.game.teamOne}}({{data.game.oddsTeamOne}})</a></div>
                    <div class="col-lg-12" style="margin-bottom:4px;margin-top:4px;"><a ng-click="data.game.bet.betTeam = 0; data.game.bet.betOdds = data.game.oddsDraw" href="" ng-class="data.game.bet.betTeam == 0 ? 'bettingBtnActive' : 'bettingBtn'" class=" bettingbtn">x({{data.game.oddsDraw}})</a></div>
                    <div class="col-lg-12" style="margin-bottom:4px;margin-top:4px;"><a ng-click="data.game.bet.betTeam = 2; data.game.bet.betOdds = data.game.oddsTeamTwo" href="" ng-class="data.game.bet.betTeam == 2 ? 'bettingBtnActive' : 'bettingBtn'" class=" bettingbtn">{{data.game.teamTwo}}({{data.game.oddsTeamTwo}})</a></div>
                </div>
            </div>
        </div>
    </form>
    <div wizdom365-spinner="" loading="saving"></div>
</div>
<div class="modal-footer">
    <button class="btn btn-success wiz-btn-padding" ng-click="updateConfig();" ng-disabled="saving">{{'Save' | translate}}</button>
    <button class="btn btn-default wiz-btn-padding" ng-disabled="loading" ng-click="cancel();">{{"Cancel" | translate}}</button>
</div>