<div class="container-position">
    <div ng-if="nationalTeam" class="of-row">
        <div class="xlg-col-24 lg-col-24 md-col-24 sm-col-24 xsm-col-24">
            <div class="browse-title">
                {{::('NATIONAL_TEAM' | translate)}}
            </div>
        </div>
        <div class="xlg-col-4 lg-col-6 md-col-8 sm-col-12 xsm-col-24">
            <div class="browse-container">
                <a ng-click="goTo(nationalTeam.fwdUrl)" class="browse-element">
                    <img ng-src="{{::CONFIG.resources.default_competition_logo}}" of-img-src="nationalTeam.logoUrl">
                    <div class="browse-text">
                        <div>{{::nationalTeam.name}}</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="of-row">
        <div class="xlg-col-24 lg-col-24 md-col-24 sm-col-24 xsm-col-24">
            <div class="browse-title">
                {{::('COMPETITIONS' | translate)}}
            </div>
        </div>
        <div ng-repeat="competition in ::competitions" class="xlg-col-4 lg-col-6 md-col-8 sm-col-12 xsm-col-24">
            <div class="browse-container">
                <a ng-click="goTo(forwardUrl(competition.competitionId, competition.seasonId))" class="browse-element">
                    <img ng-src="{{::CONFIG.resources.default_competition_logo}}" of-img-src="competitionFlag(competition.competitionId)">
                    <div class="browse-text">
                        <div>{{::competition.competitionName}}</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
