<section class="project-form-shell">
  <div class="admin-header">
    <h1>HR Settings</h1>
  </div>

  <form method="POST" action="/admin/hr/settings">
    <div class="form-grid">
      <div class="form-main">

        <div class="form-section">
          <h3 class="form-section-title">Modules</h3>
          <p class="hint">Both ship fully built but off by default - turn them on once there's a team large enough to need them.</p>
          <label style="display:flex; align-items:center; gap:0.5rem; font-weight:400;">
            <input type="checkbox" name="payrollEnabled" style="width:auto;" <%= hrSettings.payrollEnabled ? 'checked' : '' %>>
            Payroll
          </label>
          <label style="display:flex; align-items:center; gap:0.5rem; font-weight:400;">
            <input type="checkbox" name="attendanceEnabled" style="width:auto;" <%= hrSettings.attendanceEnabled ? 'checked' : '' %>>
            Attendance / clock in-out
          </label>
        </div>

        <div class="form-section">
          <h3 class="form-section-title">PAYE bands (monthly, KES)</h3>
          <p class="hint">Graduated tax bands. Confirm these against current KRA guidance before running real payroll - rates change by legislation, not by code update.</p>
          <label>Band 1 limit / rate (%)
            <div style="display:flex; gap:0.5rem;">
              <input type="number" step="0.01" name="payeBand1Limit" value="<%= hrSettings.payeBand1Limit %>" required>
              <input type="number" step="0.01" name="payeBand1Rate" value="<%= hrSettings.payeBand1Rate %>" required>
            </div>
          </label>
          <label>Band 2 limit / rate (%)
            <div style="display:flex; gap:0.5rem;">
              <input type="number" step="0.01" name="payeBand2Limit" value="<%= hrSettings.payeBand2Limit %>" required>
              <input type="number" step="0.01" name="payeBand2Rate" value="<%= hrSettings.payeBand2Rate %>" required>
            </div>
          </label>
          <label>Band 3 limit / rate (%)
            <div style="display:flex; gap:0.5rem;">
              <input type="number" step="0.01" name="payeBand3Limit" value="<%= hrSettings.payeBand3Limit %>" required>
              <input type="number" step="0.01" name="payeBand3Rate" value="<%= hrSettings.payeBand3Rate %>" required>
            </div>
          </label>
          <label>Band 4 limit / rate (%)
            <div style="display:flex; gap:0.5rem;">
              <input type="number" step="0.01" name="payeBand4Limit" value="<%= hrSettings.payeBand4Limit %>" required>
              <input type="number" step="0.01" name="payeBand4Rate" value="<%= hrSettings.payeBand4Rate %>" required>
            </div>
          </label>
          <label>Top rate (%) <span class="hint">(applies above Band 4's limit)</span>
            <input type="number" step="0.01" name="payeTopRate" value="<%= hrSettings.payeTopRate %>" required>
          </label>
          <label>Personal relief (KES/month)
            <input type="number" step="0.01" name="payePersonalRelief" value="<%= hrSettings.payePersonalRelief %>" required>
          </label>
        </div>

        <div class="form-section">
          <h3 class="form-section-title">NSSF</h3>
          <label>Lower limit (KES)
            <input type="number" step="0.01" name="nssfLowerLimit" value="<%= hrSettings.nssfLowerLimit %>" required>
          </label>
          <label>Upper limit (KES)
            <input type="number" step="0.01" name="nssfUpperLimit" value="<%= hrSettings.nssfUpperLimit %>" required>
          </label>
          <label>Rate (%)
            <input type="number" step="0.01" name="nssfRate" value="<%= hrSettings.nssfRate %>" required>
          </label>
        </div>

        <div class="form-section">
          <h3 class="form-section-title">SHIF</h3>
          <label>Rate (% of gross)
            <input type="number" step="0.01" name="shifRate" value="<%= hrSettings.shifRate %>" required>
          </label>
          <label>Minimum (KES)
            <input type="number" step="0.01" name="shifMinimum" value="<%= hrSettings.shifMinimum %>" required>
          </label>
        </div>

        <div class="form-section">
          <h3 class="form-section-title">Affordable Housing Levy</h3>
          <label>Rate (% of gross)
            <input type="number" step="0.01" name="housingLevyRate" value="<%= hrSettings.housingLevyRate %>" required>
          </label>
        </div>

      </div>
      <div class="form-sidebar">
        <div class="form-section">
          <button type="submit" class="button button-primary form-save-button">Save settings</button>
        </div>
      </div>
    </div>
  </form>
</section>
