<div class="tarot-deck-manager-content">
  <div class="deck-header">
    <h2>{{localize "HAMALRON.TarotDeck.Title"}}</h2>
    <div class="deck-stats">
      <div class="stat-item">
        <i class="fas fa-layer-group"></i>
        <span class="stat-label">{{localize "HAMALRON.TarotDeck.CardsInDeck"}}:</span>
        <span class="stat-value">{{deckCount}}</span>
      </div>
      <div class="stat-item">
        <i class="fas fa-hand-holding"></i>
        <span class="stat-label">{{localize "HAMALRON.TarotDeck.CardsDrawn"}}:</span>
        <span class="stat-value">{{drawnCount}}</span>
      </div>
      <div class="stat-item">
        <i class="fas fa-clone"></i>
        <span class="stat-label">{{localize "HAMALRON.TarotDeck.TotalCards"}}:</span>
        <span class="stat-value">{{totalCards}}</span>
      </div>
    </div>
  </div>

  <div class="deck-actions">
    <button type="button" class="action-button reset-button" data-action="resetDeck">
      <i class="fas fa-sync-alt"></i>
      {{localize "HAMALRON.TarotDeck.ResetDeck"}}
    </button>

    <div class="draw-actions">
      <button type="button" class="action-button draw-button" data-action="drawCard" {{#unless hasCards}}disabled{{/unless}}>
        <i class="fas fa-hand-sparkles"></i>
        {{localize "HAMALRON.TarotDeck.DrawOne"}}
      </button>

      <button type="button" class="action-button draw-button" data-action="drawMultiple" data-count="3" {{#unless hasCards}}disabled{{/unless}}>
        <i class="fas fa-cards-blank"></i>
        {{localize "HAMALRON.TarotDeck.DrawThree"}}
      </button>

      <button type="button" class="action-button draw-button" data-action="drawMultiple" data-count="5" {{#unless hasCards}}disabled{{/unless}}>
        <i class="fas fa-cards"></i>
        {{localize "HAMALRON.TarotDeck.DrawFive"}}
      </button>
    </div>
  </div>

  {{#if drawnCards.length}}
  <div class="recent-draws">
    <h3>{{localize "HAMALRON.TarotDeck.RecentDraws"}}</h3>
    <div class="drawn-cards-list">
      {{#each drawnCards}}
      <div class="drawn-card">
        <img src="{{this.img}}" alt="{{this.name}}" class="card-image">
        <div class="card-info">
          <h4 class="card-name">{{this.name}}</h4>
          <div class="card-details">
            <span class="card-symbole">{{lookup ../symboleLabel @index}}</span>
            <span class="card-valeur">{{lookup ../valeurLabel @index}}</span>
          </div>
        </div>
      </div>
      {{/each}}
    </div>
  </div>
  {{else}}
  <div class="no-draws">
    <i class="fas fa-cards fa-3x"></i>
    <p>{{localize "HAMALRON.TarotDeck.NoDrawsYet"}}</p>
  </div>
  {{/if}}

  {{#unless hasCards}}
  <div class="deck-empty-warning">
    <i class="fas fa-exclamation-triangle"></i>
    <p>{{localize "HAMALRON.TarotDeck.DeckEmptyWarning"}}</p>
  </div>
  {{/unless}}
</div>
