<div class="standard-form bwlp-form bwlp-custom-button">
  <p class="notes">{{localize "BWLP.CustomBtnIntro"}}</p>
  <div class="bwlp-tips">
    <strong>{{localize "BWLP.CustomBtnTipsTitle"}}</strong>
    <ul>
      <li>{{localize "BWLP.CustomBtnTip1"}}</li>
      <li>{{localize "BWLP.CustomBtnTip2"}}</li>
      <li>{{localize "BWLP.CustomBtnTip3"}}</li>
      <li>{{localize "BWLP.CustomBtnTip4"}}</li>
    </ul>
    <button type="button" class="bwlp-copy-prompt" data-action="copyPrompt"><i class="fas fa-robot"></i> {{localize "BWLP.CustomBtnCopyPrompt"}}</button>
  </div>
  <div class="form-group">
    <label>{{localize "BWLP.CustomBtnLabel"}}</label>
    <input type="text" name="label" placeholder="My Button"/>
  </div>
  <div class="form-group">
    <label>{{localize "BWLP.CustomBtnArt"}}</label>
    <div class="bwlp-file-row">
      <input type="text" name="art" placeholder="path/to/button.png" readonly/>
      <button type="button" data-action="browse"><i class="fas fa-folder-open"></i> {{localize "BWLP.Browse"}}</button>
    </div>
    <input type="hidden" name="aspect" value="2.6667"/>
    <img data-preview class="bwlp-btn-preview" style="display:none" alt=""/>
  </div>
  <div class="form-group">
    <label class="bwlp-check"><input type="checkbox" name="autocrop" checked/> {{localize "BWLP.CustomBtnAutoCrop"}}</label>
    <p class="notes">{{localize "BWLP.CustomBtnAutoCropHint"}}</p>
  </div>
  <div class="form-group">
    <label>{{localize "BWLP.BuilderFont"}}</label>
    <select name="font">{{#each fonts}}<option value="{{value}}" {{#if selected}}selected{{/if}}>{{label}}</option>{{/each}}</select>
  </div>
  <div class="form-group">
    <label class="bwlp-check"><input type="checkbox" name="twoTone"/> {{localize "BWLP.CustomBtnTwoTone"}}</label>
    <p class="notes">{{localize "BWLP.CustomBtnTwoToneHint"}}</p>
  </div>
  {{#if existing.length}}
  <fieldset>
    <legend>{{localize "BWLP.CustomBtnExisting"}}</legend>
    {{#each existing}}
      <div class="bwlp-custom-row">
        <img src="{{art}}" class="bwlp-btn-thumb" alt=""/>
        <span class="bwlp-custom-name">{{label}}{{#if twoTone}} <span class="notes">(two-tone)</span>{{/if}}</span>
        <button type="button" class="bwlp-remove" data-action="remove" data-key="{{key}}" data-tooltip="{{localize 'BWLP.Remove'}}"><i class="fas fa-trash"></i></button>
      </div>
    {{/each}}
  </fieldset>
  {{/if}}
  <footer class="bwlp-footer">
    <button type="submit"><i class="fas fa-plus"></i> {{localize "BWLP.CustomBtnAdd"}}</button>
  </footer>
</div>
