foundryvtt-shadows-over-sol/templates/dialog-flip.html

<form class="flip-dialog">
  
  <h2 class="compdialog" id="statSkillFlip">Flip Dialog !</h2>
  
    <div class="flexrow">
      <div class="flexcol">
        {{#if (eq mode 'stat')}}
        <h3 class="skill-label" id="flipSubTitle">
          Stat Only Flip : {{localize stat.label}} : {{stat.value}} - <img class="cardsuit-img" src="systems/foundryvtt-shadows-over-sol/img/cards/{{stat.cardsuit}}.webp"/>
        </h3>
        <span>
          <h3 class="skill-label" id="flipSubTitle">Final Score : <span id='score-base'>0</span> </h3>
        </span>
        {{else}}
        <h3 class="skill-label" id="flipSubTitle">Select Stat</h3>
        <select name="stat" id="statSelect" data-dtype="String">
          {{#select statList}}
          {{#each statList as |stat key|}}
          <option value={{key}} {{#if (eq key ../selectedStat)}}selected{{/if}}>{{localize stat.label}} : {{stat.value}} - {{stat.cardsuit}} </option>
          {{/each}}
          {{/select}}
        </select>        
        <span>
          <h3 class="skill-label" id="flipSubTitle">Skill Flip : {{skill.name}} ({{skill.data.value}}) </h3>
          <h3 class="skill-label" id="flipSubTitle">Final Score : <span id='score-base'>0</span> </h3>
        </span>
        {{/if}}
      </div>
      <div class="flexcol">
        <div class="tab" data-group="primary">
          <select name="consequenceSelect" id="consequenceSelectMalus" data-dtype="String" multiple size="5" width="200">
            {{#select consequencesList}}
            {{#each consequencesList as |consequence key|}}
            <option value={{consequence._id}}>{{localize consequence.name}} - {{consequence.data.severity}}</option>
            {{/each}}
            {{/select}}
          </select>  
          <h3 class="skill-label" id="flipConsequenceMalus">Consequences Malus : <span id='consequence-malus'>0</span> </h3>
        </div>
      </div>
      <div class="flexcol">
        <div class="tab" data-group="primary">
          <select name="consequenceSelect" id="consequenceSelectBonus" data-dtype="String" multiple size="5" width="200">
            {{#select consequencesList}}
            {{#each consequencesList as |consequence key|}}
            <option value={{consequence._id}}>{{localize consequence.name}} - {{consequence.data.severity}}</option>
            {{/each}}
            {{/select}}
          </select>  
          <h3 class="skill-label" id="flipConsequenceMalus">Consequences Bonus : <span id='consequence-bonus'>0</span> </h3>
        </div>
      </div>
    </div>
  </div>
  <hr>
  {{#if target}}
  <div>
    <h4>Target : {{target.actor.name}} - Defense : {{target.actor.data.data.scores.defense.value}}/{{target.actor.data.data.scores.defense.critical}}</h4>
  </div>
  {{/if}}

  <section class="sheet-body">
    <div class="tab" data-group="primary">
      <div class="flexrow">
        <label for="categorie" class="generic-label">Target Number (TN) : </label>
        {{#if target}}
        <label for="categorie" class="generic-label"> {{target.actor.data.data.scores.defense.value}} </label>
        {{else}}
        <select name="tn" id="tn" data-dtype="number">
          {{#select tn}}
          {{#each tnList as |key|}}
          <option value={{key}} {{#if (eq key 10)}}selected{{/if}}>{{numberFormat key decimals=0 sign=false}}</option>
          {{/each}}
          {{/select}}
        </select>
        {{/if}}
        <label for="categorie" class="generic-label"> Flip Modifier (GM bonus/malus)</label>
        <select name="modifier" id="modifier" data-dtype="number">
          {{#select modifier}}
          {{#each modifierList as |key|}}
          <option value={{key}} {{#if (eq key 0)}}selected{{/if}}>{{numberFormat key decimals=0 sign=true}}</option>
          {{/each}}
          {{/select}}
        </select>
      </div>
    </div>
    <hr>
    <div class="flexcol">
      <label class="generic-label">Click on deck to flip from deck, or click on the relevant Edge card to flip from it!</label>

      <label class="generic-label flexrow">Discard Edge for Luck (ie force Trump) when clicking : 
          <span class="attribute-value checkbox"><input type="checkbox" name="edge-luck" id="edge-luck"/></span>
      </label>
    </div>
    <div class="flexrow">
      <span class="class-view-deck" id="view-deck"></span>
      <span class="class-view-edge" id="view-edge"></span>
    </div>
    <div class="flexrow">  
      <label class="generic-label"></label>
    </div>
  </section>

</form>