{{ block title }}Round {{ round_number }} — Final Decision (SA){{ endblock }}
{{ block content }}

<div class="container mt-3" style="max-width: 860px;">

  <div class="alert alert-success d-flex align-items-center">
    <span class="me-2">🌱</span>
    <div>
      <strong>Sustainability Analyst — Round {{ round_number }}</strong>
      Review the Purchasing Analyst's recommendation and make the final team decision.
    </div>
  </div>

  <!-- PA Choice (only input visible to SA) -->
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-primary text-white fw-semibold">
      📋 Purchasing Analyst's Recommendation
    </div>
    <div class="card-body text-center p-4">
      <p class="text-muted small mb-1">Your partner recommends:</p>
      <div class="fs-1 fw-bold text-primary">Supplier {{ pa_choice }}</div>
      <p class="text-muted small mt-2 mb-0">
        Consider this recommendation alongside your CSR assessment below.
      </p>
    </div>
  </div>

  <!-- CSR Information -->
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-header fw-semibold bg-success text-white">
      CSR Performance Data
    </div>
    <div class="card-body p-4">

      {% if is_high %}
      <!-- HIGH TRANSPARENCY: weights + CSR score table -->
      <div class="row mb-3 text-center">
        <div class="col-4">
          <div class="border rounded p-2">
            <div class="fw-bold">Human Rights</div>
            <div class="text-success fs-5">33.3%</div>
          </div>
        </div>
        <div class="col-4">
          <div class="border rounded p-2">
            <div class="fw-bold">Local Impact</div>
            <div class="text-success fs-5">33.3%</div>
          </div>
        </div>
        <div class="col-4">
          <div class="border rounded p-2">
            <div class="fw-bold">Carbon Footprint</div>
            <div class="text-success fs-5">33.4%</div>
          </div>
        </div>
      </div>

      <h6 class="fw-semibold mb-2">Supplier CSR Score Comparison</h6>
      <div class="table-responsive mb-3">
        <table class="table table-bordered table-hover text-center table-sm">
          <thead class="table-success">
            <tr>
              <th>Supplier</th>
              <th>Human Rights <small class="fw-normal">(w=0.333)</small></th>
              <th>Local <small class="fw-normal">(w=0.333)</small></th>
              <th>Carbon <small class="fw-normal">(w=0.334)</small></th>
              <th>Weighted Score</th>
            </tr>
          </thead>
          <tbody>
            {% for row in score_rows %}
            <tr {% if row.supplier == pa_choice %}class="table-primary fw-semibold"{% endif %}>
              <td class="fw-bold">
                {{ row.supplier }}
                {% if row.supplier == pa_choice %}
                  <span class="badge bg-primary ms-1">PA ✓</span>
                {% endif %}
              </td>
              <td>{{ row.human_rights }}</td>
              <td>{{ row.local }}</td>
              <td>{{ row.carbon }}</td>
              <td>{{ row.sa_total }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      <p class="text-muted small">
        ⚠️ Higher scores are better for all CSR criteria.
        Carbon score is inverted: higher = lower carbon footprint.
      </p>

      {% else %}
      <!-- LOW TRANSPARENCY: PA choice only, no score table -->
      <p class="text-muted">
        Use your knowledge of CSR best practices to evaluate the supplier candidates.
        Your partner (Purchasing Analyst) has recommended
        <strong>Supplier {{ pa_choice }}</strong>.
      </p>
      {% endif %}
    </div>
  </div>

  <!-- SA Decision Form -->
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-header fw-semibold bg-success text-white">Final Team Decision</div>
    <div class="card-body p-4">
      <p class="text-muted mb-3">
        Considering your partner's recommendation and your own CSR assessment,
        which supplier does the team select?
      </p>
      {{ formfields }}
      <div class="alert alert-warning mt-3 mb-0">
        <strong>Note:</strong> This is the <em>team's final decision</em> for Round {{ round_number }}.
      </div>
      <div class="text-end mt-3">{{ next_button }}</div>
    </div>
  </div>

</div>
{{ endblock }}