<form class="{{cssClass}}" autocomplete="off">
  <header class="sheet-header">
      <div class="header-fields">
          <h1 class="charname">Horoscope</h1>
      </div>
  </header>
  {{!-- Sheet Body --}}
  <section class="sheet-body">
    <div class="form-group">
      <table class='table-nombres-astraux'>
        <tr class='table-nombres-astraux-td'>
          <th>Date</th>
          {{#each astrologieData as |nombreData key|}}
          <td class='table-nombres-astraux-td'>{{nombreData.date.jour}}{{timestamp-imgSigneHeure nombreData.date.mois}}</td>
          {{/each}}
        </tr>
        <tr class='table-nombres-astraux-td'>
          <th>Nombre astral</th>
          {{#each astrologieData as |nombreData key|}}
          <td class='table-nombres-astraux-td'>
            <ol>
            <b>{{nombreData.nombreAstral}}</b>
            {{#each nombreData.valeursFausses as |fausseVal key|}}
            <li>{{fausseVal.actorName}} - {{fausseVal.nombreAstral}}</li>
            {{/each}}
            </ol>
          </td>
          {{/each}}
        </tr>
      </table>
    </div>
    <div>
      <ul class="alterne-list">
        {{#each heuresParActeur as |heuresDef name|}}        
        <li class="list-item flexrow">
          <span><strong>{{name}}</strong>:</span>
          <span class="flex-grow-2">
            |{{#each heuresDef as |ajustement|}}
            <span>
              <strong>{{ajustement.ajustement}}</strong>
              {{#each ajustement.heures as |heure|}}
              {{timestamp-imgSigneHeure heure}}
              {{/each}}
              |
            </span>
            {{/each}}
          </span>
        </li>
        {{/each}}
      </ul>
    </div>
  </section>
</form>