import moment from "moment"

<modal class="modal color-text nolabel" key="modal" enabled=(input.enabled) closable on-close("close") on-open("open") >
  <h1>Edit Log</h1>

  <p key="error" class="color-error">${state.error}</p>

  <label>Title</label>
  <input key="title" placeholder=(input.log.channel.name + " – " + moment(input.log.date).format("MMMM D, YYYY")) class="big" on-change("change", "title") value=state.values.title />

  <label>Event Name</label>
  <input key="event" placeholder="(Optional)" on-change("change", "event") value=state.values.event />
  
  <label>Description</label>
  <textarea key="description" placeholder="(Optional)" on-change("change", "description") value=state.values.description />

  <label>Options</label>
  <toggle value=state.values.open on="Open" off="Closed"
          onDesc=("New posts in "+input.log.channel.name+" will end up here.")
          offDesc="The logbot will not append to this log."
          on-change("change", "open") />

  <p if(state.values.open) key="warning" class="color-danger">Opening a log will close all others for the same channels.</p>  

  <button disabled=state.loading on-click("save")>Save</button>
</modal>