<div class="chat-message-header">
  <img class="actor-icon" src="{{img}}" alt="{{alias}}" />
  <h4 class=chat-actor-name>{{name}}</h4>
</div>

<hr>
<div class="flexcol">

  {{#if (eq step "select-race")}}
  <div>Select a race from the list below</div>
    <table class="table-create-actor">
      {{#each races as |race index|}}
      <tr>
        <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-item-id="{{race._id}}">{{race.name}}</a></td>
        <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-item-id="{{race._id}}" >Select it !</a></td>
      </tr>
      {{/each}}
    </table>  
  {{/if}}

  {{#if (eq step "select-race-optionnal")}}
  <div>The selected Race has some optionnal abilities. Select one ability by clicking the relevant button below<br>
    Remaining abilities to select : {{nboptionnal}}
  </div>
    <table class="table-create-actor">
      {{#each optionnalabilities as |ability index|}}
      <tr>
        <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-item-id="{{ability._id}}">{{ability.name}}</a></td>
        <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-item-id="{{ability._id}}" >Select it !</a></td>
      </tr>
      {{/each}}
    </table>  
  {{/if}}

  {{#if (eq step "select-race-stats")}}
  <div>Select Stats to gain +1 modifier : <br>
    Remaining stats to select : {{numberstats}}
  </div>
    <table class="table-create-actor">
      {{#each stats as |stat key|}}
      {{#if @root.statsonlyonce}}
        {{#if stat.used}}
        {{else}}
            <tr>
              <td>{{stat.label}} ({{stat.abbrev}})</td>
              <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-stat-key="{{key}}" >Select it !</a></td>
            </tr>
        {{/if}}
      {{else}}
        <tr>
          <td>{{stat.label}} ({{stat.abbrev}})</td>
          <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-stat-key="{{key}}" >Select it !</a></td>
        </tr>
      {{/if}}
      {{/each}}
    </table>  
  {{/if}}

  {{#if (eq step "select-race-perks")}}
  <div>Now select {{nbraceperks}} Perk(s) for your character
  </div>
  <table class="table-create-actor">
    {{#each raceperks as |perk index|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-item-id="{{perk._id}}">{{perk.name}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-item-id="{{perk._id}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}

  {{#if (eq step "select-role")}}
  <div>Now select a Role for your character.
  </div>
  <table class="table-create-actor">
    {{#each roles as |role index|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-item-id="{{role._id}}">{{role.name}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-item-id="{{role._id}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}

  {{#if (eq step "select-role-start-spec")}}
  <div>Choose 1 Specialisation at +1DT : 
  </div>
  <table class="table-create-actor">
    {{#each rolestartspec as |spec index|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-item-id="{{spec._id}}">{{spec.name}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-item-id="{{spec._id}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}
  
  {{#if (eq step "select-role-stat")}}
  <div>Choose 1 Stat at +1DT : 
  </div>
  <table class="table-create-actor">
    {{#each rolestats as |rolestat key|}}
      <tr>
        <td>{{rolestat.label}}</td>
        <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-stat-key="{{rolestat.abbrev}}">Select it !</a></td>
      </tr>
    {{/each}}
  </table>  
  {{/if}}

  {{#if (eq step "select-role-spec")}}
  <div>Now select a specialisation at +{{dt}}DT.
  </div>
  <table class="table-create-actor">
    {{#each rolespec as |spec index|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-item-id="{{spec._id}}">{{spec.name}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-item-id="{{spec._id}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}

  {{#if (eq step "select-role-perk")}}
  <div>Now select a Perk.
  </div>
  <table class="table-create-actor">
    {{#each roleperks as |perk index|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-item-id="{{perk._id}}">{{perk.name}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-item-id="{{perk._id}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}

  {{#if (eq step "character-end")}}
  <div>Follow the next steps from the rulebook page 50 !. You can now spend 150 CDPs to customise your character.
  </div>
  {{/if}}
  

</div>