<ion-view id="app-page" ng-controller="LeadersCtrl">
    <div class="bar bar-header bar-light">
        <a class="button button-assertive" ng-click="BackClick()">back</a>
        <h1 class="title" ng-show="Daily">Daily</h1>
        <h1 class="title" ng-show="Weekly">Weekly</h1>
        <h1 class="title" ng-show="Best">Best Games</h1>
        <h1 class="title title-right" style="padding-left: 35px;">
            <img id="title-logo" src="img/logo-dark.png" />
            <span class="blue">NUMBER</span>
            <span>TAP</span>
        </h1>
    </div>
    <ion-content class="has-header has-footer main-numbers" padding="false">
        <div>
            <div ng-show="IsLoading">
                <div class="spinner">
                    <div class="rect1"></div>
                    <div class="rect2"></div>
                    <div class="rect3"></div>
                    <div class="rect4"></div>
                    <div class="rect5"></div>
                </div>
                <div class="home-loading">
                    loading
                </div>
            </div>
            <div ng-show="Daily">
                <div class="padding-horizontal">
                    <div class="row scoreitem" ng-repeat="score in DailyTop100" ng-class-even="'even'">
                        <div class="col username">{{ score.Rank }}. {{score.Username}}</div>
                        <div class="col-20 text-right score">{{score.Score}}</div>
                        <div class="col-20 text-right">
                            <div class="flag-container">
                                <div class="flag flag-{{ score.LocationLower }}" title="{{ score.LocationName }}"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div ng-show="Weekly">
                <div class="padding-horizontal">
                    <div class="row scoreitem" ng-repeat="score in WeeklyTop100" ng-class-even="'even'">
                        <div class="col username">{{ score.Rank }}. {{score.Username}}</div>
                        <div class="col-20 text-right score">{{score.Score}}</div>
                        <div class="col-20 text-right">
                            <div class="flag-container">
                                <div class="flag flag-{{ score.LocationLower }}" title="{{ score.LocationName }}"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div ng-show="Best">
                <div class="padding-horizontal">
                    <div class="row scoreitem" ng-repeat="score in OverallTop100" ng-class-even="'even'">
                        <div class="col username">{{ score.Rank }}. {{score.Username}}</div>
                        <div class="col-20 text-right score">{{score.Score}}</div>
                        <div class="col-20 text-right">
                            <div class="flag-container">
                                <div class="flag flag-{{ score.LocationLower }}" title="{{ score.LocationName }}"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </ion-content>
    <div class="tabs tabs-blue">
        <a class="tab-item" ng-click="DailyClick()" ng-class="DailyButton">
            Daily
        </a>
        <a class="tab-item" ng-click="WeeklyClick()" ng-class="WeeklyButton">
            Weekly
        </a>
        <a class="tab-item" ng-click="BestClick()" ng-class="BestButton">
            Best Games
        </a>
    </div>
    <!--<div class="bar bar-footer bar-positive">
        <div class="title">
        </div>
        <div class="title title-right">
            <a href="https://www.facebook.com/NumberTap">
                <img src="img/appbar.social.facebook.variant.png" width="42" height="42" />
            </a>
            <a href="https://twitter.com/numbertap">
                <img src="img/appbar.social.twitter.png" width="42" height="42" />
            </a>
        </div>
    </div>-->
</ion-view>