@worksafevictoria/wcl7.5 1.18.1-beta.1 → 1.19.0-beta.6

package/src/components/Paragraphs/RTWPlanner/Planners/index.vue

@@ -2,61 +2,92 @@
 import { computed, ref, onMounted } from 'vue'
 import { BCard, BCardBody, BBadge, BModal } from 'bootstrap-vue-next'
 import CtaButton from './../../../SubComponents/CtaButton/index.vue'
+import Loading from './../../../SubComponents/Loading/index.vue'
 import PlannerNameModal from './PlannerNameModal.vue'
 import PlanTasks from './PlanTasks.vue'
+import { getPlanners, savePlanners } from './PlannersStorage.js'
 import PlusCircleIcon from './../icons/PlusCircleIcon.vue'
 import TickCircleIcon from './../icons/TickCircleIcon.vue'
 import DeleteIcon from './../icons/DeleteIcon.vue'
+import { plannerTasks } from './../Constants.js'
 
-const currentPlannerId = ref(null)
-const planners = ref([])
-const tasks = ref([])
+/* -----------------------
+     State
+  ------------------------ */
+const planners = ref(null)
 const showModal = ref(false)
-const newPlannerName = ref('')
+const currentPlannerId = ref(null)
 
 // delete planner confirmation
 const showDeleteModal = ref(false)
 const plannerToDelete = ref(null)
 
+const emit = defineEmits(['showResource'])
+
+/* -----------------------
+     Helpers
+  ------------------------ */
+function loadPlanners() {
+  // const saved = localStorage.getItem('planners')
+  // planners.value = saved ? JSON.parse(saved) : []
+  planners.value = getPlanners()
+}
+
+/* -----------------------
+     Computed
+  ------------------------ */
 const inProgress = computed(() =>
-  planners.value.filter(
-    (p) => !p.tasksCompleted || p.tasksCompleted.length <= 7,
-  ),
+  planners.value
+    ? planners.value.filter(
+        (p) => !p.tasksCompleted || p.tasksCompleted.length < 12,
+      )
+    : [],
 )
+
 const completed = computed(() =>
-  planners.value.filter(
-    (p) => !p.tasksCompleted || p.tasksCompleted.length == 7,
-  ),
+  planners.value
+    ? planners.value.filter(
+        (p) => p.tasksCompleted && p.tasksCompleted.length === 12,
+      )
+    : [],
+)
+
+const activePlanner = computed(() =>
+  planners.value?.find((p) => p.id === currentPlannerId.value),
 )
