<div class="hamalron-tarot-draw">
  <div class="tarot-draw-header">
    <h2 class="tarot-draw-title">
      <i class="fas fa-hand-sparkles"></i>
      {{card.name}}
    </h2>
  </div>

  <div class="tarot-draw-content">
    <div class="tarot-card-image">
      <img src="{{card.img}}" alt="{{card.name}}" />
    </div>

    <div class="tarot-card-details">
      <div class="tarot-detail-row">
        <span class="detail-label">{{localize
            "HAMALRON.Tarot.FIELDS.symbole.label"
          }}:</span>
        <span class="detail-value">{{symboleLabel}}</span>
      </div>

      <div class="tarot-detail-row">
        <span class="detail-label">{{localize
            "HAMALRON.Tarot.FIELDS.valeur.label"
          }}:</span>
        <span class="detail-value">{{valeurLabel}}</span>
      </div>

      <div class="tarot-detail-row">
        <span class="detail-label">{{localize
            "HAMALRON.Tarot.FIELDS.type.label"
          }}:</span>
        <span class="detail-value">{{typeLabel}}</span>
      </div>

      {{#if card.description}}
        <div class="tarot-description">
          <div class="description-label">{{localize
              "HAMALRON.Tarot.FIELDS.description.label"
            }}:</div>
          <div class="description-content">{{{card.description}}}</div>
        </div>
      {{/if}}
    </div>
  </div>
</div>