#*
 * Copyright 2012 LinkedIn Corp.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
*#

      <div class="modal modal-wide" id="sla-options">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">SLA Options</h4>
            </div>
            <div class="modal-body">
              <h4>SLA Alert Emails</h4>
              <fieldset>
                <div class="form-group">
                  <label>SLA Alert Emails</label>
                  <textarea id="slaEmails" class="form-control"></textarea>
                </div>
              </fieldset>
              <h4>Flow SLA Rules</h4>
              <table class="table table-striped" id="flowRulesTbl">
                <thead>
                  <tr>
                    <th>Flow/Job</th>
                    <th>Sla Rule</th>
                    <th>Duration(In HH:MM eg. kill in 10 minutes is 00:10)</th>
                    <th>Email Action</th>
                    <th>Kill Action</th>
                  </tr>
                </thead>
                <tbody>
                  <tr id="addRow">
                    <td id="addRow-col" colspan="5">
                      <span class="addIcon"></span>
                      <button type="button" class="btn btn-xs btn-success" id="add-btn">Add Row</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
              <!--<button type="button" class="btn btn-danger" id="remove-sla-btn">Remove SLA</button>-->
              <button type="button" class="btn btn-primary" id="set-sla-btn">Set/Change SLA</button>
            </div>
          </div>
        </div>
      </div>
