<fieldset class="border rounded px-3">
  <legend class="float-none w-auto px-2 fs-6">Scoring Bands (match first ≥ Threshold %)</legend>
  <div class="table-responsive mb-2">
    <table class="table table-sm align-middle pb-0 mb-0" id="bandsTable">
      <thead>
        <tr>
          <th style="width: 180px">Threshold % (≥)</th>
          <th style="width: 140px">Points</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <!-- Pre-fill your example bands -->
        <tr>
          <td><input type="number" class="form-control band-threshold" value="" min="0" max="100" step="0.01"></td>
          <td><input type="number" class="form-control band-points" value="" min="0" step="1"></td>
        </tr>
        <tr>
          <td><input type="number" class="form-control band-threshold" value="" min="0" max="100" step="0.01"></td>
          <td><input type="number" class="form-control band-points" value="" min="0" step="1"></td>
        </tr>
        <tr>
          <td><input type="number" class="form-control band-threshold" value="" min="0" max="100" step="0.01"></td>
          <td><input type="number" class="form-control band-points" value="" min="0" step="1"></td>
        </tr>
        <tr>
          <td><input type="number" class="form-control band-threshold" value="" min="0" max="100" step="0.01"></td>
          <td><input type="number" class="form-control band-points" value="" min="0" step="1"></td>
        </tr>
        <tr>
          <td><input type="number" class="form-control band-threshold" value="" min="0" max="100" step="0.01"></td>
          <td><input type="number" class="form-control band-points" value="" min="0" step="1"></td>
        </tr>
      </tbody>
    </table>
  </div>
</fieldset><?php /**PATH /home/dojotech/public_html/lopmetrics.dojotechsolutions.com/resources/views/programmes/partials/bands.blade.php ENDPATH**/ ?>