<div class="modal fade" id="bulk_steps_modal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Add Steps</h4>
      </div>


      <div class="modal-body">

        <div class="row">
          <div class="col-xs-6">
            <div class="form-group">
              <label for="step_bulk_input" class="control-label">Raw Input</label>
              <textarea id="step_bulk_input" class="form-control"></textarea>
            </div>
          </div>

          <div class="col-xs-6">
            <table class="table table-condensed">
              <thead>
              <tr>
                <th>#</th>
                <th>Direction</th>
              </tr>
              </thead>
              <tbody id="step_bulk_parsed_list">

              </tbody>
            </table>
          </div>
        </div>

      </div>


      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" id="bulkStepAddSubmit">Add</button>
      </div>


    </div>
  </div>
</div>