signmeup/signmeup

<template name="ModalQueueEdit">
  <div class="modal-queue-edit modal">
    <div class="modal-dialog animated fadeInUp">
      <div class="modal-content">
        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Edit Queue</h4>
          <button type="button" class="close" data-dismiss="modal">
            <i class="material-icons">close</i>
          </button>
        </div>

        <!-- Modal Body -->
        <div class="modal-body">
          <form id="js-modal-queue-edit-form">
            <div class="row">
              <!-- Course -->
              <div class="form-group col-md-4">
                <label for="courseId">Course</label>
                <select name="courseId" class="form-control" disabled>
                  <option value="{{queue.course._id}}" selected>{{queue.course.name}}</option>
                </select>
              </div>

              <!-- Name -->
              <div class="form-group col-md-8 pl-md-0">
                <label for="name">Name</label>
                <input type="text" name="name" value="{{queue.name}}" class="form-control">
              </div>
            </div>

            <div class="row">
              <!-- Location -->
              <div class="form-group col-md-8">
                <label for="locationId">Location</label>
                <select name="locationId" class="form-control">
                  {{#each location in locations}}
                    <option value="{{location._id}}" selected={{isCurrentLocation queue location}}>{{location.name}}</option>
                  {{/each}}
                </select>
              </div>

              <!-- End Time -->
              <div class="form-group col-md-4 pl-md-0">
                <label for="endTime">End Time</label>
                <select name="endTime" class="form-control">
                  {{#each time in queueEndTimes}}
                    <option value="{{time.ISOString}}" selected={{isCurrentEndTime queue time}}>{{time.formattedString}}</option>
                  {{/each}}
                </select>
              </div>
            </div>
          </form>
        </div>

        <!-- Modal Footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
          <button type="submit" form="js-modal-queue-edit-form" class="btn btn-primary">Save</button>
        </div>
      </div>
    </div>
  </div>
</template>