<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">
            <div class="col-lg-12 col-xs-12 col-md-12 col-sm-12"><b>{{'Options' | translate}}:</b></div>
        </div>
        <div class="row">
            <div ng-model="data.game.bet.betTeam" class="col-lg-12 col-xs-12 col-md-12 col-sm-12">
                <div class="radio" ng-repeat="option in data.game.bettingOptions">
                    <label>
                        <input type="radio" ng-value="option.id" ng-click="data.game.bet.betOdds = option.odds" data-ng-model="$parent.data.game.bet.betTeam" /> {{option.title}}  ({{'Odds' | translate}}: {{option.odds}})
                    </label>
                </div>
            </div>
        </div>
    </form>
    <div wizdom365-spinner="" loading="saving"></div>
</div>
<div class="modal-footer">
    <button class="btn btn-primary 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>