<div id="klipper_leveling_dialog" class="modal hide fade small" tabindex="-1" role="dialog" aria-labelledby="leveling_dialog_label" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h3 id="leveling_dialog_label">{{ _('Assisted Bed Leveling') }}</h3>
    </div>
    <div class="modal-body">
        <div class="row-fluid">
           <div class="span1">
              <i class="fa fa-arrow-right pull-right" data-bind="visible: (activePoint() == -1)"></i>
           </div>
           <div class="span1"></div>
           <div class="span1">
              <button class="btn btn-mini btn-info btn-block" data-bind="click: gotoHome">
                    {{ _('Home') }}
              </button>
           </div>
           <div class="span7">&nbsp;</div>
        </div>
        <div data-bind="foreach: points">
           <div class="row-fluid">
            <div class="span1">
               <i class="fa fa-arrow-right pull-right" data-bind="visible: ($index()==$parent.activePoint())"></i>
            </div>
            <div data-bind="text: $index" class="span1"></div>
            <div class="span3">
                  <button class="btn btn-mini btn-info btn-block" data-bind="click: $parent.jumpToPoint">
                     <!-- ko if: name -->
                     <span data-bind="text: name"></span>
                     <!-- /ko -->
                     <!-- ko ifnot: name -->
                     ( <span data-bind="text: x"></span>, <span data-bind="text: y"></span> )
                     <!-- /ko -->
                  </button>
            </div>
            <div class="span7">&nbsp;</div>
         </div>
        </div>
       <div class="row-fluid">
          <div class="span2"></div>
          <div class="btn-toolbar span8">
             <div class="btn-group">
                <button class="btn" data-bind="click: startLeveling"><i class="icon-play"></i> {{ _('Start') }}</button>
                <button class="btn" data-bind="click: previousPoint, enable: (activePoint() > 0)"><i class="icon-chevron-left"></i> {{ _('Previous') }}</button>
                <button class="btn" data-bind="click: nextPoint, enable: (activePoint() < (pointCount()-1))">{{ _('Next') }} <i class="icon-chevron-right"></i></button>
                <button class="btn" data-bind="click: stopLeveling" data-dismiss="modal"><i class="icon-stop"></i> {{ _('Stop') }}</button>
             </div>
          </div>
          <div class="span2"></div>
      </div>
    </div>
</div>
