<h3>Results</h3>
<h5 class="resultsTop">
    <span ng-hide="page < 2">Page {{page}} of </span> {{results.total_hits}} results ({{results.roundTook}})
</h5>
<div class="pull-right"><input type="checkbox" ng-model="explainScoring">Explain Scoring</div>
<div style="height: calc(100vh - 309px);overflow: auto" >
<ol Start="{{firstResult}}">
    <li ng-repeat="hit in results.hits"><a href="#" onclick="FnClick(this)"><b>{{hit.id}}</b></a> <span class="badge">{{hit.roundedScore}}</span>
    <div class="well">
        <div ng-repeat="(fieldName, fragments) in hit.fragments">
        <div ng-show="fragments.length > 0">{{fieldName}}</div>
        <ul>
            <li ng-repeat="fragment in fragments" ng-bind-html="fragment"></li>
        </ul>
        </div>
    </div>
    <div class="well" ng-show="explainScoring">Explanation
        <ul><li><span ng-bind-html="hit.explanationStringSafe"></span></li></ul>
    </div>
    </li>
</ol>
</div>
<div ng-show="numPages > 1" class="col-lg-12 col-lg-offset-5">
<ul class="pagination">
<li ng-show="page > 1"><a ng-click="jumpToPage(page-1, $event)" href="">&laquo;</a></li>
<li ng-repeat="i in validPages" ng-attr-class="{{i == page && 'active' || '' }}"><a ng-show="i != page" href="" ng-click="jumpToPage(i, $event)">{{i}}</a><span ng-hide="i != page">{{i}}</span></li>
<li><a ng-show="page < numPages" ng-click="jumpToPage(page+1, $event)" href="">&raquo;</a>
</ul>
</div>