<div class="player-stats-card">
    <div class="player-stats-position text-center">{{index + 1}}</div>
    <div class="player-stats-image" style="background-image: url('{{player.thumbnailSrc}}')">
        <img class="player-stats-image-mask" src="/assets/images/player-circle-mask.png" alt="" />
    </div>
    <div class="player-stats-info">
        <span class="player-stats-name">{{::player.name}}</span>
        <span class="player-stats-team">
            <img 
                ng-src="{{::config.resources.default_flag_logo}}" 
                of-img-src="flagUrl"
                alt="{{::player.teamName}}" 
            />
            <span>{{::player.teamName}}</span>
        </span>
    </div>
    <span
        of-competition-stats-player
        stat-name="statName"
        player="player"
        class="player-stats-score text-right">
    </span>
</div>