@extends('layouts.app')

@section('content')

<div class="container bg-white">

  <div class="row">
    <div class="col-md-12 py-3">

      <h1>Usage Stats</h1>

      <p>This report shows the usage statistics for the past 6 months.</p>

      <table class="table table-striped">
        <thead>
          <tr>
            <th rowspan="2">Month</th>
            <th colspan="3">Totals</th>
            <th colspan="4">Risks</th>
          </tr>
          <tr>
            <th data-toggle="tooltip" title="This is the number of users that visited the tool and entered a post code.">Count <span class="badge badge-primary">?</span></th>
            <th data-toggle="tooltip" title="This is the number of users that visited the tool and completed the triage portion of the assessment.">Complete <span class="badge badge-primary">?</span></th>
            <th data-toggle="tooltip" title="This is the number of users that visited the tool but did not complete the triage portion of the assessment.">Incomplete <span class="badge badge-primary">?</span></th>
            <th data-toggle="tooltip" title="This is the number of users that visited the tool and completed the triage portion of the assessment with a low risk outcome. These assessments did not trigger a referral.">Low <span class="badge badge-primary">?</span></th>
            <th data-toggle="tooltip" title="This is the number of users that visited the tool and completed the triage portion of the assessment with a medium risk outcome. These assessments triggered a referral.">Medium <span class="badge badge-primary">?</span></th>
            <th data-toggle="tooltip" title="This is the number of users that visited the tool and completed the triage portion of the assessment with a medium high outcome. These assessments triggered a referral.">High <span class="badge badge-primary">?</span></th>
            <th data-toggle="tooltip" title="This is the number of users that visited the tool and completed the triage portion of the assessment with a very high risk outcome. These assessments triggered a referral.">Very High <span class="badge badge-primary">?</span></th>
          </tr>
        </thead>
        <tbody>
          @forelse ($totals as $key => $total)
            <tr @if ($key == "total")class="font-weight-bold"@endif>
              <td>{{ $total["label"] }}</td>
              <td>{{ $total["count"] }}</td>
              <td>{{ $total["complete"] }}</td>
              <td>{{ $total["incomplete"] }}</td>
              <td>{{ $total["risk"]["Low"] }}</td>
              <td>{{ $total["risk"]["Medium"] }}</td>
              <td>{{ $total["risk"]["High"] }}</td>
              <td>{{ $total["risk"]["Very High"] }}</td>
            </tr>
          @empty
            <tr>
              <td colspan="8">There are no records to display.</td>
            </tr>
          @endforelse
        </tbody>
      </table>

    </div>
  </div>

</div>

@endsection