<div class="row">
    <div class="col-sm-4">
        <div class="list-group">
            <a href="" class="list-group-item"><strong>{{gameBets.length}}</strong> {{'RESOLVED BETS' | translate }}</a>
            <a href="" class="list-group-item"><strong>{{specialtbets.length}}</strong> {{'SPECIAL GAMES' | translate}}</a>
            <a href="" class="list-group-item"><strong>{{tournament.currentUser.balance}}</strong> {{'SALDO' | translate}}</a>
            <a href="" class="list-group-item"><strong>{{Math.round(tournament.currentUser.avgWins*100)}}%</strong> {{'AVG. WINS' | translate}}</a>
            <a href="" class="list-group-item"><strong>{{Math.round(tournament.currentUser.avgBets)}}</strong> {{'AVG. BETS' | translate}}</a>
            <a href="" class="list-group-item"><strong>{{(tournament.currentUser.avgOdds).toFixed(2)}}</strong> {{'AVG. ODDS' | translate}}</a>
        </div>
    </div>
    <div class="col-sm-8">
        <div class="panel panel-default">
            <div class="panel-heading">
                {{'Matches' | translate}}
            </div>
            <div class="panel-body">
                <div ng-hide="gameBets.length">
                    {{'You have not placed a bet yet' | translate}}
                </div>
                <table class="table table-condensed" ng-show="gameBets.length">
                    <tr>
                        <th>{{'Teams' | translate}}</th>
                        <th class="hidetd">{{'Status' | translate }}</th>
                        <!--<th></th>-->
                    </tr>
                    <tr ng-repeat="game in gameBets = (tournament.games | orderBy: 'startDate':false | wizdom365GfActiveBets:true)">
                        <td wizdom365-faq-slide-toggle="#row_my_{{game.id}}" class="showHand">
                            <wizdom365-gf-popover popover-html="<b>{{'Your bet' | translate}}:<&#47;b> {{(game | wizdom365GfGetTeam:'')}} <br&#47;><b>{{'Odds' | translate}}:<&#47;b> {{game.bet.betOdds}} <br&#47;><b>{{'Amount' | translate}}:<&#47;b> {{game.bet.betAmount}}" popover-placement="top" popover-label=" {{game.teamOne}} vs. {{game.teamTwo}}" popover-trigger="hover"></wizdom365-gf-popover>
                            <div id="row_my_{{game.id}}" class="wizdom365-faq-slideable" duration="0.5s">
                                <hr />
                                <div class="showtd">
                                    <b>{{'Status' | translate }}:</b>
                                    <span ng-hide="checkDate(game.startDate)">
                                        {{'Not started' | translate }}
                                    </span>
                                    <span ng-show="checkDate(game.startDate)">
                                        <span ng-show="game.finished">
                                            <span ng-show="game.bet.betTeam == game.winner">
                                                {{'You won' | translate}} {{Math.round(game.bet.betAmount * game.bet.betOdds)}}
                                            </span>
                                            <span ng-hide="game.bet.betTeam == game.winner">
                                                {{'You lost' | translate}}
                                            </span>
                                        </span>
                                        <span ng-hide="game.finished">
                                            {{'Waiting for result' | translate}}
                                        </span>
                                    </span>
                                </div>
                                <b>{{'Your bet' | translate}}:</b> {{(game | wizdom365GfGetTeam:'')}} <br />
                                <b>{{'Odds' | translate}}:</b> {{game.bet.betOdds}} <br />
                                <b>{{'Amount' | translate}}:</b> {{game.bet.betAmount}}
                            </div>
                        </td>
                        <td class="hidetd">
                            <div ng-hide="checkDate(game.startDate)">
                                {{'Not started' | translate }}
                            </div>
                            <div ng-show="checkDate(game.startDate)">
                                <div ng-show="game.finished">
                                    <div ng-show="game.bet.betTeam == game.winner">
                                        {{'You won' | translate}} {{Math.round(game.bet.betAmount * game.bet.betOdds)}}
                                    </div>
                                    <div ng-hide="game.bet.betTeam == game.winner">
                                        {{'You lost' | translate}}
                                    </div>
                                </div>
                                <div ng-hide="game.finished">
                                    {{'Waiting for result' | translate}}
                                </div>
                            </div>
                        </td>
                        <!--
                        <td><span ng-click="publishMySite(game,true)" class="glyphicon glyphicon-share pull-left hovergrey showHand"></span></td>
                        -->
                    </tr>
                </table>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                {{'Special games' | translate}}
            </div>
            <div class="panel-body">
                <div ng-hide="specialtbets.length">
                    {{'You have not placed a bet yet' | translate}}
                </div>
                <table class="table table-condensed" ng-show="specialtbets.length">
                    <tr>
                        <th>{{'Title' | translate}}</th>
                        <th class="hidetd">{{'Status' | translate }}</th>
                        <!--<th></th>-->
                    </tr>
                    <tr ng-repeat="custombet in  specialtbets = (tournament.specialGames| orderBy: 'startDate':false | wizdom365GfActiveBets:true)">
                        <td wizdom365-faq-slide-toggle="#row_my_special_{{custombet.id}}" class="showHand">
                            <wizdom365-gf-popover popover-html="<b>{{'Your bet' | translate}}:<&#47;b> {{getAnswer(custombet,custombet.bet.betTeam)}} <br&#47;><b>{{'Odds' | translate}}:<&#47;b> {{custombet.bet.betOdds}} <br&#47;><b>{{'Amount' | translate}}:<&#47;b> {{custombet.bet.betAmount}}" popover-placement="right" popover-label="{{custombet.title}}" popover-trigger="hover"></wizdom365-gf-popover>
                            <div id="row_my_special_{{custombet.id}}" class="wizdom365-faq-slideable" duration="0.5s">
                                <hr />
                                <div class="showtd">
                                    <b>{{'Status' | translate }}:</b>
                                    <span ng-hide="checkDate(custombet.startDate)">
                                        {{'Not started' | translate }}
                                    </span>
                                    <span ng-show="checkDate(custombet.startDate)">
                                        <span ng-show="custombet.finished">
                                            <span ng-show="custombet.bet.betTeam == custombet.correctId">{{'You won' | translate}} {{Math.round(custombet.bet.betAmount * custombet.bet.betOdds)}}</span>
                                            <span ng-hide="custombet.bet.betTeam == custombet.correctId">{{'You lost' | translate}}</span>
                                        </span>
                                        <span ng-hide="custombet.finished">
                                            {{'Waiting for result' | translate}}
                                        </span>
                                    </span>
                                </div>
                                <b>{{'Your bet' | translate}}:</b> {{getAnswer(custombet,custombet.bet.betTeam)}} <br />
                                <b>{{'Odds' | translate}}:</b> {{custombet.bet.betOdds}} <br />
                                <b>{{'Amount' | translate}}:</b> {{custombet.bet.betAmount}}
                            </div>
                        </td>
                        <td class="hidetd">
                            <div ng-hide="checkDate(custombet.startDate)">
                                {{'Not started' | translate }}
                            </div>
                            <div ng-show="checkDate(custombet.startDate)">
                                <div ng-show="custombet.finished">
                                    <div ng-show="custombet.bet.betTeam == custombet.correctId">{{'You won' | translate}} {{Math.round(custombet.bet.betAmount * custombet.bet.betOdds)}}</div>
                                    <div ng-hide="custombet.bet.betTeam == custombet.correctId">{{'You lost' | translate}}</div>
                                </div>
                                <div ng-hide="custombet.finished">
                                    {{'Waiting for result' | translate}}
                                </div>
                            </div>
                        </td>
                        <!--
                        <td>
                            <span ng-click="publishMySite(custombet,false)" class="glyphicon glyphicon-share pull-left hovergrey showHand"></span>
                        </td>
                            -->
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>