<!-- of-match-info -->
<article class="card">
    <header class="card-header">
        <h1 class="card-title">{{'INFO' | translate}}
             <a
                ng-if="vf.showYoutubeLink"
                of-tag-event
                event-type="Video search"
                event-parameters='{"MatchID":" {{ match.id }}", "Phase": "{{ match.gameStatus }}"}'
                ng-href="{{ youtubeUrl | urlEncode }}"
                target="_blank"
                class="pull-right">
                <img src="/assets/images/youtube_icon.png" class="youtube-icon"/>
             </a>
        </h1>
    </header>
    <section class="card-body card-body-padding">
        <article class="game-info-small-box">
            <h3 class="game-info-small-box-header">{{'DATE' | translate}}</h3>
            <p>{{ match.kickoffAt | amDateFormat: ('FULL_DATE_FORMAT' | translate)}}</p>
        </article>
        <article class="game-info-small-box">
            <h3 class="game-info-small-box-header">{{'REFEREE' | translate}}</h3>
            <p>{{ match.referee.name }}</p>
        </article>
        <article class="game-info-small-box">
            <h3 class="game-info-small-box-header">{{'STADIUM' | translate}}</h3>
            <p>{{ match.stadium.name }}</p>
        </article>
        <article class="game-info-small-box">
            <h3 class="game-info-small-box-header">{{'VIEWERS' | translate}}</h3>
            <p ng-if="match.attendance > 0">{{ match.attendance }}</p>
            <p ng-if="match.attendance <= 0">-</p>
        </article>
    </section>
</article>
