<div class="confrontation-roll-dialog">
  <header class="roll-dialog-header">
    {{#if img}}
    <img class="actor-icon" src="{{img}}" title="{{name}}" />
    {{/if}}
    <h1 class="dialog-roll-title roll-dialog-header">{{title}} ({{skill.max}})</h1>
  </header>

  <div class="flexcol">

    <div class="flexrow">

      <div>
        <h3>{{localize "ECRY.ui.execution"}} : <span id="execution-total">{{executionTotal}}</span></h3>
        <div id="confront-execution" class="flexrow confront-area confront-execution-area">
          {{> systems/fvtt-ecryme/templates/dialogs/partial-confront-dice-area.hbs filter="execution"}}
          {{> systems/fvtt-ecryme/templates/dialogs/partial-confront-bonus-area.hbs filter="execution"}}
        </div>
      </div>

      <div>
        <h3>{{localize "ECRY.ui.preservation"}} : <span id="preservation-total">{{preservationTotal}}</span></h3>
        <div id="confront-preservation" class="flexrow confront-area confront-preservation-area">
          {{> systems/fvtt-ecryme/templates/dialogs/partial-confront-dice-area.hbs filter="preservation"}}
          {{> systems/fvtt-ecryme/templates/dialogs/partial-confront-bonus-area.hbs filter="preservation"}}
        </div>
      </div>

    </div>

    <h4>{{localize "ECRY.ui.dicepool"}}</h4>
    <div id="confront-dice-pool" class="flexrow confront-area confrontation-dice-list pool-list">
      {{> systems/fvtt-ecryme/templates/dialogs/partial-confront-dice-area.hbs filter="mainpool"}}
    </div>

    <h4>{{localize "ECRY.ui.bonuspool"}} (Total : {{count confrontBonus}})</h4>
    <div id="confront-bonus-pool" class="flexrow confront-area confrontation-bonus-list pool-list">
      {{> systems/fvtt-ecryme/templates/dialogs/partial-confront-bonus-area.hbs filter="mainpool"}}
    </div>

    {{#if weapon}}
    <div class="flexrow">
      <span class="roll-dialog-label">{{localize "ECRY.ui.weapon"}} : </span>
      <span class="roll-dialog-label">{{weapon.name}} ({{localize "ECRY.ui.effect"}} {{weapon.system.effect}})</span>
    </div>
    {{/if}}

    {{#if impactMalus}}
    <div class="flexrow">
      <span class="roll-dialog-label">{{localize "ECRY.ui.impactmalus"}} : </span>
      <span class="roll-dialog-label">{{impactMalus}}</span>
    </div>
    {{/if}}

    <div class="flexrow">
      <span class="roll-dialog-label">{{localize "ECRY.ui.skilltranscendence"}} : </span>
      <select id="roll-select-transcendence" data-type="Number">
        {{selectOptions config.skillLevel selected=skillTranscendence}}
      </select>
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label">{{localize "ECRY.ui.transcendapply"}} : </span>
      <select id="roll-apply-transcendence" data-type="String">
        {{selectOptions config.transcendanceOptions selected=applyTranscendence localize=true}}
      </select>
    </div>

    {{#if skill.spec}}
    <div class="flexrow">
      <span class="roll-dialog-label">{{localize "ECRY.ui.spec"}} : </span>
      <select id="roll-specialization" data-type="String" multiple>
        {{#each skill.spec as |spec idx|}}
        <option value="{{spec.id}}" {{#if (eq spec.name @root.spec.name)}}selected{{/if}}>{{spec.name}}</option>
        {{/each}}
      </select>
    </div>
    {{/if}}

    <div class="flexrow">
      <span class="roll-dialog-label">{{localize "ECRY.ui.traitbonus"}} : </span>
      <select id="roll-trait-bonus" data-type="String" multiple>
        {{#each traitsBonus as |trait idx|}}
        <option value="{{trait.id}}" {{#if trait.activated}}selected{{/if}}>{{trait.name}} ({{trait.system.level}})</option>
        {{/each}}
      </select>
    </div>

    <div class="flexrow">
      <span class="roll-dialog-label">{{localize "ECRY.ui.traitmalus"}} : </span>
      <select id="roll-trait-malus" data-type="String" multiple>
        {{#each traitsMalus as |trait idx|}}
        <option value="{{trait.id}}" {{#if trait.activated}}selected{{/if}}>{{trait.name}} ({{trait.system.level}})</option>
        {{/each}}
      </select>
    </div>

    {{#if annency}}
    <div class="flexrow">
      <span class="roll-dialog-label">{{localize "ECRY.ui.annency"}} : {{annency.name}}</span>
      <span class="roll-dialog-label">{{annency.system.base.description}}</span>
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label">{{localize "ECRY.ui.annencybonus"}}</span>
      <select id="annency-bonus" name="annencyBonus" data-type="String">
        <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>
      </select>
    </div>
    {{/if}}

    <div class="flexrow">
      <span class="roll-dialog-label">Bonus/Malus : </span>
      <select id="bonusMalusPerso" name="bonusMalusPerso" data-dtype="String">
        {{selectOptions config.bonusMalusPersoOptions selected=bonusMalusPerso labelAttr="label"}}
      </select>
    </div>

  </div>

  <footer class="sheet-footer flexrow">
    <button type="button" data-action="launchConfront" {{#if buttonDisabled}}disabled{{/if}}>
      <i class="fas fa-check"></i> {{localize "ECRY.ui.launchconfront"}}
    </button>
    <button type="button" data-action="cancel">
      <i class="fas fa-times"></i> {{localize "ECRY.ui.cancel"}}
    </button>
  </footer>
</div>
