<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">

    <div class="dialog-attribute-row">
      <span class="dialog-attr-label">{{attr.label}}</span>
      <span class="dialog-attr-value">{{attr.value}}</span>
    </div>

    <div class="dialog-modifiers">
      <div class="dialog-modifier-row">
        <label class="dialog-modifier-label">Degré de la confrontation</label>
        <select id="confrontationDegre" name="confrontationDegre">
          {{selectOptions config.confrontationDegreOptions selected=confrontationDegre}}
        </select>
      </div>

      <div class="dialog-modifier-row">
        <label class="dialog-modifier-label">Modificateur de confrontation</label>
        <select id="confrontationModif" name="confrontationModif">
          {{selectOptions config.confrontationModifOptions selected=confrontationModif}}
        </select>
      </div>
    </div>

  </div>

</div>