<section class="tab-section">

    <div
            of-in-view
            of-tag-screen
            screen-name="{{ pages.find('matches').screenName }}">
    </div>

    <select ng-model="selectedCompetition"
            ng-options="v.name for (k, v) in competitions"
            ng-change="onCompetitionChange(selectedCompetition)">
    </select>

    <div class="card">

        <loading ng-if="isLoadingStats"
                 class="card-body">
        </loading>
        <of-coming-soon ng-if="!isLoadingStats && !matches.length">
        </of-coming-soon>
        <table ng-if="!isLoadingStats"
               of-match-table
               games="matches"
               class="score-table card-body">
        </table>

    </div>

</section>
