<div>

  <div class="span12 well" ng-hide="selectedSchedulerMBean">
    <form>
      <p>The Quartz plugin allows you to see details about running Quartz Schedulers, and their associated triggers and
        jobs.</p>

      <p>Select a Quartz Scheduler in the tree to continue.</p>
    </form>
  </div>

  <!-- the dl need to be wider so we can see the labels -->
  <style>
    .dl-horizontal dt {
      width: 260px;
    }
    .dl-horizontal dd {
      margin-left: 280px;
    }
  </style>

  <div ng-show="selectedSchedulerMBean">

    <div class="row-fluid">

      <div class="pull-right">
        <form class="form-inline no-bottom-margin">
          <fieldset>
            <div class="controls control-group inline-block controls-row">
              <div class="btn-group">
                <button
                    ng-disabled="selectedScheduler.Started"
                    class="btn" ng-click="startScheduler()" title="Start scheduler">
                  <i class="icon-play-circle"></i></button>
                <button
                    ng-disabled="!selectedScheduler.Started"
                    class="btn" ng-click="pauseScheduler()" title="Pause scheduler">
                  <i class="icon-off"></i></button>
              </div>
            </div>
          </fieldset>
        </form>
      </div>
      <div class="row-fluid">
        <dl class="dl-horizontal">
          <dt>Scheduler name</dt>
          <dd>{{selectedScheduler.SchedulerName}}</dd>
          <dt>Scheduler instance</dt>
          <dd>{{selectedScheduler.SchedulerInstanceId}}</dd>
          <dt>Version</dt>
          <dd>{{selectedScheduler.Version}}</dd>
          <dt>State</dt>
          <dd><i class="{{renderIcon(selectedScheduler.Started)}}"></i></dd>
        </dl>
      </div>

      <div class="pull-right">
        <form class="form-inline no-bottom-margin">
          <fieldset>
            <div class="controls control-group inline-block controls-row">
              <div class="btn-group">
                <button
                    ng-disabled="selectedScheduler.SampledStatisticsEnabled"
                    class="btn" ng-click="enableSampleStatistics()" title="Enable statistics">
                  <i class="icon-play-circle"></i></button>
                <button
                    ng-disabled="!selectedScheduler.SampledStatisticsEnabled"
                    class="btn" ng-click="disableSampleStatistics()" title="Disable statistics">
                  <i class="icon-off"></i></button>
              </div>
            </div>
          </fieldset>
        </form>
      </div>
      <div>
        <dl class="dl-horizontal">
          <dt>Jobs Completed most recent sample</dt>
          <dd>{{selectedScheduler.JobsCompletedMostRecentSample}}</dd>
          <dt>Jobs Executed most recent sample</dt>
          <dd>{{selectedScheduler.JobsExecutedMostRecentSample}}</dd>
          <dt>Jobs Scheduled most recent sample</dt>
          <dd>{{selectedScheduler.JobsScheduledMostRecentSample}}</dd>
          <dt>Sampled Statistics Enabled</dt>
          <dd><i class="{{renderIcon(selectedScheduler.SampledStatisticsEnabled)}}"></i></dd>
        </dl>
      </div>

      <div>
        <dl class="dl-horizontal">
          <dt>JobStore ClassName</dt>
          <dd>{{selectedScheduler.JobStoreClassName}}</dd>
          <dt>Thread Pool ClassName</dt>
          <dd>{{selectedScheduler.ThreadPoolClassName}}</dd>
          <dt>Thread Pool Size</dt>
          <dd>{{selectedScheduler.ThreadPoolSize}}</dd>
        </dl>
      </div>

  </div>

</div>

