#set($questions = $teamprogress.json.by_question.buckets)

#set($plans = $teamprogress.json.by_testplan.buckets)

#foreach($plan in $plans)
  #set($testplan = $testbench.getTestPlan($plan.key))
  #if($testplan)
  #set($questions = $plan.by_question.buckets)

  <h3 class="mt-4 mb-3">$testplan</h3>

  <table class="table table-sm table-bordered align-middle">
    <thead class="table-light">
      <tr>
        <th style="width: 45%;">Question</th>
        <th style="width: 10%;">Total</th>
        <th style="width: 45%;">Breakdown</th>
      </tr>
    </thead>
    <tbody>

      #foreach($q in $questions)
        #set($total = $q.doc_count)
        #set($question = $testbench.getQuestion($q.key))

        #if($question)
          <tr>

            <!-- Question Text -->
            <td class="fw-semibold">
              $testbench.clean($question.getText(), 140)
            </td>

            <!-- Total -->
            <td class="text-center">
              <span class="badge bg-secondary fs-6">$total</span>
            </td>

            <!-- Breakdown -->
            <td>
              #set($responses = $q.by_response.buckets)

              #if($responses && $responses.size() > 0)

                #foreach($r in $responses)
                  #set($respObj = $question.getResponse($r.key))
                  #set($rcount = $r.doc_count)
                  #set($v = $mathtool.div($rcount, $total))
                  #set($pct = $testbench.getRoundedPercentage($v, 1))

                  <div class="mb-3">

                    <!-- Response label -->
                    <div class="small text-muted mb-1">
                      $testbench.clean($respObj.getText(), 120)
                    </div>

                    <!-- Progress bar with inline text -->
                    <div class="progress" style="height: 16px;">
                      <div class="progress-bar bg-primary text-start ps-2"
                           role="progressbar"
                           style="width: $pct%;"
                           aria-valuenow="$pct"
                           aria-valuemin="0"
                           aria-valuemax="100">
                        <span class="small fw-semibold">
                          $rcount ($pct%)
                        </span>
                      </div>
                    </div>

                  </div>

                #end

              #else
                <span class="text-muted fst-italic small">No responses</span>
              #end
            </td>

          </tr>
        #end

      #end

    </tbody>
  </table>
#end
#end