diff --git a/.port.tmp b/.port.tmp
index 5528a3e..cfdc48c 100644
--- a/.port.tmp
+++ b/.port.tmp
@@ -1 +1 @@
-3005
\ No newline at end of file
+3006
\ No newline at end of file
diff --git a/app/views/v1/facility-search-result.html b/app/views/v1/facility-search-result.html
index 174593d..48d2010 100644
--- a/app/views/v1/facility-search-result.html
+++ b/app/views/v1/facility-search-result.html
@@ -101,7 +101,8 @@ <h3 class="govuk-heading-s govuk-!-margin-bottom-0">Colour</h3>
 							text: "Complete"
 							}
 							]
-							}) }}
+							})
+						}}
 
 
 
@@ -202,6 +203,7 @@ <h2 class="govuk-heading-s">
 						<td class="govuk-table__cell">2,000,000</td>
 						<td class="govuk-table__cell ">
 							<span class="govuk-tag govuk-tag--blue">In Progress</span></td>
+							<td class="govuk-table__cell"><a href="#">View claim</a></td>
 					</tr>
 				</tbody>
 			</table>
diff --git a/app/views/v1/facility-task-list.html b/app/views/v1/facility-task-list.html
new file mode 100644
index 0000000..2d34d6c
--- /dev/null
+++ b/app/views/v1/facility-task-list.html
@@ -0,0 +1,232 @@
+{% extends "layout.html" %}
+{% block pageTitle %}
+Claims and recoveries
+{% endblock %}
+
+
+{% block beforeContent %}
+<nav class="govuk-!-display-none-print">
+{{govukBackLink({
+  text: "Choose a different date",
+  "href": "javascript: window.history.go(-1)"
+  })}}
+  <a href="../dps-home.html" class="govuk-link govuk-link--no-visited-state govuk-!-margin-top-3 govuk-!-margin-bottom-3 float-right">
+
+  </a>
+</nav>
+{% endblock %}
+
+{% block content %}
+<form id="form" method="post" action="search-results-24102023">
+	<h1 class="govuk-heading-l">
+		Claims and recoveries claim task list	</h1>
+	<p class="govuk-body">Select the facility you wish to view.</p>
+
+  <div class="govuk-!-margin-6 govuk-!-margin-top-9">
+    <ol class="moj-task-list" >
+  <li>
+    <h2 class="moj-task-list__section" >
+      <span class="moj-task-list__section-number">1. </span>Pre-examination</h2>
+    <ul class="moj-task-list__items">
+      <li class="moj-task-list__item" >
+        <a class="moj-task-list__task-name" href="#">Obtain facility details</a>
+        <strong class="govuk-tag moj-task-list__task-completed">
+  completed
+</strong>
+        </li>
+      <li class="moj-task-list__item" >
+        <a class="moj-task-list__task-name" href="#">Obtain claim due date</a>
+        <strong class="govuk-tag moj-task-list__task-completed">
+          completed
+        </strong>
+        </li>
+      <li class="moj-task-list__item" >
+      <a class="moj-task-list__task-name" href="#">Store claim documentation</a>
+      <strong class="govuk-tag moj-task-list__task-completed">
+        completed
+      </strong>
+      </li>
+      <li class="moj-task-list__item" >
+        <a class="moj-task-list__task-name" href="#">Calculate claim amount</a>
+        <strong class="govuk-tag moj-task-list__task-completed">
+          completed
+        </strong>
+        </li>
+        <li class="moj-task-list__item" >
+      <a class="moj-task-list__task-name" href="#">Allocate examiners</a>
+        <strong class="govuk-tag moj-task-list__task-completed">
+        completed
+        </strong>
+        </li>
+        <li class="moj-task-list__item" >
+        <a class="moj-task-list__task-name" href="#">Allocate claims authoriser</a>
+        <strong class="govuk-tag moj-task-list__task-completed">
+          completed
+        </strong>
+        </li>
+        <li class="moj-task-list__item" >
+          <a class="moj-task-list__task-name" href="#">Send notifications to stakeholders</a>
+          <strong class="govuk-tag moj-task-list__task-completed">
+            completed
+          </strong>
+          </li>
+          <li class="moj-task-list__item" >
+            <a class="moj-task-list__task-name" href="#">Generate reports</a>
+            <strong class="govuk-tag moj-task-list__task-completed">
+              completed
+            </strong>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <h2 class="moj-task-list__section" >
+          <span class="moj-task-list__section-number">2. </span>Examination</h2>
+
+          <ul class="moj-task-list__items">
+          <li class="moj-task-list__item" >
+            <a class="moj-task-list__task-name" href="#">Claims calculation</a></li>
+
+          <li class="moj-task-list__item" >
+            <a class="moj-task-list__task-name" href="#">Produce recommendation minute</a></li>
+
+          <li class="moj-task-list__item" >
+            <a class="moj-task-list__task-name" href="#">payable order requisition (POR)</a></li>
+
+          <li class="moj-task-list__item" >
+            <a class="moj-task-list__task-name" href="#">ECA demand letter</a></li>
+
+          <li class="moj-task-list__item" >
+            <a class="moj-task-list__task-name" href="#">Four eye check</a></li>
+
+          </ul>
+      </li>
+      <li>
+        <h2 class="moj-task-list__section" >
+          <span class="moj-task-list__section-number">3. </span>Authorisation</h2>
+        <ul class="moj-task-list__items">
+          <li class="moj-task-list__item" >
+            <a class="moj-task-list__task-name" href="#">Authorised</a>
+            <strong class="govuk-tag moj-task-list__task-completed">
+      completed
+      </strong>
+        </li>
+      </ul>
+  </li>
+  <li>
+    <h2 class="moj-task-list__section" >
+      <span class="moj-task-list__section-number">4. </span>Payment</h2>
+    <ul class="moj-task-list__items">
+      <li class="moj-task-list__item" >
+        <a class="moj-task-list__task-name" href="#">Payable order requistion (finance)</a></li>
+      <li class="moj-task-list__item" >
+        <a class="moj-task-list__task-name" href="#">Payment instruction to bank</a></li>
+      <li class="moj-task-list__item" >
+        <a class="moj-task-list__task-name" href="#">Payment sent</a></li>
+      </ul>
+  </li>
+
+
+        <li>
+          <h2 class="moj-task-list__section" >
+            <span class="moj-task-list__section-number">4. </span>Post claim activities</h2>
+          <ul class="moj-task-list__items">
+          <li class="moj-task-list__item" >
+            <a class="moj-task-list__task-name" href="#">post claim examinations checklist</a></li>
+          <li class="moj-task-list__item" >
+            <a class="moj-task-list__task-name" href="#">Report to treasury</a></li>
+          </ul>
+      </li>
+
+
+            <li>
+              <h2 class="moj-task-list__section" >
+                <span class="moj-task-list__section-number">4. </span>Reinsurance</h2>
+              <ul class="moj-task-list__items">
+              <li class="moj-task-list__item" >
+                <a class="moj-task-list__task-name" href="#">Task 1 </a></li>
+              <li class="moj-task-list__item" >
+                <a class="moj-task-list__task-name" href="#">Task 2</a></li>
+              </ul>
+          </li>
+
+                <li>
+                  <h2 class="moj-task-list__section" >
+                    <span class="moj-task-list__section-number">4. </span>Recovery</h2>
+                  <ul class="moj-task-list__items">
+                  <li class="moj-task-list__item" >
+                    <a class="moj-task-list__task-name" href="#">Task 1 </a></li>
+                  <li class="moj-task-list__item" >
+                    <a class="moj-task-list__task-name" href="#">Task 1  2</a></li>
+                  </ul>
+                    </li>
+                  </ol>
+
+                </div>
+
+{% endblock %}
+
+
+
+{% block pageScripts %}
+<script type="text/javascript">
+	$(document).ready(function () {
+		new MOJFrontend.FilterToggleButton({
+			bigModeMediaQuery: "(min-width: 48.063em)",
+			startHidden: true,
+			toggleButton: {
+				container: $(".moj-action__filter"),
+				showText: "Show filter",
+				hideText: "Hide filter",
+				classes: "govuk-button--secondary",
+			},
+			closeButton: {
+				container: $(".moj-filter__header-action"),
+				text: "Close",
+			},
+			filter: {
+				container: $(".moj-filter"),
+			},
+		});
+	})
+</script>
+
+
+
+<script type="text/javascript" src="/public/javascripts/accessible-autocomplete.min.js"></script>
+<script>
+    accessibleAutocomplete.enhanceSelectElement({
+        selectElement: document.querySelector('#appointment-location-fltr'),
+        showAllValues: true,
+        defaultValue: '',
+        autoselect: true,
+        confirmOnBlur: false,
+    })
+</script>
+
+
+
+
+<script type="text/javascript" src="/public/javascripts/accessible-autocomplete.min.js"></script>
+<script>
+    accessibleAutocomplete.enhanceSelectElement({
+        selectElement: document.querySelector('#appointment-type-fltr'),
+        showAllValues: true,
+        defaultValue: '',
+        autoselect: true,
+        confirmOnBlur: false,
+    })
+</script>
+
+
+
+<script type="text/javascript" src="/public/javascripts/accessible-autocomplete.min.js"></script>
+<script>
+    accessibleAutocomplete.enhanceSelectElement({
+        selectElement: document.querySelector('#appointment-prisoner-name'),
+        showAllValues: true,
+        defaultValue: '',
+        autoselect: true,
+        confirmOnBlur: false,
+    })
+</script>
+{% endblock %}