@* ~/Views/Components/CanvassMgmt/CanvassingTabPage/Completed.cshtml
   Tab 4 — Completed
   Rendered by CanvassingTabPageViewComponent (id = 4, default).
   Wire up your endpoint + card builder here following the same pattern as ForCanvass.cshtml.
*@

<div class="cv-placeholder">
    <i class="fas fa-check-circle"></i>
    <h3>Completed</h3>
    <p>Wire up your endpoint and card builder here — follow the same pattern as ForCanvass.cshtml.</p>
</div>

@*
  ── PATTERN TO FOLLOW ──────────────────────────────────────────────────────
  1. Copy the filter bar + grid + pagination HTML from ForCanvass.cshtml.
  2. Change all id prefixes from "fc-" to "co-" to avoid DOM conflicts.
  3. In the <script> block change the fetch URL to your completed endpoint.
  4. Customise the card footer (e.g. View Summary / Download PDF).

  Example footer for this tab:
      H.buildCardHtml(item, i => `
          <button class="cv-btn cv-btn-primary btn-summary" data-id="${i.supplierId}">
              <i class="fas fa-file-contract"></i> View Summary
          </button>`)
*@