<div class="skill-roll-dialog">

  <header class="roll-dialog-header">
    {{#if img}}
      <img class="actor-icon" src="{{img}}" title="{{name}}" />
    {{/if}}
    <div class="dialog-roll-title">{{title}}</div>
  </header>

  <div class="dialog-separator"></div>

  <div class="dialog-body">

    {{#if attr}}
      <div class="dialog-attribute-row">
        <span class="dialog-attr-label">{{attr.label}}</span>
        <span class="dialog-attr-value">
          {{attr.value}}
          {{#if (eq attr.abbrev "physique")}}{{#if phyMalus}} ({{phyMalus}}){{/if}}{{/if}}
        </span>
      </div>
    {{/if}}

    {{#if elementsbio.length}}
      <div class="dialog-section-title">Éléments biographiques</div>
      <ul class="dialog-bio-list">
        {{#each elementsbio as |elem|}}
          <li>{{elem.name}}</li>
        {{/each}}
      </ul>
    {{/if}}

    <div class="dialog-modifiers">
      <div class="dialog-modifier-row">
        <label class="dialog-modifier-label">Bonus/Malus biographique</label>
        <select id="bonusMalusPerso" name="bonusMalusPerso">
          {{selectOptions config.bonusMalusPersoOptions selected=bonusMalusPerso valueAttr="value" labelAttr="label"}}
        </select>
      </div>

      <div class="dialog-modifier-row">
        <label class="dialog-modifier-label">Bonus/Malus de situation</label>
        <select id="bonusMalusSituation" name="bonusMalusSituation">
          {{selectOptions config.bonusMalusPersoOptions selected=bonusMalusSituation valueAttr="value" labelAttr="label"}}
        </select>
      </div>

      {{#if arme}}
        <div class="dialog-modifier-row">
          <label class="dialog-modifier-label">Défense</label>
          <select id="bonusMalusDef" name="bonusMalusDef">
            {{selectOptions config.bonusMalusDefOptions selected=bonusMalusDef valueAttr="value" labelAttr="label"}}
          </select>
        </div>

        <div class="dialog-modifier-row">
          <label class="dialog-modifier-label">Portée</label>
          <select id="bonusMalusPortee" name="bonusMalusPortee">
            {{selectOptions config.bonusMalusPorteeOptions selected=bonusMalusPortee valueAttr="value" labelAttr="label"}}
          </select>
        </div>
      {{/if}}
    </div>

  </div>

</div>