-function savePlanners() {
-  localStorage.setItem('planners', JSON.stringify(planners.value))
+
+/* -----------------------
+     Actions
+  ------------------------ */
+const selectPlanner = (id) => {
+  currentPlannerId.value = id
+}
+
+const savePlan = (plan) => {
+  const index = planners.value.findIndex((p) => p.id === plan.id)
+  if (index !== -1) {
+    planners.value[index] = plan
+    savePlanners(planners.value)
+  }
 }
 
-const addPlanner = (nameFromModal) => {
-  // use param if provided, else take from newPlannerName
-  const raw = nameFromModal ?? newPlannerName.value
-  const name = raw.trim()
-  if (!name) return
-
-  const id = Date.now()
-  planners.value.push({
-    id,
-    name,
-    tasksCompleted: [],
-  })
-
-  savePlanners()
-  newPlannerName.value = ''
-  showModal.value = false
+const taskResource = (resource) => {
+  emit('showResource', resource)
 }
 
-// 🔴 open modal with selected planner
+function handleAllCompleted() {
+  // ✅ Go back to planners page
+  currentPlannerId.value = null
+}
+
+/* -----------------------
+     Delete planner
+  ------------------------ */
 function openDeleteModal(planner) {
   plannerToDelete.value = planner
   showDeleteModal.value = true
 }
 
-// 🔴 delete after confirmation
 function confirmDelete() {
   if (!plannerToDelete.value) return
 
@@ -64,162 +95,38 @@ function confirmDelete() {
     (p) => p.id !== plannerToDelete.value.id,
   )
 
-  savePlanners()
+  savePlanners(planners.value)
 
   plannerToDelete.value = null
   showDeleteModal.value = false
 }
 
-// 🔴 cancel / close
 function cancelDelete() {
   plannerToDelete.value = null
   showDeleteModal.value = false
 }
 
-onMounted(() => {
-  const saved = localStorage.getItem('planners')
-  planners.value = saved ? JSON.parse(saved) : []
-
-  console.log('🚀 ~ planner.value:', planners)
-
-  tasks.value = [
-    {
-      id: 't1',
-      title: '1. Get in contact with your injured worker',
-      subHeading:
-        'Tips on what you can say to your injured worker when contacting them',
-      content: [
-        {
-          id: 'c1',
-          expanded: false,
-          btnText: '1.1 Contact your injured worker',
-          html: '<h2><strong>1.1 Contact your injured worker</strong></h2><p><strong>The first step you should take is to contact your injured worker. Ask how they\'re going and how you can offer support. Then, make a plan together for keeping in touch</strong></p><p><strong>Why you need to do it</strong></p><ul><li>Early contact can make your injured worker feel supported, which helps with recovery.</li><li>Research shows that contacting your injured worker early on after an injury helps improve return to work. The sooner you contact your injured worker the better.</li><li>You have a legal obligation to consult with your injured worker about their return to work to the extent that is reasonable.</li></ul><p><strong>Conversation starters with your injured worker</strong></p><p>It\'s not always easy to know what to say, or when to speak to an injured worker after a workplace illness or injury, but it doesn\'t need to be complex. With some simple prompts you can get a conversation going early so that your injured worker feels valued and supported.</p><p><strong>Topics to discuss include:</strong></p><ul><li>Simply ask how they are going, and listen.</li><li>Ask how you can best support them.</li><li>Let them know you\'ll be identifying suitable duties, and can talk about return to work when they are ready.</li><li>Schedule regular check-ins in a way that suits them.</li></ul><p><strong>Here are a few simple ways to start up a conversation:</strong></p><p><em><span class="blockquote"><strong>"I\'d like to stay in touch and help support you in your recovery. How often would you like me to contact you?"</strong></span></em></p><p><em><span class="blockquote"><strong>If your injured worker seems unsure, offer some suggestions like:</strong></span></em></p><p><em><span class="blockquote"><strong>"What\'s the best way to contact you?"</strong></span></em></p><p><em><span class="blockquote"><strong>"How often should we schedule check-ins?"</strong></span></em></p><p><em><span class="blockquote"><strong>"How do you feel things are progressing and changing for you?"</strong></span></em></p><p><strong>If they don\'t offer any feedback, or report that they feel stuck, you can ask:</strong></p><p><em><span class="blockquote"><strong>"What do you think would be helpful? Would it be helpful to discuss this with your GP /Physiotherapist etc?"</strong></span></em></p><p><em><span class="blockquote"><strong>"What do you feel is going well and what is challenging?"</strong></span></em></p><p><em><span class="blockquote"><strong>"How do you feel about returning to work?"</strong></span></em></p><p><em><span class="blockquote"><strong>"Are there any duties you think you could do at the moment?"</strong></span></em></p><p><em><span class="blockquote"><strong>"Apart from work, are there any other areas of your recovery you need support with?"</strong></span></em></p><p><strong>You can also let them know if you feel unsure and ask what would be helpful, for example:</strong></p><p><em><span class="blockquote"><strong>"I would like to support you but am unsure what is helpful to ask, what do you think would be helpful?"</strong></span></em></p><p>Be curious and caring, and remember to listen and ask follow-up questions. These will help you understand how your injured worker is coping and what they need from you to get back to work sooner.</p><p>Also, remember to honour anything you have promised as this helps to build trust between both parties. Finally, keep up with those regular scheduled check-ins, they will make a world of difference to your injured worker.</p><p><strong>For more information</strong></p><p>A guide to starting the return to work conversation for employers&nbsp;<a href="https://www.worksafe.vic.gov.au/thesoonerthebetter" target="_blank" rel="noopener"><strong>https://www.worksafe.vic.gov.au/thesoonerthebetter</strong></a></p>',
-        },
-      ],
-    },
-    {
-      id: 't2',
-      title: '2. Manage payments',
-      subHeading:
-        'Find out your financial obligations while your employee is injured',
-      content: [
-        {
-          id: 'c2',
-          expanded: false,
-          btnText: "2.1 Continue paying your injured worker's wage",
-          html: '<p><strong>2.&nbsp;Manage payments</strong><br><strong>2.1 Continue paying your injured worker\'s wage</strong><br><strong>Your Agent will reimburse you money for your injured worker\'s weekly payments. However, you must continue to make payments on your injured worker\'s regular pay cycle.</strong><br><strong>Why you need to do it</strong><br>&nbsp;</p><ul><li><span>Paying your injured worker\'s weekly payments is part of your legal obligation.</span></li><li><span>Financial stress makes recovery harder for injured workers.</span></li></ul><p><br><strong>What you need to do</strong><br>&nbsp;</p><ul><li><span>You must pay your injured worker on your usual pay days, within seven calendar days of your Agent accepting the claim. Your Agent will be in contact with you shortly to advise you of the next steps.</span></li></ul><p><br><strong>Step 1. Pay your worker in line with their Certificates of Capacity</strong><br>&nbsp;</p><ul><li><span>Get hold of your injured worker\'s Certificate of Capacity (their valid medical certificate).</span></li><li><span>Your injured worker needs to provide this to you before you can make payments to them for time away from work.</span></li><li><span>You will need to pay the first 10 days of your injured worker\'s time away from work due to their work-related injury or illness.</span></li><li><span>You will not need to make these payments if you have already selected the excess buyout option in your insurance policy with your Agent.</span></li><li><span>Please either refer to your WorkCover insurance policy or contact your Agent if you are unsure about excess buyout options.</span></li></ul><p><br><strong>Step 2. Send all Certificates of Capacity to your Agent</strong><br>&nbsp;</p><ul><li><span>Forward all Certificates of Capacity to your Agent as soon as you receive them from your injured worker or from their treating health practitioner.</span></li><li><span>Please keep a copy for your own records.</span></li><li><span>Your Agent will help keep track of how much you have paid to your injured worker. They will also let you know if the payment amount changes, for instance at 13 weeks or if your injured worker makes a partial return to work.</span></li></ul><p><br><strong>For more information</strong><br><span>Paying an injured worker when their claim has been accepted&nbsp;</span><a href="https://www.worksafe.vic.gov.au/making-payments-injured-worker" target="_blank" rel="noopener"><span><strong>https://www.worksafe.vic.gov.au/making-payments-injured-worker</strong></span></a><span></span><br><span>Examples of when payment amounts may change for an injured worker at different milestones<strong>&nbsp;</strong></span><a href="https://www.worksafe.vic.gov.au/weekly-payments-information" target="_blank" rel="noopener"><span><strong>https://www.worksafe.vic.gov.au/weekly-payments-information</strong></span></a></p>',
-        },
-        {
-          id: 'c3',
-          expanded: false,
-          btnText: "2.2 Processing your injured worker's medical payments",
-          html: '<p><strong>2.&nbsp;Manage payments</strong><br><strong>2.2 Processing your injured worker\'s medical payments</strong><br><strong>For physical claims you need to pay the first $744 of your injured worker\'s medical bills unless you have previously selected the excess buyout option from GBS. This is called the \'medical excess\'.</strong><br><br><span><strong>Check your WorkCover insurance policy to see if you have previously selected the excess buyout option, by clicking the below link and logging in:&nbsp;</strong></span><a href="https://www4.worksafe.vic.gov.au/iam/login.do" target="_blank" rel="noopener"><span><strong>https://www4.worksafe.vic.gov.au/iam/login.do</strong></span></a><br><strong>Why you need to do it</strong><br><span>Paying the medical excess, the first $744 of medical and like expenses, is your legal obligation unless you have made previous arrangements with GBS.</span><br><strong>What you should do?</strong><br>&nbsp;</p><ul><li><span>You must pay the first $744 of medical and like relating to your injured worker\'s treatment.</span></li><li><span>You will not need to pay the medical excess if you have selected the excess buyout option in your WorkCover insurance policy with GBS.</span></li><li><span>You may be able to make the payment for the medical excess in a lump sum via the direct excess payment option.</span></li><li><span>Ask GBS if the direct excess payment option is available to you.</span></li></ul><p><br><strong>For more information</strong><br><span>Employer medical excess: Information for Employers&nbsp;</span><a href="https://www.worksafe.vic.gov.au/resources/employer-medical-excess-information-employers" target="_blank" rel="noopener"><span><strong>https://www.worksafe.vic.gov.au/resources/employer-medical-excess-information-employers</strong></span></a></p>',
-        },
-      ],
-    },
-    {
-      id: 't3',
-      title: '3. Appoint a return to work coordinator',
-      subHeading:
-        'Find out your financial obligations while your employee is injured',
-      content: [
-        {
-          id: 'c4',
-          expanded: false,
-          btnText: '3.1 Appoint a return to work coordinator',
-          html: "<p><strong>3.2 Schedule regular check-ins</strong><br><strong>When things get busy, checking in with your injured worker may slip your mind. Make sure you set up several calendar reminders to prompt a call. Make time for regular contact, ask how your injured worker‘s going and offer help. It would also be a good idea to document these contacts, in case you are asked to provide information about them at a later date.</strong><br><br><strong>Tip! If you haven't already, set regular check-ins with your injured worker. Contact them now to discuss the best way to check-in, and how often.</strong><br><strong>Add to my calendar</strong><br><strong>Why you need to do it</strong><br>&nbsp;</p><ul><li><span>It's easy to miss a check-in when you're busy. A simple reminder can avoid your injured worker feeling forgotten.</span></li><li><span>A connection with the workplace can help your injured worker stay positive about recovering and returning to work.</span></li><li><span>So you can keep them informed about what's happening at work.</span></li></ul><p><br><strong>Ways to include your injured worker whilst they are recovering</strong><br>&nbsp;</p><ul><li><span>Send your injured worker work newsletters or updates.</span></li><li><span>Invite your injured worker to meetings, social events like team lunches, or training sessions. Make sure it's appropriate for the current stage of recovery.</span></li></ul>",
-        },
-        {
-          id: 'c5',
-          expanded: false,
-          btnText: '3.2 Schedule regular check-ins',
-          html: "<p><strong>3.2 Schedule regular check-ins</strong><br><strong>When things get busy, checking in with your injured worker may slip your mind. Make sure you set up several calendar reminders to prompt a call. Make time for regular contact, ask how your injured worker‘s going and offer help. It would also be a good idea to document these contacts, in case you are asked to provide information about them at a later date.</strong><br><br><strong>Tip! If you haven't already, set regular check-ins with your injured worker. Contact them now to discuss the best way to check-in, and how often.</strong><br><strong>Add to my calendar</strong><br><strong>Why you need to do it</strong><br>&nbsp;</p><ul><li><span>It's easy to miss a check-in when you're busy. A simple reminder can avoid your injured worker feeling forgotten.</span></li><li><span>A connection with the workplace can help your injured worker stay positive about recovering and returning to work.</span></li><li><span>So you can keep them informed about what's happening at work.</span></li></ul><p><br><strong>Ways to include your injured worker whilst they are recovering</strong><br>&nbsp;</p><ul><li><span>Send your injured worker work newsletters or updates.</span></li><li><span>Invite your injured worker to meetings, social events like team lunches, or training sessions. Make sure it's appropriate for the current stage of recovery.</span></li></ul>",
-        },
-      ],
-    },
-    {
-      id: 't4',
-      title: "4. Plan your injured worker's return to work",
-      subHeading:
-        'Find out your financial obligations while your employee is injured',
-      content: [
-        {
-          id: 'c6',
-          expanded: false,
-          btnText: '4.1 Appoint a return to work coordinator',
-          html: '<p><strong>4.1 Identify suitable duties</strong><br><strong>Most workers don\'t return to their normal pre-injury role straight away. The employer, in conjunction with the healthcare provider should identify modifications that will make your injured worker\'s return to work easier, like reducing hours or modifying tasks or proposing alternative duties. You could also speak to GBS about engaging further support from an occupational rehabilitation provider to assist with identifying suitable duties.</strong><br><strong>Why you need to do it</strong><br>&nbsp;</p><ul><li><span>If a worker can do some work, but not their usual job, you have a legal obligation to provide suitable employment for up to 52 weeks.</span></li><li><span>Most workers gradually return to work before they are fully recovered and will need suitable duties.</span></li><li><span>Even a part time return to work is better for your injured worker, and also for reducing your WorkCover insurance premium.</span></li></ul><p><br><strong>What are suitable duties?</strong><br><span>Suitable duties are tasks that your injured worker can do when they return to work. This may include:</span><br>&nbsp;</p><ul><li><span>Removing some of the normal requirements of your injured worker\'s role.</span></li><li><span>Working reduced hours, or changing start and finish times.</span></li><li><span>Getting your injured worker to temporarily complete different duties or work activities.</span></li></ul><p><br><strong>How to identify suitable duties</strong><br><span>Employers are required to identify options for suitable employment when one of their worker’s has an incapacity for work. This means that, whether or not your worker has a current work capacity, it is important to consider duties that may potentially be suitable and available for your worker once they do regain a capacity for work. Put simply, ask yourself — what are the lightest work options available at the workplace?</span><br><br>&nbsp;</p><ul><li><strong>Step 1 — Understand your injured worker\'s capacity for work.</strong><span>Talk to your injured worker, read their Certificate of Capacity and review any other available information such as medical or occupational rehabilitation reports.</span></li><li><strong>Step 2 — Look at your injured worker\'s usual job and see whether you can modify the role to suit their capacity.</strong><span>This may involve only doing some parts of the normal role, using equipment to help, or reducing hours.</span></li><li><strong>Step 3 — If you can\'t modify your injured worker\'s role consider what other duties are available.</strong><span>These may be in the immediate work area, or other parts of the business. You may not be able to offer these duties full time, but even a few hours a week will help your injured worker.</span></li><li><strong>Step 4 — You should talk to your injured worker to see if they have any skills, qualifications or work history you aren\'t aware of.</strong><span>You may be able to use these to help your business. Also consider factors like where your injured worker lives, and if the injury makes it hard for them to travel, determine whether a colleague may be able to help them get to and from work.</span></li><li><strong>Step 5 — Take the identified duties, discuss them with your injured worker and put them into a return to work plan.</strong><span>If your injured worker is currently unfit for work, it is important that you still complete this step by discussing the duties that may be suitable for your injured worker in the future, and put them into a "proposed" return to work plan. More information on this is in the next step.</span></li></ul><p><br><strong>For more information</strong><br><span>A detailed guide on what the role of an occupational rehabilitation provider is during the return to work process&nbsp;</span><a href="https://www.worksafe.vic.gov.au/occupational-rehabilitation-provider-return-work-roles" target="_blank" rel="noopener"><span><strong>https://www.worksafe.vic.gov.au/occupational-rehabilitation-provider-return-work-roles</strong></span></a><br><span><a target="_blank"></a></span><br><span>A more detailed, step by step guide to help identify suitable duties.&nbsp;</span><a href="https://www.worksafe.vic.gov.au/resources/suitable-employment-injured-workers-step-step-guide-assessing-suitable-employment" target="_blank" rel="noopener"><span><strong>https://www.worksafe.vic.gov.au/resources/suitable-employment-injured-workers-step-step-guide-assessing-suitable-employment</strong></span></a></p>',
-        },
-        {
-          id: 'c7',
-          expanded: false,
-          btnText:
-            "4.2 Consult with your injured worker's treating health practitioner",
-          html: "<p><strong>4.2 Consult with your injured worker's treating health practitioner</strong><br><strong>Ask your injured worker for consent to talk to healthcare providers involved in the claim. Speak to the healthcare providers about recovery and what an appropriate return to work might look like.</strong><br><strong>Why you need to do it</strong><br>&nbsp;</p><ul><li><span>If your injured worker agrees, consulting with their treating health practitioner is a legal obligation.</span></li><li><span>your injured worker's treating health practitioner decides if a return to work plan is appropriate.</span></li></ul><p><span>Healthcare providers play an important role in your injured worker's recovery and return to work. They complete Certificates of Capacity and review return to work plans. Their opinion on what your injured worker can or can't do is key to a successful return to work.</span><br><span>It's important that your injured worker understands why you're talking to the healthcare providers and what you're talking about. If your injured worker doesn't understand, or doesn't agree with you talking to the healthcare provider, it can feel like a breach of privacy and make recovery harder.</span><br><span>Consider using a form like this&nbsp;</span><a href=\"https://www.sira.nsw.gov.au/__data/assets/pdf_file/0009/574398/Sample-form-for-obtaining-releasing-personal-information.pdf\" target=\"_blank\" rel=\"noopener\"><span><strong>example</strong></span></a><span> to record consent and set clear expectations about communication.</span><br><strong>What you should do</strong><br>&nbsp;</p><ul><li><span>Let your injured worker know that you have a legal obligation to consult with their treating health practitioner about the workplace injury and return to work.</span></li><li><span>Discuss with your injured worker the types of things you will need to ask and share with a healthcare provider such as the type of work that you complete or whether you have light duties available or not.</span></li><li><span>Ask for permission to contact healthcare providers regarding your injured worker's injury and return to work. Employers are legally obligated to consult with healthcare providers on their injured worker's return to work.</span></li><li><span>Provide your injured worker's consent to the healthcare provider.</span></li></ul><p><br><strong>What you might ask</strong><br><span>Topics you may want to discuss with your injured worker's healthcare provider include:</span><br><br>&nbsp;</p><ul><li><span>Modifications to your workplace.</span></li><li><span>your injured worker's role to make a return to work easier and safer.</span></li><li><span>Asking for guidance on your injured worker's injury and expectations around recovery.</span></li><li><span>When is a realistic timeframe to return to work on a part time basis, or on modified duties.</span></li><li><span>Whether the suitable duties that you have identified for your injured worker are safe and appropriate.</span></li><li><span>Asking what the physical requirements are of the injured workers modified or normal duties.</span></li></ul><p><br><strong>How to contact a healthcare provider</strong><br><span>There are many ways to consult with your injured worker's healthcare provider. Some of these include:</span><br><br>&nbsp;</p><ul><li><strong>Attend an appointment</strong><span>You may be able to attend an appointment if your injured worker agrees. This is sometimes called a Return to Work Case Conference. Face to face conversations show everyone involved you are serious about helping.</span></li><li><strong>Phone call or Telehealth</strong><span>Phone calls and video allow for natural conversation. your injured worker's healthcare provider can also ask any questions about the workplace. Healthcare providers can be quite busy, so you may need to request a call back. It's good to let your injured worker know what you discussed and get their input or involvement in the conversation.</span></li><li><strong>Email or letter</strong><span>Written communication allows healthcare providers to respond at a time that suits them. You can also share it with your injured worker or other relevant people such as an occupational rehabilitation provider (if they have been allocated by the Agent) to assist with the return to work process.</span></li></ul><p><br><span>You may choose to send an email, letter or even a fax. It's important you respect your injured worker's information and privacy. Consider calling the clinic first to confirm their contact details.</span><br><br><span>If you want guidance on whether duties are suitable it can be helpful to include a job description, a few photos or a short video. Seeing the workplace helps a healthcare provider understand the demands.</span></p>",
-        },
-      ],
-    },
-    {
-      id: 't5',
-      title: "5. Create your injured worker's return to work plan",
-      subHeading:
-        'Find out your financial obligations while your employee is injured',
-      content: [
-        {
-          id: 'c8',
-          expanded: false,
-          btnText: '5.1 Create initial return to work plan',
-          html: '<p><strong>5.&nbsp;Create your injured worker\'s return to work plan</strong><br><strong>5.1 Create initial return to work plan</strong><br><strong>Use the below return to work template to write down the duties and details of your injured worker\'s return to work. Base it on conversations you\'ve had with healthcare providers and your injured worker. If your injured worker remains unfit for work, write down duties that have been identified as potentially suitable and available for your injured worker once they regain a capacity for work. Provide your injured worker, GBS and the healthcare provider with a copy.</strong><br><br><span><strong>WorkSafe have a </strong></span><a href="https://www.worksafe.vic.gov.au/resources/return-work-arrangements-form" target="_blank" rel="noopener"><span><strong>return to work arrangements form template</strong></span></a><span><strong>&nbsp; available to use.</strong></span><br><strong>Why you need to do it</strong><br>&nbsp;</p><ul><li><span>You have a legal obligation to plan for your injured worker\'s return to work.</span></li><li><span>A written return to work arrangement helps everyone involved in the process to understand the plan.</span></li></ul><p><br><strong>What you need to do</strong><br><span>If you\'ve followed the other steps in this guide you\'ve already done most of the hard work! A return to work plan combines information from the discussions you\'ve been having with your injured worker and their healthcare provider. It will make sure that everyone involved is on the same page.</span><br><br><span>A good return to work plan should clearly explain:</span><br>&nbsp;</p><ul><li><span>your injured worker\'s usual role and hours of work.</span></li><li><span>The duties or tasks that your injured worker will be doing.</span></li><li><span>Any supports, aids or modifications for your injured worker.</span></li><li><span>Duties and tasks to avoid.</span></li><li><span>Relevant medical restrictions.</span></li><li><span>Hours of work, and a date to review the plan.</span></li></ul><p><br><strong>If your worker has no capacity to work</strong><br><span>As outlined previously, if your injured worker has no capacity for work you&nbsp;</span><em><span><strong>should</strong></span></em><span>&nbsp;still write a return to work plan and share this plan with your injured worker, GBS and the healthcare provider. Writing down the lightest and lowest effort suitable duties in a plan can be a useful discussion tool for you, your injured worker and the treating health practitioner for when they are writing ongoing Certificates of Capacity. It can serve as a recovery goal to work towards.</span><br><br><span>Writing a return to work plan when your injured worker is unfit for work, and ensuring this plan is shared with both your injured worker and the treating health practitioner, may also assist you towards meeting your legal obligations.</span><br><strong>Your injured worker also has return to work obligations to meet</strong><br><span>When injured workers have an incapacity for work, they also have responsibilities to do what they can to get back to work.</span><br><br><span>These obligations are to:</span><br>&nbsp;</p><ul><li><span>Make reasonable efforts to return to work in suitable or pre-injury employment.</span></li><li><span>Make reasonable efforts to actively participate and cooperate with the provider of that service.</span></li><li><span>Actively use an occupational rehabilitation service (if provided by the Agent) and cooperate with the provider of that service.</span></li><li><span>Actively participate and cooperate in assessments of their capacity for work, rehabilitation progress or future employment prospects.</span></li><li><span>Actively participate and cooperate with the Agent in an interview to enhance their opportunities to return to work, if requested to do so.</span></li></ul><p><br><strong>Further reading</strong><br><span>Return to Work Obligations – Information for workers<strong>&nbsp;</strong></span><a href="https://www.worksafe.vic.gov.au/resources/information-workers-return-work-obligations" target="_blank" rel="noopener"><span><strong>https://www.worksafe.vic.gov.au/resources/information-workers-return-work-obligations</strong></span></a></p>',
-        },
-        {
-          id: 'c9',
-          expanded: false,
-          btnText: '5.2 Discuss the plan with your injured worker',
-          html: "<p><strong>5.2 Discuss the plan with your injured worker</strong><br><strong>Get your injured worker's thoughts and opinions on the return to work plan. Make any changes that are reasonable and necessary. Having your injured worker's support will make the return to work process easier.</strong><br><strong>Why you need to do it</strong><br>&nbsp;</p><ul><li><span>Consulting with your injured worker about return to work is a legal obligation.</span></li><li><span>If your injured worker is supportive of the plan a successful return to work is much more likely.</span></li></ul><p><br><strong>The importance of your injured worker's input</strong><br><span>By this stage your injured worker should already have a good understanding of what duties are available. You should also have an understanding of your injured worker's capacity from your conversations with your injured worker, their healthcare provider and&nbsp;</span><br><span>Occupational Rehabilitation provider (if your Agent has allocated one).</span><br><br><span>Despite this, it's still important to show your injured worker a copy of the plan and ask for their input. If there is anything your injured worker is unsure about, now is the time to discuss it and reach an agreement.</span><br><br><span>If your injured worker's healthcare provider knows that both you and your injured worker support the plan they are more likely to support it as well.</span><br><strong>How to get your injured worker's input</strong><br><span>It's important that your injured worker gets a copy of the return to work arrangements. Depending on the type of check-ins you've agreed to you can give a physical copy in person, or email a copy that you can then both discuss further.</span><br><br><span>If you give a physical copy in person make sure you allow your injured worker some time to read over and understand the plan.</span><br><br><span>If your injured worker is hesitant it can also be useful to give a reminder that the plan can be reviewed if things don't go as expected and that your injured worker's healthcare provider will be involved with this process.</span><br><strong>What to do once you have a return to work plan and obtained your injured worker's input</strong><br><span>If your injured worker agrees with the plan then it's time to send a copy to the healthcare provider who is writing your injured worker's certificates and GBS.</span><br><br><span>If your injured worker doesn't agree with the plan, then you will need to continue to work together with your injured worker, the Agent and your injured worker's healthcare provider to identify what the concerns are and how these could be accommodated.</span></p>",
-        },
-        {
-          id: 'c10',
-          expanded: false,
-          btnText: '5.3 Discuss the plan with the treating health practitioner',
-          html: "<p><strong>5.3 Discuss the plan with the treating health practitioner</strong><br><strong>Provide a copy of the return to work plan to your injured worker's healthcare providers, especially the one who is writing Certificates of Capacity. Ask for their comments and approval.</strong><br><strong>Why you need to do it</strong><br>&nbsp;</p><ul><li><span>Consulting with your injured worker's treating health practitioner about their return to work is a legal obligation.</span></li><li><span>your injured worker's treating health practitioner needs to provide a suitable Certificate of Capacity before a return to work can begin.</span></li></ul><p><br><strong>How to share the return to work plan</strong><br><span>Doctors and healthcare professionals in general, can be difficult to contact and don't have a lot of time. It can be useful to send the plan to them before your injured worker's appointment so they have time to review it.</span><br><span>Healthcare providers don't always understand your workplace or the requirements of jobs. Including a job description, photos or videos of the workplace and tasks that they are required to complete can be useful. You should also let them know the best way and time to contact you if they have any questions.</span><br><span>Documents don't always get passed on to healthcare providers, so it is also a good idea to ask your injured worker to take a copy to the next appointment.</span></p>",
-        },
-      ],
-    },
-    {
-      id: 't6',
-      title: "6. Support and monitor your injured worker's return to work",
-      subHeading:
-        'Tips on what you can say to your injured worker when contacting them',
-      content: [
-        {
-          id: 'c11',
-          expanded: false,
-          btnText: '6.1 Review, update and share the plan as required',
-          html: "<p><strong>6.1 Review, update and share the plan as required</strong><br><strong>As your injured worker recovers, make changes to the return to work plan and slowly return towards their normal role in the workplace. If things don't go as expected and recovery goes backwards, make adjustments to continue supporting your injured worker.</strong><br><strong>Why you need to do it</strong><br>&nbsp;</p><ul><li><span>You have a legal obligation to plan for your injured worker's return to work which includes monitoring their progress.</span></li><li><span>As your injured worker recovers the return to work plan will include more hours or duties, until a full return to work happens.</span></li><li><span>If your injured worker's condition gets worse you may need to pause or reduce the difficulty of the return to work plan via discussions with your injured worker, the healthcare provider and occupational rehabilitation consultant (if appointed).</span></li></ul><p><br><strong>How to write a new return to work plan</strong><br><span>Updating a return to work plan follows similar steps to when you created the first plan.</span><br><br><span>During your regular check-ins with your injured worker ask how the current return to work plan is going. Is there anything making the injury worse? Are they feeling better? Does an increase in hours or duties sound appropriate?</span><br><br><span>Also consider any information your injured worker's healthcare provider has given you about usual timeframes and recovery expectations. Healthcare providers will support progress, but will also be cautious not to overload your injured worker too early.</span><br><strong>What to do next</strong><br><span>Once you've updated the return to work arrangements form with the new proposal it's important to talk to your injured worker and their healthcare provider to get their thoughts and support.</span><br><br><span>Like the first time you wrote a return to work arrangement, you should make sure that your injured worker and their healthcare provider and GBS are provided with a copy of the plan to review.</span></p>",
-        },
-      ],
-    },
-    {
-      id: 't7',
-      title: "7. An employer's ongoing obligations",
-      subHeading:
-        'Tips on what you can say to your injured worker when contacting them',
-      content: [
-        {
-          id: 'c12',
-          expanded: false,
-          btnText: '7.1 Your ongoing obligations',
-          html: "<p><strong>7.1 Your ongoing obligations</strong><br><strong>Your obligations to support your injured worker's return to work do not necessarily end once all sections of the RTW planner have been completed.</strong><br><strong>It is important to be aware that employer’s have an obligation to:</strong><br>&nbsp;</p><ul><li><span>Provide suitable employment (while your worker has a current work capacity) until the expiration of the employment obligation period.</span></li><li><span>Provide pre-injury employment (while your worker no longer has an incapacity for work) until the expiration of the employment obligation period</span></li><li><span>Plan the return to work of a worker as often as is necessary to enable the worker to return to work in employment which is consistent with the worker’s capacity for work.</span></li><li><span>Consult with the worker, the treating health practitioner and the occupational rehabilitation provider to the extent that it is reasonable to do so</span></li></ul><p><br><span>We would recommend that you review this task every four weeks until you have met your 52 week obligation period to provide suitable duties to your injured worker.</span></p>",
-        },
-      ],
-    },
-  ]
-})
+/* -----------------------
+     Modal submit
+  ------------------------ */
+function onSubmit(planner) {
+  if (!planner) return
 
-// called when modal emits submit
-function onSubmit(name) {
-  console.log('onSubmit Planner Modal', name)
-  addPlanner(name)
+  const exists = planners.value.some((p) => p.id === planner.id)
+  if (!exists) {
+    planners.value.push(planner)
+  }
+
+  // ✅ Stay on Planners page
+  // currentPlannerId.value = planner.id
 }
+
+/* -----------------------
+     Lifecycle
+  ------------------------ */
+onMounted(() => {
+  loadPlanners()
+})
 </script>
 
 <template>
@@ -227,43 +134,49 @@ function onSubmit(name) {
     <div class="my-planners" v-if="!currentPlannerId">
       <h2 class="fw-bold mt-4 mb-5">My planners</h2>
 
+      <!-- In progress planners -->
       <div>
         <h5 class="fw-bold mb-3">In progress planners</h5>
+
         <div
           v-if="inProgress.length === 0"
           class="text-center py-3 rounded mb-4 fw-bold text-muted bg-lavendergray"
         >
-          No planners in progress
+          <span v-if="planners">No planners in progress</span>
+          <span v-else><Loading /></span>
         </div>
+
         <BCard
-          v-else
           v-for="planner in inProgress"
           :key="planner.id"
+          type="button"
           class="mb-3 p-0 shadow-sm border-0 bg-lavendergray rounded my-planners__inprogress"
+          @click="selectPlanner(planner.id)"
         >
           <BCardBody
             class="d-flex justify-content-between align-items-center p-0"
-            role="button"
-            @click="selectPlanner(planner.id)"
           >
-            <span class="fw-bold text-decoration-underline">{{
-              planner.name
-            }}</span>
+            <span class="fw-bold text-decoration-underline">
+              {{ planner.name }}
+            </span>
             <TickCircleIcon style="width: 2em; height: 2em" />
           </BCardBody>
         </BCard>
       </div>
 
+      <!-- Completed planners -->
       <div>
         <h5 class="fw-bold mb-3 mt-4">Completed planners</h5>
+
         <div
           v-if="completed.length === 0"
           class="text-center py-3 rounded mb-4 fw-bold text-muted bg-lightgreen"
         >
-          No completed planners
+          <span v-if="planners">No completed planners</span>
+          <span v-else><Loading /></span>
         </div>
+
         <BCard
-          v-else
           v-for="planner in completed"
           :key="planner.id"
           class="mb-3 shadow-sm border-0 bg-lightgreen rounded my-planners__completed"
@@ -271,12 +184,10 @@ function onSubmit(name) {
           <BCardBody
             class="d-flex justify-content-between align-items-center p-0"
           >
-            <span
-              href="#"
-              class="cursor-auto fw-bold text-dark text-decoration-underline"
-            >
+            <span class="fw-bold text-decoration-underline">
               {{ planner.name }}
             </span>
+
             <BBadge
               pill
               role="button"
@@ -292,66 +203,51 @@ function onSubmit(name) {
         </BCard>
       </div>
 
+      <!-- Add planner -->
       <div>
         <h5 class="fw-bold mb-3 mt-4">Create a new planner</h5>
         <div
           class="my-planners__add-planner d-flex justify-content-between align-items-center p-3 rounded mb-4"
           role="button"
-          @click="
-            () => {
-              newPlannerName = ''
-              showModal = true
-            }
-          "
+          @click="showModal = true"
         >
-          <a href="#" class="fw-bold text-dark text-decoration-underline">
+          <span class="fw-bold text-decoration-underline">
             Add a new planner
-          </a>
-          <PlusCircleIcon class="me-2" style="width: 2em; height: 2em" />
+          </span>
+          <PlusCircleIcon style="width: 2em; height: 2em" />
         </div>
       </div>
 
       <PlannerNameModal
         class="injuries-app__new-planner"
         v-model="showModal"
-        v-model:value="newPlannerName"
         @onsubmit="onSubmit"
       />
 
       <!-- Delete confirmation modal -->
-      <BModal
-        v-model="showDeleteModal"
-        no-footer
-        centered
-        size="lg"
-        aria-labelledby="delete-planner-modal"
-      >
-        <template #default>
-          <div class="p-4">
-            <h4 id="delete-planner-modal" class="fw-bold mb-4">
-              Are you sure you want to delete this planner?
-            </h4>
-
-            <div class="d-flex gap-3">
-              <!-- Yes -->
-              <CtaButton textOnly="true" @click="confirmDelete">
-                Yes
-              </CtaButton>
-
-              <!-- No -->
-              <CtaButton type="white" textOnly="true" @click="cancelDelete">
-                No
-              </CtaButton>
-            </div>
+      <BModal v-model="showDeleteModal" no-footer centered size="lg">
+        <div class="p-4">
+          <h4 class="fw-bold mb-4">
+            Are you sure you want to delete this planner?
+          </h4>
+
+          <div class="d-flex gap-3">
+            <CtaButton textOnly @click="confirmDelete">Yes</CtaButton>
+            <CtaButton type="white" textOnly @click="cancelDelete"
+              >No</CtaButton
+            >
           </div>
-        </template>
+        </div>
       </BModal>
     </div>
+
     <PlanTasks
       v-if="currentPlannerId"
-      :tasks="tasks"
+      :tasks="plannerTasks"
       :activePlanner="activePlanner"
       @updatePlanner="savePlan"
+      @taskResource="taskResource"
+      @allCompleted="handleAllCompleted"
     />
   </div>
 </template>

package/src/components/Paragraphs/RTWPlanner/index.vue

@@ -70,7 +70,6 @@ const showInjuries = computed(() =>
   >
     <Header />
 
-    <!-- ✅ forward the prop -->
     <HomePage
       v-if="homePage"
       :textMedia="textMedia"
@@ -89,7 +88,7 @@ const showInjuries = computed(() =>
       :contactCards="contactCards"
     />
 
-    <MyPlanner v-if="!showInjuries" />
+    <MyPlanner v-if="!showInjuries && !homePage" />
 
     <Footer />
   </section-group>

package/src/components/Paragraphs/TextMedia/index.vue

@@ -33,12 +33,11 @@
             :video="video"
             :storybook="storybook"
           />
-          <div class="wcl-media-text__icon-inner">
+          <div class="wcl-media-text__icon-inner" v-if="mediaType === 'icon'">
             <Icon
-              v-if="mediaType === 'icon'"
               :class="glyphClass"
-              :glyph="glyph"
-              :icon-alt="'icon alt'"
+              :glyph="image && image.url"
+              :icon-alt="image && image.alt ? image.alt : ''"
               :height="glyphHeight"
               :width="glyphWidth"
             />
@@ -132,20 +131,15 @@ export default {
       type: Boolean,
       default: false,
     },
-    glyph: {
-      type: [Object, String],
-      required: false,
-      default: () => null,
-    },
     glyphHeight: {
       type: Number,
       required: false,
-      default: 15,
+      default: 64,
     },
     glyphWidth: {
       type: Number,
       required: false,
-      default: 25,
+      default: 64,
     },
   },
 }

package/src/index.js

@@ -63,7 +63,8 @@ import ResourceGroup from './components/SubComponents/ResourceGroup/index.vue'
 import RtwHeader from './components/Paragraphs/RTWPlanner/Header/index.vue'
 import RtwFooter from './components/Paragraphs/RTWPlanner/Footer/index.vue'
 import RtwHomepageApp from './components/Paragraphs/RTWPlanner/HomePage/index.vue'
-export { RtwHeader, RtwFooter, RtwHomepageApp }
+import CardContainer from './components/Paragraphs/RTWPlanner/CardContainer/index.vue'
+export { RtwHeader, RtwFooter, RtwHomepageApp, CardContainer }
 
 // Export Global Components
 export {