<!-- of-match-media -->
<div ng-if="hasFacts" class="card game-media">
    <header class="card-header">
        <h1 class="card-title">{{'MATCH_FACTS' | translate}}</h1>
    </header>
    <div class="card-body match-facts-card">
        <h4 class="match-facts-headline">{{matchFacts.preview.headline}}</h4>
        <p class="match-facts-text">{{matchFacts.preview.editorial}}</p>
    </div>
</div>

<div ng-if="match.preliminary.article" class="panel panel-default game-media">
    <div class="panel-heading">
        <h3>{{'PRELIMINARY' | translate}}</h3>
    </div>
    <div class="panel-body ">
        <div style="white-space: pre-line">
            <h4>{{match.preliminary.headline}}</h4>
            {{match.preliminary.article}}
        </div>
    </div>
</div>

<div ng-if="match.postliminary.article" class="panel panel-default game-media">
    <div class="panel-heading">
        <h3>{{'POSTLIMINARY' | translate}}</h3>
    </div>
    <div class="panel-body">
        <div style="white-space: pre-line">
            <h4>{{match.postliminary.headline}}</h4>
            {{match.postliminary.article}}
        </div>
    </div>
</div>
