<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 "select-global-spec")}}
  <div>Now select a Specialisation at +1DT.
  </div>
  <table class="table-create-actor">
    {{#each specs 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-global-stat")}}
  <div>Now select a Statistic at +1DT.
  </div>
  <table class="table-create-actor">
    {{#each stats as |stat key|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-stat-key="{{key}}">{{stat.label}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-stat-key="{{key}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}

  {{#if (eq step "select-global-perk")}}
  <div>Choose a new perk or add +1DT for en existing one.
  </div>
  <table class="table-create-actor">
    {{#each perks 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-global-status")}}
  <div>Now add a +1 bonus to a status
  </div>
  <table class="table-create-actor">
    {{#each status as |stat key|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-status-key="{{key}}">{{stat.label}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-status-key="{{key}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}

  {{#if (eq step "select-bonus-selection")}}
  <div>Select a bonus
  </div>
  <table class="table-create-actor">
    {{#each bonuses as |bonus key|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-bonus-key="{{key}}">{{bonus.name}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-bonus-key="{{key}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}
  
  {{#if (eq step "select-global-virtue")}}
  <div>Choose a Virtue.
  </div>
  <table class="table-create-actor">
    {{#each virtues as |virtue index|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-item-id="{{virtue._id}}">{{virtue.name}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-item-id="{{virtue._id}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}

  {{#if (eq step "select-global-vice")}}
  <div>Choose an available Vice.
  </div>
  <table class="table-create-actor">
    {{#each vices as |vice index|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-item-id="{{vice._id}}">{{vice.name}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-item-id="{{vice._id}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>  
  {{/if}}

  {{#if (eq step "select-vice-question")}}
  <div>Would you like to skip, to choose a second Vice for 5 CDP or to choose 1 Virtue and 1 Vice?
  </div>
  <table class="table-create-actor">
    {{#each questions as |question key|}}
    <tr>
      <td><a class="view-item-from-chat" data-step="{{@root.step}}" data-question-key="{{key}}">{{question.name}}</a></td>
      <td><a class="chat-card-button chat-create-actor" data-step-name="{{@root.step}}" data-question-key="{{key}}" >Select it !</a></td>
    </tr>
    {{/each}}
  </table>
  {{/if}}

  {{#if (eq step "character-end")}}
  <div>Choose Starting Gear, Worst Fear, Desires, Catchphrase & Catchphrase Trigger 
    and fill in the empty fields in the Bio Tab.<br>
    Automated character creation is over.
  </div>
  {{/if}}
  

</div>
