fbpx
loader image

Document

Step 1: What Level Are You On?

Level 1

Level 1 supports seniors with Basic care needs.

Level 2

Level 2 supports seniors with Low-level care needs.

Level 3

Level 3 supports seniors with Intermediate care needs.

Level 4

Level 4 supports seniors with High-level care needs.

Level 1

Level 1 supports seniors with Basic care needs Care Management per day Cost: $4.50 and Package Management per day cost $3.00
Allocation $0.00
Weekly Allocation $0.00
Personal Care $0.00
Domestic $0.00
In Home Respite $0.00
Individual Support $0.00
Social Support Group $0.00
Light Gardening / Lawn $0.00
Registered Nurse $0.00
Healing $0.00
Podiatrist $0.00
Physio Therapy $0.00
Occupational Therapist $0.00
Travel with a consumer $0.00
Total Weekly Cost (Approx.): $0.00
const PRICES = [ 55.0, 55.0, 55.0, 55.0, 75.0, 59.0, 99.0, 90.0, 150.0, 150.0, 150.0, 0.0, 1, ]; const PARA = [ “Level 1 supports seniors with Basic care needs.”, “Level 2 supports seniors with Low-level care needs.”, “Level 3 supports seniors with Intermediate care needs.”, “Level 4 supports seniors with High-level care needs.”, ]; const YEARLY_ALLOCATIONS = [“$10,271.10”, “$18,063.85”, “$39,310.50”, “$59,593.55”]; const WEEKLY_ALLOCATIONS = [“$197.52”, “$347.38”, “$755.97”, “$1,146.02”]; let level = 1; const CARE_MANAGEMENT_RATES = [4.5, 8.5, 18.0, 26.0]; const PACKAGE_MANAGEMENT_RATES = [3.0, 5.0, 10.0, 15.0]; function selectLevel(index) { document.querySelector(“.page__1–calc “).style.display = “none”; document.querySelector(“.page__2–calc “).style.display = “block”; level = index; document.getElementById(“selected__level”).innerHTML = “Level ” + level; document.getElementById(“caramangement_rate”).innerHTML = formatter.format( CARE_MANAGEMENT_RATES[level – 1] ); document.getElementById(“packagemanagementrate”).innerHTML = formatter.format( PACKAGE_MANAGEMENT_RATES[level – 1] ); document.getElementById(“para__dynamic”).innerHTML = PARA[level – 1]; document.getElementById(“allocations”).innerHTML = ALLOCATIONS[level – 1]; document.getElementById(“weekly__allocations”).innerHTML = WEEKLY_ALLOCATIONS[level – 1]; calculate(); if (level == 4) updateHours(); } function updateHours() { for (let x = 1; x < 12; x++) { document.getElementById(`hour-${x}`).innerHTML = ` `; } } function goBack() { window.location.reload(); document.querySelector(“.page__2–calc “).style.display = “none”; document.querySelector(“.page__1–calc “).style.display = “block”; } function calculate() { let cost = []; let initalCost_weekly_caremanagement = CARE_MANAGEMENT_RATES[level – 1] * 7; let intialCost_weekly_packagemanagement = PACKAGE_MANAGEMENT_RATES[level – 1] * 7; let total_initial_cost = initalCost_weekly_caremanagement + intialCost_weekly_packagemanagement; for (let x = 0; x < 13; x++) { let freq = document.getElementById(`frequency-${x + 1}`).value * 1; let hours = document.getElementById(`hour-${x + 1}`).value * 1; let result = document.getElementById(`res-${x + 1}`); let rate = PRICES[x]; let calculate__result = (rate / freq) * hours; result.innerHTML = formatter.format(calculate__result); cost.push(calculate__result); } let totalCost = calculateSum(cost) + total_initial_cost; let weeklyAloc = WEEKLY_ALLOCATIONS[level - 1].replace("$", "").replace(",", "") * 1; if (totalCost > weeklyAloc) { document.getElementById(“total__cost”).innerHTML = `${formatter.format( totalCost – weeklyAloc )}
Out of your pocket`; document.querySelector(“.res__value–calc”).style.background = “#fff”; document.querySelector(“.res__value–calc”).style.color = “red”; } else { document.getElementById(“total__cost”).innerHTML = formatter.format(totalCost); document.querySelector(“.res__value–calc”).style.background = “#fff”; document.querySelector(“.res__value–calc”).style.color = “#000”; } } function calculateSum(arr) { let sum = 0; for (let i = 0; i < arr.length; i++) { sum += arr[i]; } return sum; } var formatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 0, }); * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: “Roboto”, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
}
.wrapper__calc {
width: 900px;
margin: 0 auto;
}
.page__1–calc {
background-image: url(https://www.muslimcare.org.au/wp-content/uploads/2021/08/Group-1307.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
}
.heading__main–calc {
color: #064870;
display: block;
text-align: center;
font-size: 30px;
}
.level__list {
padding: 10px;
margin-top: 10px;
}
.level__box {
background-color: #ddd;
display: flex;
align-items: center;
border-radius: 50px;
margin-bottom: 10px;
cursor: pointer;
padding: 20px;
}
.level__img {
display: block;
width: 90px;
height: auto;
}
.level__img img {
display: block;
width: 100%;
height: 100%;
}
.text__box {
display: block;
width: 100%;
font-size: 16px;
margin-left: 10px;
}
.level__heading {
display: block;
color: #064870;
font-size: 19px;
font-weight: bold;
margin-bottom: 5px;
text-decoration: underline;
}
.level__text {
display: block;
font-size: 17px;
}
.page__2–calc {
display: none;
}
.header__calc {
padding: 10px;
display: grid;
grid-template-columns: 2fr 1.3fr;
}
.text__box–calc {
padding: 4px 20px;
background-color: #ededed;
display: block;
}
.heading__primary–calc {
font-size: 19px;
text-decoration: underline;
color: #215877;
}
.para__calc {
font-size: 16px;
display: block;
padding: 5px 0px;
}
.allocation__res–box {
background-color: #002060;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.allocation__text {
text-align: center;
font-size: 18px;
color: #fff;
display: block;
}
.allocation__res {
background-color: #fff;
color: #000;
display: block;
padding: 7px;
text-align: center;
font-size: 17px;
margin-top: 5px;

border-radius: 6px;
}
.container__calc {
padding: 10px;
}
.row__calc {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 15px;
grid-row-gap: 10px;
margin-bottom: 5px;
}
.label__calc {
display: block;
text-align: center;
width: 100%;
}
.combined__flex–calc {
display: grid;
grid-template-columns: 1fr 1fr;
}
.tag__calc {
width: 100%;
background-color: #002060;
color: #fff;
font-size: 17px;
border-radius: 5px;
padding: 4px;
text-align: center;
}
.input__calc {
width: 100%;
display: block;
border: 1px solid #ddd;
color: #000;
font-size: 16px;
padding: 4px;
}

.result__calc {
padding: 4px;
width: 100%;
background-color: #002060;
color: #fff;
text-align: center;
border-radius: 5px;
font-size: 17px;
}
.result__container {
background-color: #002060;
padding: 4px 40px;
border-radius: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.label__calc {
font-size: 18px;
display: block;
text-align: center;
}
.res__value–calc {
background-color: #fff;
color: #000;
padding: 4px;
text-align: center;
font-size: 18px;
width: 150px;
border-radius: 5px;
}
.eror__msg {
display: block;
font-size: 12px;
text-align: center;
}
.btn__calc {
padding: 10px;
background-color: #064870;
color: #fff;
border: 0px;
border-radius: 5px;
margin: 0px 10px;
cursor: pointer;
}
@media screen and (max-width: 900px) {
.wrapper__calc {
width: 100%;
padding: 10px;
}
}
@media screen and (max-width: 600px) {
.row__calc {
grid-template-columns: 1fr;
}
.header__calc {
grid-template-columns: 1fr;
}
.table__header {
display: none;
}
}
@media screen and (max-width: 400px) {
.level__box {
flex-direction: column;
}
}