BigGillyStyle/events

<form class="form-horizontal">
  <div class="form-group">
    <label for="name1" class="col-sm-2 control-label">Name</label>
    <div class="col-sm-10">
      {{input type="text" id="name1" class="form-control" placeholder="Example: Rock 'N' Roll Denver" value=event.name}}
    </div>
  </div>
  <div class="form-group">
    <label for="city1" class="col-sm-2 control-label">City</label>
    <div class="col-sm-10">
      {{input type="text" id="city1" class="form-control" value=event.city}}
    </div>
  </div>
  <div class="form-group">
    <label for="state1" class="col-sm-2 control-label">State</label>
    <div class="col-sm-10">
      {{#x-select id="state1" class="form-control" value=event.state}}
        {{#each states as |state|}}
          {{#x-option value=state.value}}
            {{state.label}}
          {{/x-option}}
        {{/each}}
      {{/x-select}}
    </div>
  </div>
  <div class="form-group">
    <label for="startDate1" class="col-sm-2 control-label">Date</label>
    <div class="col-sm-10">
      {{bootstrap-datepicker id="startDate1" class="form-control" value=event.startDate placeholder="MM/DD/YYYY"}}
    </div>
  </div>
  <div class="form-group">
    <label for="url1" class="col-sm-2 control-label">Website</label>
    <div class="col-sm-10">
      {{input type="text" id="url1" class="form-control" value=event.url}}
    </div>
  </div>
  {{yield}}

</form>