<div class="standard-form">

  {{!-- Temperatures --}}
  <fieldset>
    <legend>{{localize "CALENDARIA.Common.TemperatureRange"}}</legend>
    <div class="form-group">
      <label>{{localize "CALENDARIA.Common.TemperatureRange"}}</label>
      <div class="form-fields range">
        <input type="number" name="tempMin" value="{{tempMin}}" placeholder="{{localize 'CALENDARIA.Common.Low'}}">
        <i class="fa-solid fa-right-long"></i>
        <input type="number" name="tempMax" value="{{tempMax}}" placeholder="{{localize 'CALENDARIA.Common.High'}}">
      </div>
      <p class="hint">{{localize "CALENDARIA.Editor.Season.Climate.TemperaturesHint" unit=tempLabel}}</p>
    </div>
  </fieldset>

  {{!-- Presets --}}
  <fieldset>
    <legend>{{localize "CALENDARIA.Editor.Season.Climate.WeatherChances"}}</legend>
    <p class="hint">{{localize "CALENDARIA.Editor.Season.Climate.WeatherChancesHint"}}</p>
    {{#each categories}}
      <div class="weather-category">
        <span class="category-header">{{this.label}}</span>
        <div class="weather-weight-grid">
          {{#each this.presets}}
            <div class="weather-weight-pill {{#if this.chance}}active{{/if}}" style="--weather-color: {{this.color}}">
              <i class="fas {{this.icon}}"></i>
              <span class="weather-label">{{this.label}}</span>
              <input type="number" name="preset_{{this.id}}"
                value="{{this.chance}}" min="0" step="0.1"
                placeholder="0">
            </div>
          {{/each}}
        </div>
      </div>
    {{/each}}
  </fieldset>

</div>
