<div class="angular-tour-ui-element"
     ng-class="[tour ? 'touring' : 'nottouring', inline ? 'inline' : 'overlay']">

  <div class="tour-title">
    <h4><i class="fa fa-dot-circle-o"></i> {{ tour.title }}</h4>
    <button type="button" class="close" ng-click="stop()" aria-hidden="true">&times;</button>
  </div>

  <div class="tour-contents" ng-show="!supported">
    Your browser does not support features required for this tour. Please upgrade and try again.
  </div>

  <div class="tour-contents" ng-show="supported">
    <div class="step-title" ng-shpw="step.title">{{ step.title }}</div>
    <div class="slide-animate-container">
      <div class="step-content" ng-show="step.content" ng-bind-html="step.content || ''"></div>
      <div class="step-content">
        <ng:include src="step.templateUrl" scope="info"></ng:include>
      </div>
    </div>

    <div class="controls">
      <button class="btn btn-primary" ng-click="next()" ng-show="hasNextStep && !step.signal">Next</button>
      <button class="btn btn-primary" ng-click="stop()" ng-show="!hasNextStep && !inline">Done</button>
    </div>

    <div class="wait-message" ng-show="step.waitMessage">
      <div class="quay-spinner"></div> {{ step.waitMessage }}
      <span class="skip-message" ng-show="step.skipTitle"><button class="btn btn-default" ng-click="next()">{{ step.skipTitle }}</button></span>
    </div>
  </div>
</div>