<form autocomplete="off" onsubmit="event.preventDefault();">
  {{#each settings as |setting|}}
      <!-- {{setting.key}} -->
      <div class="form-group">
          <label for="{{setting.key}}">{{localize setting.name}}</label>
          <div class="form-fields">
              {{#if setting.isSelect}}
                  <select name="{{setting.key}}"{{#if (eq setting.type.name "Number")}} data-dtype="Number"{{/if}}>
                      {{selectOptions setting.choices selected=setting.value localize=true}}
                  </select>
              {{else if setting.isCheckbox}}
                  <input type="checkbox" name="{{setting.key}}" {{checked setting.value}} />
              {{else if setting.isDateTime}}
                  <input type="datetime-local" name="{{setting.key}}" value="{{setting.value}}" min="2019-01-01T00:00" required="required" />
              {{/if}}
          </div>
          <p class="notes">{{localize setting.hint}}</p>
      </div>
  {{/each}}

  <div class="form-group submenu">
    <label>{{localize "PF2E.SETTINGS.WorldClock.ResetWorldTime.Name"}}</label>
    <button type="button" class="reset-world-time">
      <i class="fa-solid fa-clock-rotate-left"></i>
      {{localize "PF2E.SETTINGS.WorldClock.ResetWorldTime.Button"}}
    </button>
    <p class="notes">{{localize "PF2E.SETTINGS.WorldClock.ResetWorldTime.Hint"}}</p>
  </div>
  <hr />
  <div class="form-group">
    <button type="submit">
      <i class="fa-regular fa-floppy-disk"></i> {{localize "SETTINGS.Save"}}
    </button>
  </div>
</form>
