<div class="standard-form bwlp-form bwlp-backdrop">
  <p class="notes">{{localize "BWLP.BackdropIntro"}}</p>
  <div class="bwlp-grid">
    <label>{{localize "BWLP.BackdropShape"}}</label>
    <select name="shape">{{#each shapes}}<option value="{{key}}" {{#if selected}}selected{{/if}}>{{label}}</option>{{/each}}</select>
    <label>{{localize "BWLP.BackdropImage"}}</label>
    <div class="bwlp-file-row"><input type="text" name="image" value="{{image}}" placeholder="path/to/image.webp"/><button type="button" data-action="browse"><i class="fas fa-folder-open"></i> {{localize "BWLP.Browse"}}</button></div>
    <label>{{localize "BWLP.BackdropScaleX"}}</label><input type="number" name="scaleX" value="{{scaleX}}" step="0.05"/>
    <label>{{localize "BWLP.BackdropScaleY"}}</label><input type="number" name="scaleY" value="{{scaleY}}" step="0.05"/>
    <label>{{localize "BWLP.BackdropTransX"}}</label><input type="number" name="translationX" value="{{translationX}}" step="0.01"/>
    <label>{{localize "BWLP.BackdropTransY"}}</label><input type="number" name="translationY" value="{{translationY}}" step="0.01"/>
    <label>{{localize "BWLP.BackdropAlpha"}}</label><input type="number" name="alpha" value="{{alpha}}" min="0" max="1" step="0.05"/>
    <label>{{localize "BWLP.BackdropRotation"}}</label><input type="number" name="rotation" value="{{rotation}}" step="1"/>
  </div>
  <label class="bwlp-check"><input type="checkbox" name="maintainAspect" {{#if maintainAspect}}checked{{/if}}/> {{localize "BWLP.BackdropAspect"}}</label>
  <label class="bwlp-check"><input type="checkbox" name="repeat" {{#if repeat}}checked{{/if}}/> {{localize "BWLP.BackdropRepeat"}}</label>
  <p class="notes">{{localize "BWLP.BackdropTMFXHint"}}</p>
  <footer class="bwlp-footer">
    <button type="button" data-action="apply"><i class="fas fa-image"></i> {{localize "BWLP.BackdropApply"}}</button>
    {{#if exists}}<button type="button" data-action="remove"><i class="fas fa-trash"></i> {{localize "BWLP.BackdropRemove"}}</button>{{/if}}
  </footer>
</div>
