eHealthAfrica/direct-delivery-dashboard

<div class="modal-header alert-info">
  <h3>New Delivery Round : {{ nrdCtrl.getRoundCode() }}</h3>
</div>
<!-- Modal body section -->
<div class="modal-body">
  <div class="col-sm-15">
    <form>
      <div class="form-group">
        <label>State</label>
        <select class="form-control" ng-model="nrdCtrl.deliveryRound.state"
                ng-disabled="nrdCtrl.edit"
                ng-change="nrdCtrl.setStateCode()">
          <option value="">select state</option>
          <option ng-repeat="state in nrdCtrl.states"
                  ng-value="state.name"
                  ng-selected="state.name === nrdCtrl.deliveryRound.state">
            {{ state.name }}
          </option>
        </select>
      </div>

      <div class="form-group">
        <label>Round Number</label>
        <input type="text" class="form-control"
               ng-disabled="nrdCtrl.edit"
               ng-model="nrdCtrl.deliveryRound.roundNo" placeholder="e.g 23">
      </div>

      <div class="form-group">
        <label>Status</label>
        <select class="form-control" ng-model="nrdCtrl.deliveryRound.status"
                ng-disabled="!nrdCtrl.edit">
          <option value="">select status</option>
          <option ng-repeat="status in nrdCtrl.ROUND_STATUS"
                  ng-value="status"
                  ng-selected="status === nrdCtrl.deliveryRound.status">
            {{ status }}
          </option>
        </select>
      </div>

      <div class="row">
        <div class="col-md-6">
          <label>Start date</label>
          <div class="form-group">
            <div class="input-group">
              <input type="text" class="form-control" ng-model="nrdCtrl.deliveryRound.startDate"
              datepicker-popup="{{nrdCtrl.dateFormat}}" is-open="nrdCtrl.start.opened"
                     max-date="nrdCtrl.deliveryRound.endDate"/>
            <span class="input-group-btn">
              <button type="button" class="btn btn-default" ng-click="nrdCtrl.start.open($event)">
                <i class="fa fa-calendar"></i>
              </button>
            </span>
            </div>
          </div>
        </div>
      </div>
      <!-- beginning of end date picker section-->
      <div class="row">
        <div class="col-md-6">
          <label>End date</label>
          <div class="form-group">
            <div class="input-group">
              <input type="text" class="form-control" ng-model="nrdCtrl.deliveryRound.endDate"
                     datepicker-popup="{{nrdCtrl.dateFormat}}" is-open="nrdCtrl.end.opened"
                     min-date="nrdCtrl.deliveryRound.startDate"/>
            <span class="input-group-btn">
              <button type="button" class="btn btn-default" ng-click="nrdCtrl.end.open($event)">
                <i class="fa fa-calendar"></i>
              </button>
            </span>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
<!-- modal footer section-->
<div class="modal-footer">

  <button type="submit" class="btn btn-success" ng-click="nrdCtrl.continue()">
    <span>Continue</span>
    <i class="fa fa-chevron-circle-right"></i>
  </button>

  <button class="btn btn-primary" ng-click="nrdCtrl.saveAndExit()">
    <i class="fa fa-floppy-o"></i>
    <span>Save and Exit</span>
  </button>

  <button class="btn btn-default" ng-click="nrdCtrl.cancel()">
    <i class="fa fa-times"></i>
    <span>Close</span>
  </button>
</div>