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

<form class="flip-dialog">
  
  <h2 class="compdialog" id="statSkillFlip">Flip Dialog !</h2>
  
    {{#if (eq mode 'stat')}}
    <h3 class="compdialog" id="flipSubTitle">
      Stat Only Flip : {{localize stat.label}} ({{stat.value}},  {{stat.cardsuit}})
    </h3>
    {{else}}
    <h3 class="compdialog" id="flipSubTitle">
      Select Stat  
    <select name="stat" id="statSelect" data-dtype="String">
      {{#select statList}}
      {{#each statList as |stat key|}}
      <option value={{key}}>{{localize stat.label}}</option>
      {{/each}}
      {{/select}}
    </select>
    </h3>
    <h3 class="compdialog" id="flipSubTitle">
      Skill Flip : {{skill.name}} ({{skill.data.value}}) 
    </h3>
    {{/if}}

  <section class="sheet-body">
    <div class="tab" data-group="primary">
      <div class="flexrow">
        <label for="categorie generic-label">Target Number (TN) : </label>
        <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>
      </div>
      <div class="flexrow">
        <label for="categorie generic-label">Flip Modifier</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 id="flexrow">
        <label class="generic-label">Click on deck to flip from deck, or click on the relevant Edge card to flip from it!</label>
      </div>
      <div id="flexrow">
        <span class="class-view-deck" id="view-deck"></span>
        <span class="class-view-edge" id="view-edge"></span>
      </div>
      <div id="flexrow">  
        <label class="generic-label"></label>
      </div>
    </div>
  </section>

</form>