<div class="{{cssClass}}">
  <div class="tension-header">
    <div class="tension-badge">
      <i class="fas {{icon}}"></i>
      <span>{{label}}</span>
    </div>
  </div>

  <div class="tension-players">
    <div class="tension-side">
      <div class="tension-side-label">{{localize "HAMALRON.Label.player"}}</div>
      <div class="tension-side-value">{{joueurScore}}</div>
      <div class="tension-side-name">{{joueurName}}</div>
    </div>
    <div class="tension-vs">VS</div>
    <div class="tension-side {{#if isOpponentWinning}}tension-winner{{/if}}">
      <div class="tension-side-label">{{#if isSousTension}}{{localize "HAMALRON.Label.gm"}}{{else}}{{localize "HAMALRON.Label.opposant"}}{{/if}}</div>
      <div class="tension-side-value">{{mjScore}}</div>
      <div class="tension-side-name">{{mjCard}}</div>
    </div>
  </div>

  <div class="tension-result {{#if isSuccess}}result-success{{else}}result-failure{{/if}}">
    <i class="fas {{#if isSuccess}}fa-check-circle{{else}}fa-times-circle{{/if}}"></i>
    {{#if isSuccess}}{{localize "HAMALRON.Label.success"}}{{else}}{{localize "HAMALRON.Label.failure"}}{{/if}}
  </div>
</div>
