event.html

<form id="form-popup" action="{{ action }}" method="{{ method }}">
  <h1>{{title}}</h1>
  <input id="id" name="id" type="hidden" value="{{ event.id }}"/>
  <label>Weekdays</label>
  <br/>
  <div class="cb-weekday">
    <input id="monday" name="monday" type="checkbox" checked/>
    <label for="monday">MO</label>
  </div>
  <div class="cb-weekday">
    <input id="tuesday" name="tuesday" type="checkbox" checked/>
    <label for="tuesday">TU</label>
  </div>
  <div class="cb-weekday">
    <input id="wednesday" name="wednesday" type="checkbox" checked/>
    <label for="wednesday">WE</label>
  </div>
  <div class="cb-weekday">
    <input id="thursday" name="thursday" type="checkbox" checked/>
    <label for="thursday">TH</label>
  </div>
  <div class="cb-weekday">
    <input id="friday" name="friday" type="checkbox" checked/>
    <label for="friday">FR</label>
  </div>
  <div class="cb-weekday">
    <input id="saturday" name="saturday" type="checkbox" checked/>
    <label for="saturday">SA</label>
  </div>
  <div class="cb-weekday">
    <input id="sunday" name="sunday" type="checkbox" checked/>
    <label for="sunday">SU</label>
  </div>
  <br/><br/>
  <select id="sel-time-mode" name="mode" onchange="changeEventTimeMode(this)">
    <option value="fixed">Fixed time</option>
    <option value="sunrise">🌅 Sunrise (today: {{ sunrise }})</option>
    <option value="sunset">🌇 Sunset (today: {{ sunset }})</option>
  </select>
  <fieldset id="fieldset-fixed">
    <label>Hour (0 - 23)</label>
    <input id="hour" name="hour" type="number" min="0" max="23" value="{{ event.hour }}"/>
    <label>Minute (0 - 59)</label>
    <input id="minute" name="minute" type="number" min="0" max="59" value="{{ event.minute }}"/>
  </fieldset>
  <fieldset id="fieldset-sunrise" style="display: none">
    <label>Sunrise offset (in minutes)</label>
    <input id="sunriseOffset" name="sunriseOffset" type="number" value="{{ event.sunriseOffset }}"/>
  </fieldset>
  <fieldset id="fieldset-sunset" style="display: none">
    <label>Sunset offset (in minutes)</label>
    <input id="sunsetOffset" name="sunsetOffset" type="number" value="{{ event.sunsetOffset }}"/>
  </fieldset>
  <label>Random offset (in minutes)</label>
  <input id="randomOffset" name="randomOffset" type="number" min="0" value="{{ event.randomOffset }}"/>
  <label>Action</label>
  <select id="switchOn" name="switchOn">
    <option value="True">On</option>
    <<option value="False">Off</option>
  </select>
  <button class="btn-update" type="button" onclick="submitForm(() => {showEventList({{ node.id }})})">{{ submitLabel }}</button>
  <button class="btn-close danger" type="button" onclick="hidePopupForm()">Close</button>
  <br style="clear: both"/>
</form>