<!-- KPI Reporting Section -->
<div class="permission-section mb-3">
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
      <h5 class="mb-0">KPI Reporting</h5>
      <div class="form-check">
        <input class="form-check-input" type="checkbox" id="kpiReportingCheck" disabled>
      </div>
    </div>
    <div class="card-body">
      <div class="mb-3">
        <div class="ps-3 mb-2 fw-bold">Pre-verified Report</div>
        <div class="ps-4">
          <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" id="viewReport" disabled>
            <label class="form-check-label" for="viewReport">View Report(s)</label>
          </div>
          <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" id="addKpiEntries" disabled>
            <label class="form-check-label" for="addKpiEntries">Add KPI Entries</label>
          </div>
          <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" id="deleteReport" disabled>
            <label class="form-check-label" for="deleteReport">Delete Report(s) with role(s)</label>
          </div>
          <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" id="approveReport" disabled>
            <label class="form-check-label" for="approveReport">Approve Report</label>
          </div>
          <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" id="printReport" disabled>
            <label class="form-check-label" for="printReport">Print Report</label>
          </div>
          <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" id="exportReport" disabled>
            <label class="form-check-label" for="exportReport">Export Report</label>  
          </div>
          <div class="form-check mb-2">
            <input class="form-check-input" type="checkbox" id="exportUnique" disabled>
            <label class="form-check-label" for="exportUnique">Export Unique Report</label>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>