Ihss Timesheet Calculator

:root {
–primary-color: #004a99;
–success-color: #28a745;
–background-color: #f8f9fa;
–text-color: #333;
–border-color: #ddd;
–card-background: #fff;
–shadow: 0 2px 5px rgba(0,0,0,0.1);
}
body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
background-color: var(–background-color);
color: var(–text-color);
line-height: 1.6;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 20px;
padding-bottom: 40px;
}
.container {
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 20px;
background-color: var(–card-background);
border-radius: 8px;
box-shadow: var(–shadow);
box-sizing: border-box;
}
h1, h2, h3 {
color: var(–primary-color);
text-align: center;
margin-bottom: 20px;
}
h1 {
font-size: 2.2em;
margin-bottom: 30px;
}
h2 {
font-size: 1.8em;
border-bottom: 2px solid var(–primary-color);
padding-bottom: 10px;
margin-top: 40px;
}
h3 {
font-size: 1.4em;
margin-top: 30px;
margin-bottom: 15px;
}
.calculator-section {
background-color: var(–card-background);
padding: 30px;
border-radius: 8px;
box-shadow: var(–shadow);
margin-bottom: 30px;
}
.loan-calc-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.input-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.input-group label {
font-weight: bold;
color: var(–primary-color);
}
.input-group input[type=”number”],
.input-group input[type=”time”],
.input-group select {
padding: 12px;
border: 1px solid var(–border-color);
border-radius: 5px;
font-size: 1em;
box-sizing: border-box;
width: 100%;
}
.input-group input[type=”number”]:focus,
.input-group input[type=”time”]:focus,
.input-group select:focus {
outline: none;
border-color: var(–primary-color);
box-shadow: 0 0 0 2px rgba(0, 74, 153, 0.2);
}
.input-group .helper-text {
font-size: 0.85em;
color: #666;
}
.error-message {
color: #dc3545;
font-size: 0.85em;
margin-top: 5px;
display: none; /* Hidden by default */
}
.button-group {
display: flex;
gap: 15px;
margin-top: 25px;
flex-wrap: wrap;
}
button {
padding: 12px 25px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
font-weight: bold;
transition: background-color 0.3s ease, transform 0.2s ease;
flex-grow: 1;
min-width: 150px;
}
button.primary {
background-color: var(–primary-color);
color: white;
}
button.primary:hover {
background-color: #003366;
transform: translateY(-1px);
}
button.secondary {
background-color: #6c757d;
color: white;
}
button.secondary:hover {
background-color: #5a6268;
transform: translateY(-1px);
}
button.reset {
background-color: #ffc107;
color: #212529;
}
button.reset:hover {
background-color: #e0a800;
transform: translateY(-1px);
}
#results {
background-color: var(–primary-color);
color: white;
padding: 25px;
border-radius: 8px;
margin-top: 30px;
box-shadow: var(–shadow);
text-align: center;
}
#results h3 {
color: white;
margin-bottom: 15px;
}
#results .main-result {
font-size: 2.5em;
font-weight: bold;
margin-bottom: 10px;
color: #fff;
}
#results .intermediate-values div {
margin-bottom: 8px;
font-size: 1.1em;
}
#results .formula-explanation {
font-size: 0.9em;
margin-top: 15px;
opacity: 0.8;
}
.table-container {
overflow-x: auto;
margin-top: 30px;
border: 1px solid var(–border-color);
border-radius: 5px;
box-shadow: var(–shadow);
}
table {
width: 100%;
border-collapse: collapse;
min-width: 600px; /* Ensures horizontal scroll on mobile */
}
caption {
font-size: 1.2em;
font-weight: bold;
color: var(–primary-color);
margin-bottom: 15px;
text-align: left;
padding: 10px 0;
}
th, td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid var(–border-color);
}
thead th {
background-color: var(–primary-color);
color: white;
font-weight: bold;
}
tbody tr:nth-child(even) {
background-color: #f2f2f2;
}
tbody tr:hover {
background-color: #e9ecef;
}
.chart-container {
width: 100%;
max-width: 100%;
margin-top: 30px;
background-color: var(–card-background);
padding: 20px;
border-radius: 8px;
box-shadow: var(–shadow);
text-align: center;
}
canvas {
max-width: 100%;
height: auto;
}
.article-content {
margin-top: 40px;
background-color: var(–card-background);
padding: 30px;
border-radius: 8px;
box-shadow: var(–shadow);
}
.article-content p, .article-content ul, .article-content ol {
margin-bottom: 15px;
}
.article-content ul, .article-content ol {
padding-left: 25px;
}
.article-content li {
margin-bottom: 8px;
}
.article-content a {
color: var(–primary-color);
text-decoration: none;
}
.article-content a:hover {
text-decoration: underline;
}
.faq-section {
margin-top: 30px;
background-color: var(–card-background);
padding: 30px;
border-radius: 8px;
box-shadow: var(–shadow);
}
.faq-item {
margin-bottom: 20px;
border-bottom: 1px dashed var(–border-color);
padding-bottom: 15px;
}
.faq-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.faq-question {
font-weight: bold;
color: var(–primary-color);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-question::after {
content: ‘+’;
font-size: 1.2em;
transition: transform 0.3s ease;
}
.faq-question.active::after {
transform: rotate(45deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
margin-top: 10px;
padding-left: 10px;
font-size: 0.95em;
}
.related-tools {
margin-top: 30px;
background-color: var(–card-background);
padding: 30px;
border-radius: 8px;
box-shadow: var(–shadow);
}
.related-tools ul {
list-style: none;
padding: 0;
}
.related-tools li {
margin-bottom: 15px;
}
.related-tools a {
font-weight: bold;
}
.related-tools p {
font-size: 0.9em;
color: #555;
margin-top: 5px;
}
.tooltip {
position: relative;
display: inline-block;
cursor: help;
border-bottom: 1px dotted var(–primary-color);
}
.tooltip .tooltiptext {
visibility: hidden;
width: 220px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 10px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -110px;
opacity: 0;
transition: opacity 0.3s;
font-size: 0.85em;
line-height: 1.4;
}
.tooltip .tooltiptext::after {
content: “”;
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
@media (max-width: 768px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.5em;
}
button {
min-width: 100%;
}
.container {
padding: 15px;
}
.calculator-section, .article-content, .faq-section, .related-tools {
padding: 20px;
}
#results .main-result {
font-size: 2em;
}
}

Accurately calculate your IHSS hours, overtime, and estimated pay for In-Home Supportive Services.

IHSS Timesheet Calculator

Your Estimated IHSS Pay

Total Regular Hours: 0

Total Overtime Hours: 0

Regular Pay: $0.00

Overtime Pay: $0.00

Gross Pay: $0.00

Total Regular Hours = Regular Hours per Day * Number of Days Worked
Total Overtime Hours = Overtime Hours per Day * Number of Days Worked
Regular Pay = Total Regular Hours * Regular Hourly Rate
Overtime Pay = Total Overtime Hours * Overtime Hourly Rate
Gross Pay = Regular Pay + Overtime Pay

IHSS Timesheet Data

Daily Breakdown

Day	Regular Hours	Overtime Hours	Regular Pay	Overtime Pay

What is an IHSS Timesheet Calculator?

An IHSS Timesheet Calculator is a specialized online tool designed to help In-Home Supportive Services (IHSS) providers and recipients accurately calculate the total hours worked, overtime hours, and estimated gross pay for a given pay period. IHSS is a vital program in California that provides assistance to low-income individuals and families with disabilities and the elderly, enabling them to live safely in their own homes. Caregivers who provide these services rely on accurate timesheets to ensure they are compensated correctly for their work. This calculator simplifies the process of tracking and verifying hours, especially when dealing with complex schedules or overtime.

Who should use it:

• IHSS Caregivers/Providers: To ensure their timesheets are accurate and to estimate their upcoming paychecks.
• IHSS Recipients/Consumers: To verify the hours submitted by their caregivers and manage their program budget.
• Social Workers and Case Managers: As a reference tool when discussing pay and hours with providers and recipients.

Common Misconceptions:

• “It’s just simple addition”: While the basic concept is adding hours, IHSS has specific rules regarding overtime, maximum hours, and documentation that can make manual calculation prone to errors. This calculator accounts for these complexities.
• “My agency handles all calculations”: While agencies process payments, IHSS providers are ultimately responsible for submitting accurate timesheets. Using a calculator helps in self-verification.
• “It predicts net pay”: This calculator typically estimates gross pay. Net pay depends on various deductions (taxes, etc.) which vary individually and are not factored into this tool.

IHSS Timesheet Calculator Formula and Mathematical Explanation

The IHSS Timesheet Calculator uses a straightforward, yet comprehensive, set of formulas to determine the estimated pay. It breaks down the calculation into daily and then total pay, considering both regular and overtime hours.

The core logic involves:

1. Calculating total regular hours worked across all days.
2. Calculating total overtime hours worked across all days.
3. Calculating the pay earned from regular hours.
4. Calculating the pay earned from overtime hours.
5. Summing regular and overtime pay to get the gross pay.

Formulas Used:

Total Regular Hours = Regular Hours per Day × Number of Days Worked

Total Overtime Hours = Overtime Hours per Day × Number of Days Worked

Regular Pay = Total Regular Hours × Regular Hourly Rate

Overtime Pay = Total Overtime Hours × Overtime Hourly Rate

Gross Pay = Regular Pay + Overtime Pay

Variable Explanations:

Variable	Meaning	Unit	Typical Range
Regular Hours per Day	The number of standard, non-overtime hours worked on a single day.	Hours	0 – 12 (Varies by IHSS authorization)
Overtime Hours per Day	The number of hours worked beyond the regular daily limit, subject to IHSS overtime regulations.	Hours	0 – 4 (Varies by IHSS authorization and state regulations)
Number of Days Worked	The total count of days the caregiver provided services within the pay period.	Days	1 – 31
Regular Hourly Rate	The base wage paid per hour for regular working hours.	Currency ($)	$15.00 – $25.00+ (Varies by county and contract)
Overtime Hourly Rate	The wage paid per hour for overtime work, typically a premium rate (e.g., 1.5x the regular rate).	Currency ($)	$22.50 – $37.50+ (Typically 1.5x Regular Rate)
Total Regular Hours	The cumulative sum of all regular hours worked over the specified days.	Hours	0+
Total Overtime Hours	The cumulative sum of all overtime hours worked over the specified days.	Hours	0+
Regular Pay	The total earnings from regular working hours.	Currency ($)	$0.00+
Overtime Pay	The total earnings from overtime working hours.	Currency ($)	$0.00+
Gross Pay	The total earnings before any deductions (taxes, etc.).	Currency ($)	$0.00+

Practical Examples (Real-World Use Cases)

Let’s illustrate how the IHSS Timesheet Calculator works with practical scenarios:

Example 1: Standard Work Week

Maria is an IHSS provider working 5 days a week for a client. Her authorized hours are 8 regular hours per day. Her county’s regular hourly rate is $16.00, and the overtime rate is $24.00 (1.5x). She works exactly 8 hours each day for 5 days.

• Inputs:
  • Regular Hours (per day): 8
  • Overtime Hours (per day): 0
  • Number of Days Worked: 5
  • Regular Hourly Rate: $16.00
  • Overtime Hourly Rate: $24.00
• Calculations:
  • Total Regular Hours = 8 hours/day * 5 days = 40 hours
  • Total Overtime Hours = 0 hours/day * 5 days = 0 hours
  • Regular Pay = 40 hours * $16.00/hour = $640.00
  • Overtime Pay = 0 hours * $24.00/hour = $0.00
  • Gross Pay = $640.00 + $0.00 = $640.00
• Result: Maria’s estimated gross pay for the week is $640.00.

Example 2: Week with Overtime

John provides IHSS services 4 days a week. His authorized hours allow for 6 regular hours and up to 2 overtime hours per day. His regular rate is $17.50, and his overtime rate is $26.25. In a particular week, he worked 6 regular hours and 2 overtime hours on each of the 4 days.

• Inputs:
  • Regular Hours (per day): 6
  • Overtime Hours (per day): 2
  • Number of Days Worked: 4
  • Regular Hourly Rate: $17.50
  • Overtime Hourly Rate: $26.25
• Calculations:
  • Total Regular Hours = 6 hours/day * 4 days = 24 hours
  • Total Overtime Hours = 2 hours/day * 4 days = 8 hours
  • Regular Pay = 24 hours * $17.50/hour = $420.00
  • Overtime Pay = 8 hours * $26.25/hour = $210.00
  • Gross Pay = $420.00 + $210.00 = $630.00
• Result: John’s estimated gross pay for the week is $630.00. This includes earnings from both regular and overtime hours.

How to Use This IHSS Timesheet Calculator

Using the IHSS Timesheet Calculator is simple and designed for quick, accurate results. Follow these steps:

1. Enter Daily Hours: Input the number of Regular Hours Worked (per day) and Overtime Hours Worked (per day). Be precise, using decimals for partial hours (e.g., 7.5 for seven and a half hours).
2. Specify Days Worked: Enter the total Number of Days Worked during the pay period you are calculating.
3. Input Hourly Rates: Enter your Regular Hourly Rate and your Overtime Hourly Rate. Ensure these rates are accurate according to your IHSS agreement or county guidelines.
4. Calculate: Click the “Calculate Pay” button.

How to Read Results:

• Main Result (Gross Pay): This is the most prominent figure, showing your total estimated earnings before any deductions.
• Intermediate Values: These provide a breakdown:
  • Total Regular Hours: The sum of all standard hours.
  • Total Overtime Hours: The sum of all hours worked beyond the regular daily limit.
  • Regular Pay: Earnings from regular hours.
  • Overtime Pay: Earnings from overtime hours.
• Timesheet Data Table: This table offers a day-by-day view of your calculated pay components, useful for detailed verification.
• Pay Distribution Chart: This visual representation helps you quickly see the proportion of your earnings coming from regular versus overtime hours.

Decision-Making Guidance:

• Verify Accuracy: Compare the calculator’s output with your own records and the official timesheet you submit.
• Budgeting: Use the estimated gross pay to plan your finances for the upcoming pay period.
• Overtime Planning: Understand how overtime impacts your earnings and ensure you are adhering to IHSS regulations regarding maximum allowable overtime hours. Consult IHSS overtime rules for specifics.
• Rate Confirmation: Double-check that your entered hourly rates match your official pay rate.

Key Factors That Affect IHSS Results

Several factors significantly influence the accuracy and outcome of your IHSS timesheet calculations:

1. Authorized Hours: The IHSS program assigns specific authorized hours for care per recipient. Working beyond these authorized hours, even if paid as overtime, must align with program rules and recipient needs. Exceeding authorized hours without proper justification can lead to issues.
2. Overtime Regulations: IHSS has strict rules about overtime. Generally, overtime is limited to a certain number of hours per day and per week, and it must be authorized. Understanding these IHSS overtime rules is crucial for accurate calculation and compliance.
3. Hourly Rates: The regular and overtime hourly rates are determined by the IHSS program, often varying by county or specific provider contracts. Incorrect rates entered into the calculator will lead to inaccurate pay estimations.
4. Accuracy of Input Data: The calculator’s output is only as good as the input. Errors in entering hours worked (regular or overtime), the number of days, or the rates will directly result in incorrect calculations. Meticulous record-keeping is essential.
5. Pay Period Timing: IHSS timesheets are typically submitted bi-weekly. Ensure you are calculating for the correct pay period and that all days worked within that period are accounted for.
6. Deductions and Taxes: This calculator estimates gross pay only. Actual take-home pay (net pay) will be lower due to mandatory deductions such as federal and state income taxes, Social Security, and Medicare. These deductions vary based on individual tax situations and withholdings.
7. Provider Contracts and County Variations: Pay rates, overtime policies, and specific IHSS program rules can differ significantly between California counties. Always refer to your specific county’s IHSS guidelines or your provider contract for the most accurate information.
8. Unpaid Time/Breaks: Ensure that the hours entered reflect actual working time. Authorized breaks may or may not be paid depending on specific IHSS policies and employment laws.

Frequently Asked Questions (FAQ)

What is the maximum number of IHSS hours allowed per day?

The maximum number of IHSS hours allowed per day can vary based on the recipient’s authorized services and specific program guidelines. Generally, it includes regular hours plus potential overtime hours. It’s crucial to check the recipient’s IHSS Plan of Care and consult IHSS guidelines for the exact limits applicable to your situation. Exceeding authorized hours may require specific justification and approval.

How is IHSS overtime calculated?

IHSS overtime is typically calculated at 1.5 times the regular hourly rate. However, there are strict limits on how much overtime can be worked per day and per week to ensure caregiver well-being and program integrity. Always verify the specific overtime rate and hour limitations with your county’s IHSS office or official program documentation.

Can I work more than 8 hours a day for IHSS?

Yes, you may be able to work more than 8 hours a day, but it often falls under overtime rules and is subject to specific IHSS regulations and the recipient’s authorized needs. The total hours worked (regular + overtime) cannot exceed certain limits, which vary by county and individual case. It’s essential to follow IHSS overtime policies.

What happens if I submit an incorrect timesheet?

Submitting an incorrect timesheet can lead to payment delays or errors. If you realize you made a mistake, contact your IHSS county office or the relevant payroll service immediately to understand the process for correcting it. It’s best practice to use tools like this IHSS timesheet calculator to verify your entries before submission.

Does the calculator include taxes or deductions?

No, this IHSS Timesheet Calculator estimates gross pay only. It does not account for taxes (federal, state, local), Social Security, Medicare, or any other potential deductions. Your net pay (take-home pay) will be less than the calculated gross pay.

How often are IHSS providers paid?

IHSS providers are typically paid on a bi-weekly basis. Timesheets are usually due shortly after the end of the pay period, and payment is processed following submission and verification. Check with your specific county IHSS office for their exact payroll schedule.

What is the difference between regular and overtime pay in IHSS?

Regular pay is earned for standard working hours within the daily limit set by IHSS. Overtime pay is earned for hours worked beyond the regular daily limit and is usually compensated at a higher rate (typically 1.5 times the regular rate), subject to specific IHSS regulations on maximum overtime hours.

Can I use this calculator for other home care services?

This calculator is specifically designed for the IHSS program in California, considering its unique structure and potential overtime rules. While the basic principles of calculating hours and pay are similar for other caregiving roles, specific rates, overtime policies, and program regulations may differ significantly. For other services, you might need a different, specialized calculator.

Where can I find official IHSS overtime rules?

Official IHSS overtime rules and regulations are best obtained directly from the California Department of Social Services (CDSS) website or your local county IHSS office. These rules can be complex and may be updated periodically. Always refer to the most current official documentation for compliance.

Related Tools and Internal Resources

• California Department of Social Services – IHSS

  Official information and resources for the IHSS program directly from the state agency.

• IHSS Provider Handbook

  A comprehensive guide for IHSS providers covering rights, responsibilities, and program details.

• IHSS Maximum Hours Calculator

  A tool to help determine if your reported hours comply with daily and weekly IHSS limits.

• Estimated Tax Withholding Calculator

  Helps estimate potential tax deductions from your gross pay.

• Personal Budgeting Planner

  A tool to help manage your income, including IHSS earnings, effectively.

• IHSS Provider Legal Rights Overview

  Information regarding the rights and protections afforded to IHSS providers.

var chartInstance = null; // Global variable to hold chart instance

function getElement(id) {
return document.getElementById(id);
}

function validateInput(value, id, min, max, isDecimal) {
var errorElement = getElement(id + ‘Error’);
errorElement.style.display = ‘none’;
errorElement.textContent = ”;

if (value === ”) {
errorElement.textContent = ‘This field cannot be empty.’;
errorElement.style.display = ‘block’;
return false;
}

var numValue = parseFloat(value);

if (isNaN(numValue)) {
errorElement.textContent = ‘Please enter a valid number.’;
errorElement.style.display = ‘block’;
return false;
}

if (isDecimal && value.includes(‘.’) && value.split(‘.’)[1].length > 1) {
errorElement.textContent = ‘Use up to one decimal place (e.g., 7.5).’;
errorElement.style.display = ‘block’;
return false;
}

if (min !== null && numValue max) {
errorElement.textContent = ‘Value exceeds maximum limit.’;
errorElement.style.display = ‘block’;
return false;
}
return true;
}

function calculateIHSS() {
var regularHoursPerDay = getElement(‘regularHours’).value;
var overtimeHoursPerDay = getElement(‘overtimeHours’).value;
var daysWorked = getElement(‘daysWorked’).value;
var regularRate = getElement(‘regularRate’).value;
var overtimeRate = getElement(‘overtimeRate’).value;

var isValid = true;

// Validate inputs
if (!validateInput(regularHoursPerDay, ‘regularHours’, 0, null, true)) isValid = false;
if (!validateInput(overtimeHoursPerDay, ‘overtimeHours’, 0, null, true)) isValid = false;
if (!validateInput(daysWorked, ‘daysWorked’, 1, 31, false)) isValid = false;
if (!validateInput(regularRate, ‘regularRate’, 0, null, false)) isValid = false;
if (!validateInput(overtimeRate, ‘overtimeRate’, 0, null, false)) isValid = false;

if (!isValid) {
// Clear results if validation fails
getElement(‘mainResult’).textContent = ‘$0.00’;
getElement(‘totalRegularHours’).textContent = ‘Total Regular Hours: 0’;
getElement(‘totalOvertimeHours’).textContent = ‘Total Overtime Hours: 0’;
getElement(‘totalRegularPay’).textContent = ‘Regular Pay: $0.00’;
getElement(‘totalOvertimePay’).textContent = ‘Overtime Pay: $0.00’;
getElement(‘grossPay’).textContent = ‘Gross Pay: $0.00’;
getElement(‘timesheetTableBody’).innerHTML = ”; // Clear table
if (chartInstance) {
chartInstance.destroy(); // Destroy previous chart
chartInstance = null;
}
return;
}

var numRegularHoursPerDay = parseFloat(regularHoursPerDay);
var numOvertimeHoursPerDay = parseFloat(overtimeHoursPerDay);
var numDaysWorked = parseInt(daysWorked);
var numRegularRate = parseFloat(regularRate);
var numOvertimeRate = parseFloat(overtimeRate);

var totalRegularHours = numRegularHoursPerDay * numDaysWorked;
var totalOvertimeHours = numOvertimeHoursPerDay * numDaysWorked;
var totalRegularPay = totalRegularHours * numRegularRate;
var totalOvertimePay = totalOvertimeHours * numOvertimeRate;
var grossPay = totalRegularPay + totalOvertimePay;

// Format currency
var formatCurrency = function(amount) {
return ‘$’ + amount.toFixed(2);
};

getElement(‘mainResult’).textContent = formatCurrency(grossPay);
getElement(‘totalRegularHours’).textContent = ‘Total Regular Hours: ‘ + totalRegularHours.toFixed(1);
getElement(‘totalOvertimeHours’).textContent = ‘Total Overtime Hours: ‘ + totalOvertimeHours.toFixed(1);
getElement(‘totalRegularPay’).textContent = ‘Regular Pay: ‘ + formatCurrency(totalRegularPay);
getElement(‘totalOvertimePay’).textContent = ‘Overtime Pay: ‘ + formatCurrency(totalOvertimePay);
getElement(‘grossPay’).textContent = ‘Gross Pay: ‘ + formatCurrency(grossPay);

// Update Table
updateTimesheetTable(numRegularHoursPerDay, numOvertimeHoursPerDay, numRegularRate, numOvertimeRate, numDaysWorked, formatCurrency);

// Update Chart
updateChart(totalRegularPay, totalOvertimePay);
}

function updateTimesheetTable(regHoursPerDay, otHoursPerDay, regRate, otRate, days, formatter) {
var tableBody = getElement(‘timesheetTableBody’);
tableBody.innerHTML = ”; // Clear existing rows

for (var i = 1; i <= days; i++) {
var dailyRegHours = regHoursPerDay;
var dailyOtHours = otHoursPerDay;
var dailyRegPay = dailyRegHours * regRate;
var dailyOtPay = dailyOtHours * otRate;

var row = tableBody.insertRow();
row.insertCell(0).textContent = 'Day ' + i;
row.insertCell(1).textContent = dailyRegHours.toFixed(1);
row.insertCell(2).textContent = dailyOtHours.toFixed(1);
row.insertCell(3).textContent = formatter(dailyRegPay);
row.insertCell(4).textContent = formatter(dailyOtPay);
}
}

function updateChart(regularPay, overtimePay) {
var ctx = getElement('payDistributionChart').getContext('2d');

// Destroy previous chart if it exists
if (chartInstance) {
chartInstance.destroy();
}

chartInstance = new Chart(ctx, {
type: 'pie',
data: {
labels: ['Regular Pay', 'Overtime Pay'],
datasets: [{
label: 'Pay Distribution',
data: [regularPay, overtimePay],
backgroundColor: [
'rgba(0, 74, 153, 0.7)', // Primary color for Regular Pay
'rgba(40, 167, 69, 0.7)' // Success color for Overtime Pay
],
borderColor: [
'rgba(0, 74, 153, 1)',
'rgba(40, 167, 69, 1)'
],
borderWidth: 1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'top',
},
title: {
display: true,
text: 'Distribution of Gross Pay'
}
}
}
});
}

function resetForm() {
getElement('regularHours').value = '8';
getElement('overtimeHours').value = '0';
getElement('daysWorked').value = '5';
getElement('regularRate').value = '16.00';
getElement('overtimeRate').value = '24.00';

// Clear error messages
var errorElements = document.querySelectorAll('.error-message');
for (var i = 0; i < errorElements.length; i++) {
errorElements[i].style.display = 'none';
errorElements[i].textContent = '';
}

calculateIHSS(); // Recalculate with default values
}

function copyResults() {
var mainResult = getElement('mainResult').textContent;
var totalRegularHours = getElement('totalRegularHours').textContent;
var totalOvertimeHours = getElement('totalOvertimeHours').textContent;
var totalRegularPay = getElement('totalRegularPay').textContent;
var totalOvertimePay = getElement('totalOvertimePay').textContent;
var grossPay = getElement('grossPay').textContent;

var assumptions = "Key Assumptions:\n";
assumptions += "- Regular Hourly Rate: $" + getElement('regularRate').value + "\n";
assumptions += "- Overtime Hourly Rate: $" + getElement('overtimeRate').value + "\n";
assumptions += "- Regular Hours/Day: " + getElement('regularHours').value + "\n";
assumptions += "- Overtime Hours/Day: " + getElement('overtimeHours').value + "\n";
assumptions += "- Days Worked: " + getElement('daysWorked').value + "\n";

var textToCopy = "IHSS Timesheet Calculation Results:\n\n";
textToCopy += "Gross Pay: " + mainResult + "\n";
textToCopy += totalRegularHours + "\n";
textToCopy += totalOvertimeHours + "\n";
textToCopy += totalRegularPay + "\n";
textToCopy += totalOvertimePay + "\n\n";
textToCopy += assumptions;

// Use a temporary textarea to copy text
var textArea = document.createElement("textarea");
textArea.value = textToCopy;
textArea.style.position = "fixed"; // Avoid scrolling to bottom of page
textArea.style.opacity = "0";
document.body.appendChild(textArea);
textArea.focus();
textArea.select();

try {
var successful = document.execCommand('copy');
var msg = successful ? 'Results copied!' : 'Copying failed';
// Optionally show a temporary message to the user
console.log(msg);
} catch (err) {
console.log('Oops, unable to copy');
}

document.body.removeChild(textArea);
}

// Initialize chart library (simple pie chart)
// In a real-world scenario, you'd include Chart.js library
// For this self-contained example, we'll simulate its presence
// NOTE: This is a placeholder. A real implementation requires Chart.js library.
var Chart = window.Chart || function() {
console.warn("Chart.js library not found. Chart will not render.");
return {
destroy: function() { console.log("Placeholder destroy called."); }
};
};

// Initial calculation on page load with default values
document.addEventListener('DOMContentLoaded', function() {
resetForm(); // Sets default values and performs initial calculation
// Add event listeners for FAQ toggles
var faqQuestions = document.querySelectorAll('.faq-question');
faqQuestions.forEach(function(question) {
question.addEventListener('click', function() {
this.classList.toggle('active');
var answer = this.nextElementSibling;
if (this.classList.contains('active')) {
answer.style.maxHeight = answer.scrollHeight + "px";
} else {
answer.style.maxHeight = "0";
}
});
});
});