<form class="skill-roll-dialog">
  <header class="roll-dialog-header">
    {{#if img}}
    <img class="actor-icon" src="{{img}}" data-edit="img" title="{{name}}" />
    {{/if}}
    <h1 class="dialog-roll-title roll-dialog-header">{{title}}</h1>
  </header>

  <div class="flexcol">

    {{#if charac}}    
      <div class="flexrow">
        <span class="item-field-label-long margin-item-list">{{#if isPerception}}Perception{{else}}Characteristic{{/if}} : </span>
        <span class="item-field-label-medium margin-item-list">{{charac.roll}}-</span>
      </div>
    {{/if}}

    {{#if weapon}}    
      <div class="flexrow">
        <span class="item-field-label-long margin-item-list">{{weapon.name}} : </span>
        <span class="item-field-label-medium margin-item-list">{{weaponRoll}}-</span>
      </div>
    {{/if}}

    {{#if maneuver}}    
      <div class="flexrow">
        <span class="item-field-label-long margin-item-list">{{maneuver.name}} : </span>
        <span class="item-field-label-medium margin-item-list">{{maneuverRoll}}-</span>
      </div>
    {{/if}}

    {{#if power}}    
      <div class="flexrow">
        <span class="item-field-label-long margin-item-list">{{power.name}} : </span>
        <span class="item-field-label-medium margin-item-list">{{powerRoll}}-</span>
      </div>
    {{/if}}

    {{#if item}}    
    <div class="flexrow">
      <span class="item-field-label-long margin-item-list">{{upperFirst item.type}} - {{upperFirst item.name}}</span>
      {{#if item.roll}}
      <span class="item-field-label-medium margin-item-list">{{item.roll}}-</span>
      {{else}}
      <span class="item-field-label-medium margin-item-list">{{item.system.roll}}-</span>
      {{/if}}
    </div>
    {{/if}}

    <div class="flexrow">
      <span class="item-field-label-long margin-item-list">Bonus/Penalty : </span>
      <select class="item-field-label-medium" type="text" id="bonusMalus" value="{{bonusMalus}}" data-dtype="Number" >
        {{#select bonusMalus}}
        <option value="-10">-10</option>
        <option value="-9">-9</option>
        <option value="-8">-8</option>
        <option value="-7">-7</option>
        <option value="-6">-6</option>
        <option value="-5">-5</option>
        <option value="-4">-4</option>
        <option value="-3">-3</option>
        <option value="-2">-2</option>
        <option value="-1">-1</option>
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        {{/select}}
      </select>
    </div>
  
  </div>

</form>