<!-- -*- mode: html -*- -->
<div class="modal micromodal-slide" id="schedule-modal" aria-hidden="true">
  <div class="modal__overlay" tabindex="-1" data-micromodal-close>
    <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-1-title">
      <header class="modal__header">
        <h2 class="modal__title" id="modal-1-title">Add Schedule</h2>
        <button class="modal__close" aria-label="Close modal" data-micromodal-close></button>
      </header>
      <main class="modal__content" id="modal-1-content">
        <form id="scheduleForm" onsubmit="submitScheduleForm(event)">
          <div class="form-group">
            <label for="featurehash">Feature Hash / CID</label>
            <input type="text" id="featurehash" name="featurehash" required placeholder="Enter feature hash or IPFS CID">
          </div>
          <div class="form-group">
            <label for="schedule-password">Node Password</label>
            <input type="password" id="schedule-password" name="password" autocomplete="current-password" required placeholder="Enter node password">
          </div>
          <div class="form-actions">
            <button type="button" id="addScheduleBtn" class="btn-primary" aria-label="Add Schedule">Add Schedule</button>
          </div>
        </form>
      </main>
      <footer class="modal__footer">
        <button id="scheduleSubmitBtn" class="modal__btn modal__btn-primary" data-micromodal-close aria-label="Schedule">Schedule</button>
        <button class="modal__btn" data-micromodal-close aria-label="Close this dialog window">Cancel</button>
      </footer>
    </div>
  </div>
</div>
