{{-- Quarter-to-date position of the WHOLE committed target set — the basis every monthly
     percentage is read against. Params: $o (QaLoadService::quarterOverall row), $scope (label),
     $stages, $stageLabels. --}}
<div class="ms-overall">
  <div class="ms-overall-head">
    <span class="ms-overall-label">Quarter to date</span>
    <span class="muted">· {{ $scope }} · {{ $o['targets'] }} confirmed target{{ $o['targets'] === 1 ? '' : 's' }}</span>
    <span class="ms-overall-pct">{{ $o['percent'] }}%</span>
  </div>
  @if ($o['targets'])
    <div class="ms-bar" style="height:16px">
      @foreach ($stages as $key => $s)
        @if ($o['buckets'][$key] > 0)
          <span class="{{ $s['cls'] }}" style="width:{{ 100 * $o['buckets'][$key] / $o['targets'] }}%"
                title="{{ $stageLabels[$key] }}: {{ $o['buckets'][$key] }} of {{ $o['targets'] }} targets"></span>
        @endif
      @endforeach
    </div>
    <div class="ms-legend">
      <span><strong>{{ $o['signed_off'] }}</strong> of {{ $o['targets'] }} targets signed off</span>
      @foreach ($stages as $key => $s)
        @if ($o['buckets'][$key] > 0)
          <span><i style="background:{{ $s['color'] }}"></i>{{ $stageLabels[$key] }} {{ $o['buckets'][$key] }}</span>
        @endif
      @endforeach
    </div>
  @else
    <div class="ms-bar"><span class="ms-bar-empty"></span></div>
    <div class="ms-legend">No confirmed targets for this quarter.</div>
  @endif
</div>