<form>
  <section class="fxmaster specials-config application-popout">
    <div class="form-group favorite-row">
      <div class="form-fields">
        <label for="favorite">{{localize "FXMASTER.Common.Favorite"}}</label>
        <input name="favorite" value="true" type="checkbox" {{#if default.favorite}}checked{{/if}}/>
      </div>
    </div>

    <div class="form-group">
      <label>{{localize "FXMASTER.Common.Author"}}</label>
      <div class="form-fields">
        <input name="folder" type="text" value="{{default.folder}}" readonly/>
      </div>
    </div>

    <div class="form-group">
      <label>{{localize "FXMASTER.AnimationEffect.FileName"}}</label>
      <div class="form-fields">
        <input name="label" type="text" value="{{default.label}}" readonly/>
        <button class="fxmaster-special-copy" type="button" data-action="copyElement" data-tooltip="{{localize 'FXMASTER.AnimationEffect.CopyElement'}}">
          <span class="fa-solid fa-copy"></span>
        </button>
      </div>
    </div>

    <div class="form-group">
      <label>{{localize "FXMASTER.AnimationEffect.FilePath"}}</label>
      <div class="form-fields">
        <input name="file" type="text" value="{{default.file}}" readonly/>
        <button class="fxmaster-special-copy" type="button" data-action="copyElement" data-tooltip="{{localize 'FXMASTER.AnimationEffect.CopyElement'}}">
          <span class="fa-solid fa-copy"></span>
        </button>
      </div>
    </div>

    <div class="form-group">
      <label>{{localize "FXMASTER.AnimationEffect.SequencerPath"}}</label>
      <div class="form-fields">
        <input name="sequencerPath" type="text" value="{{default.sequencerPath}}" readonly/>
        <button class="fxmaster-special-copy" type="button" data-action="copyElement" data-tooltip="{{localize 'FXMASTER.AnimationEffect.CopyElement'}}">
          <span class="fa-solid fa-copy"></span>
        </button>
      </div>
    </div>

    <div class="form-group">
      <label title="{{localize 'FXMASTER.Params.ScaleHint'}}">{{localize "FXMASTER.Params.Scale"}} (x, y)</label>
      <div class="form-fields">
        <input
          type="text"
          data-dtype="Number"
          value="{{default.scale.x}}"
          name="scaleX"
        />
        <input
          type="text"
          data-dtype="Number"
          value="{{default.scale.y}}"
          name="scaleY"
        />
      </div>
    </div>

    <footer class="sheet-footer flexrow">
      <button type="button" data-action="save">
        <span class="fa-solid fa-check"></span> {{localize "FXMASTER.Common.SaveChanges"}}
      </button>
    </footer>
  </section>
</form>