<div class="standard-form bwlp-form bwlp-scene-design">
  <p class="notes">{{localize "BWLP.SDIntro"}}</p>

  <details open class="bwlp-sec">
    <summary>{{localize "BWLP.SDStyle"}}</summary>
    <div class="bwlp-grid">
      <label>{{localize "BWLP.SDButtonStyle"}}</label>
      <select name="style">{{#each styles}}<option value="{{key}}" {{#if selected}}selected{{/if}}>{{label}}</option>{{/each}}</select>
    </div>
    <button type="button" class="bwlp-apply" data-action="applyStyle"><i class="fas fa-check"></i> {{localize "BWLP.SDApplyStyleBtn"}}</button>
  </details>

  <details class="bwlp-sec">
    <summary>{{localize "BWLP.SDColor"}}</summary>
    <div class="bwlp-grid">
      <label>{{localize "BWLP.BuilderScheme"}}</label>
      <div>
        <select name="scheme">{{#each schemes}}<option value="{{key}}" {{#if selected}}selected{{/if}}>{{label}}</option>{{/each}}<option value="custom" {{#if customSelected}}selected{{/if}}>{{localize "BWLP.SchemeCustom"}}</option></select>
        <div class="bwlp-custom-color" data-custom-row {{#unless customSelected}}style="display:none"{{/unless}}>
          <input type="color" name="customColor" value="{{customColor}}"/>
          <button type="button" class="bwlp-eyedropper" data-eyedropper title="{{localize 'BWLP.SchemeDropper'}}"><i class="fas fa-eye-dropper"></i></button>
        </div>
      </div>
    </div>
    {{#if customCount}}<label class="bwlp-check"><input type="checkbox" name="includeCustom"/> {{localize "BWLP.SchemeIncludeCustom"}}</label>{{/if}}
    <button type="button" class="bwlp-apply" data-action="applyColor"><i class="fas fa-check"></i> {{localize "BWLP.SDApplyColorBtn"}}</button>
  </details>

  <details class="bwlp-sec">
    <summary>{{localize "BWLP.SecLabels"}}</summary>
    <div class="bwlp-grid">
      <label>{{localize "BWLP.BuilderFont"}}</label>
      <select name="font">{{#each fonts}}<option value="{{value}}" {{#if selected}}selected{{/if}}>{{label}}</option>{{/each}}</select>
      <label>{{localize "BWLP.LabelColor"}}</label>
      <input type="color" name="labelColor" value="{{labelColor}}"/>
      <label>{{localize "BWLP.LabelSize"}}</label>
      <input type="number" name="labelSize" value="{{labelSize}}" min="6" step="1" placeholder="{{localize 'BWLP.FontAuto'}}"/>
    </div>
    <button type="button" class="bwlp-apply" data-action="applyLabels"><i class="fas fa-check"></i> {{localize "BWLP.SDApplyLabelsBtn"}}</button>
  </details>

  <details class="bwlp-sec">
    <summary>{{localize "BWLP.BuilderHover"}}</summary>
    <label class="bwlp-check"><input type="checkbox" name="hoverGlow" {{#if hoverGlowOn}}checked{{/if}}/> {{localize "BWLP.HoverGlow"}}</label>
    <div class="bwlp-hover-glowfields" data-hglow>
      <label>{{localize "BWLP.HoverColor"}}</label>
      <input type="color" name="hoverColor" value="{{hoverColor}}"/>
      <label>{{localize "BWLP.HoverStrength"}}</label>
      <input type="number" name="hoverStrength" value="{{hoverStrength}}" min="1" max="20" step="1"/>
    </div>
    {{#if hasTMFX}}
      <div class="bwlp-presets">
        <p class="notes">{{localize "BWLP.HoverPresets"}}</p>
        {{#each hoverPresets}}<label class="bwlp-check"><input type="checkbox" class="bwlp-hpreset" data-preset="{{name}}" {{#if checked}}checked{{/if}}/> {{name}}</label>{{/each}}
        <p class="notes">{{localize "BWLP.HoverPresetsHint"}}</p>
      </div>
    {{/if}}
    <button type="button" class="bwlp-apply" data-action="applyHover"><i class="fas fa-check"></i> {{localize "BWLP.SDApplyHoverBtn"}}</button>
  </details>

  <details class="bwlp-sec">
    <summary>{{localize "BWLP.SDAudio"}}</summary>
    <div class="bwlp-grid">
      <label>{{localize "BWLP.SDPlaylist"}}</label>
      <select name="playlist"><option value="">{{localize "BWLP.SDNone"}}</option>{{#each playlists}}<option value="{{id}}" {{#if selected}}selected{{/if}}>{{name}}</option>{{/each}}</select>
      <label>{{localize "BWLP.SDTrack"}}</label>
      <select name="track"><option value="">{{localize "BWLP.SDPlaylistAll"}}</option>{{#each tracks}}<option value="{{id}}" {{#if selected}}selected{{/if}}>{{name}}</option>{{/each}}</select>
      <label>{{localize "BWLP.SDSoundFile"}}</label>
      <div class="bwlp-file-row"><input type="text" name="soundSrc" value="{{soundSrc}}" placeholder="path/to/sound.ogg"/><button type="button" data-action="browseSound"><i class="fas fa-folder-open"></i> {{localize "BWLP.Browse"}}</button></div>
    </div>
    <label class="bwlp-check"><input type="checkbox" name="soundLoop" {{#if soundLoop}}checked{{/if}}/> {{localize "BWLP.SDSoundLoop"}}</label>
    <p class="notes">{{localize "BWLP.SDSoundHint"}}</p>
    <button type="button" class="bwlp-apply" data-action="applyAudio"><i class="fas fa-check"></i> {{localize "BWLP.SDApplyAudioBtn"}}</button>
  </details>
</div>
