diff --git a/app/assets/javascript/calendar-table-actions.js b/app/assets/javascript/calendar-table-actions.js
index f8d8b672..16255008 100644
--- a/app/assets/javascript/calendar-table-actions.js
+++ b/app/assets/javascript/calendar-table-actions.js
@@ -1,6 +1,3 @@
-  var lastSelectedCell = null;
-  var selectableCells = Array.from(document.querySelectorAll('.calendar-table td:not(.calendar-table-no-data)'));
-
   function clearSelectedDays() {
     document.querySelectorAll('.calendar-table td.--date-selected').forEach(function (cell) {
       cell.classList.remove('--date-selected');
@@ -59,7 +56,6 @@
           clickedScheduleName.textContent = isAlreadySelected ? 'Select schedule' : 'Deselect schedule';
         }
 
-        lastSelectedCell = clickedStartCell;
         return;
       }
 
@@ -71,25 +67,27 @@
         return;
       }
 
-      if (event.shiftKey && lastSelectedCell) {
-        var startIndex = selectableCells.indexOf(lastSelectedCell);
-        var endIndex = selectableCells.indexOf(cell);
-
-        if (startIndex !== -1 && endIndex !== -1) {
-          var rangeStart = Math.min(startIndex, endIndex);
-          var rangeEnd = Math.max(startIndex, endIndex);
-
-          for (var index = rangeStart; index <= rangeEnd; index++) {
-            selectableCells[index].classList.add('--date-selected');
-          }
-        }
-      } else {
-        cell.classList.toggle('--date-selected');
-      }
-
-      lastSelectedCell = cell;
+      cell.classList.toggle('--date-selected');
     });
 
     table.classList.add('--js-enabled');
   });
+
+  var selectDaysForm = document.getElementById('select-days-form');
+
+  if (selectDaysForm) {
+    selectDaysForm.addEventListener('submit', function () {
+      selectDaysForm.querySelectorAll('input[name="selectedDays"]').forEach(function (input) {
+        input.remove();
+      });
+
+      document.querySelectorAll('.calendar-table td.--date-selected[data-date]').forEach(function (cell) {
+        var input = document.createElement('input');
+        input.type = 'hidden';
+        input.name = 'selectedDays';
+        input.value = cell.getAttribute('data-date');
+        selectDaysForm.appendChild(input);
+      });
+    });
+  }
   
\ No newline at end of file
diff --git a/app/assets/sass/components/_calendar-table.scss b/app/assets/sass/components/_calendar-table.scss
index ce5422d0..4858c63d 100644
--- a/app/assets/sass/components/_calendar-table.scss
+++ b/app/assets/sass/components/_calendar-table.scss
@@ -82,6 +82,7 @@
       text-wrap: nowrap;
     }
   }
+
   .--schedule-end {
     position: relative;
     border-right-color: nhsuk-colour("grey-2");
@@ -109,6 +110,12 @@
   margin-bottom: nhsuk-spacing(2);
 }
 
+.--template-name {
+  display: block;
+  padding: nhsuk-spacing(1);
+  margin-top: nhsuk-spacing(2);
+}
+
 ///
 /// 
 /// 
diff --git a/app/assets/sass/components/_card.scss b/app/assets/sass/components/_card.scss
new file mode 100644
index 00000000..3a39888b
--- /dev/null
+++ b/app/assets/sass/components/_card.scss
@@ -0,0 +1,20 @@
+@use "sass:color";
+@use "nhsuk-frontend/dist/nhsuk/core" as *;
+
+.nhsuk-card--feature.app-card--feature-grey {
+  background-color: color.scale(nhsuk-colour("grey-4"), $alpha: -50%) !important;
+}
+.nhsuk-card--feature.app-card--feature-grey .nhsuk-card__heading {
+  background-color: nhsuk-colour("grey-1");
+  color: nhsuk-colour("white");
+}
+
+.nhsuk-card--feature.app-card--feature-orange .nhsuk-card__heading {
+  background-color: nhsuk-colour("orange");
+  color: nhsuk-colour("white");
+}
+
+.nhsuk-card--feature.app-card--feature-green .nhsuk-card__heading {
+  background-color: nhsuk-colour("green");
+  color: nhsuk-colour("white");
+}
diff --git a/app/assets/sass/components/_clinic-capacity-summary.scss b/app/assets/sass/components/_clinic-capacity-summary.scss
new file mode 100644
index 00000000..8a473091
--- /dev/null
+++ b/app/assets/sass/components/_clinic-capacity-summary.scss
@@ -0,0 +1,18 @@
+@use "nhsuk-frontend/dist/nhsuk/core" as *;
+
+.app-clinic-capacity-summary {
+  @include nhsuk-responsive-margin(4, "bottom");
+
+  .nhsuk-table__body {
+    display: flex;
+  }
+    .nhsuk-table__header:not(:last-child) {
+      @include nhsuk-responsive-padding(1, "right");
+      border: 0;
+    }
+    .nhsuk-table__cell {
+      @include nhsuk-responsive-padding(5, "right");
+      border: 0;
+    }
+
+}
\ No newline at end of file
diff --git a/app/assets/sass/components/_progress-bar.scss b/app/assets/sass/components/_progress-bar.scss
index e3ac3c90..e6b7780e 100644
--- a/app/assets/sass/components/_progress-bar.scss
+++ b/app/assets/sass/components/_progress-bar.scss
@@ -55,34 +55,44 @@
     min-width: 0;
   }
 }
-.app-progress-bar::-webkit-progress-bar {
+::-webkit-progress-bar {
   background: #fff;
 }
 .app-progress-bar::-moz-progress-bar {
   background: #fff;
 }
 
-.app-progress-bar.--generic::-webkit-progress-value,
+.app-progress-bar.--generic::-webkit-progress-value {
+  background: var(--generic-chart-hatch);
+}
 .app-progress-bar.--generic::-moz-progress-bar {
   background: var(--generic-chart-hatch);
 }
 
-.app-progress-bar.--standard::-webkit-progress-value,
+.app-progress-bar.--standard::-webkit-progress-value {
+  background: var(--standard-chart-hatch);
+}
 .app-progress-bar.--standard::-moz-progress-bar {
   background: var(--standard-chart-hatch);
 }
 
-.app-progress-bar.--special::-webkit-progress-value,
+.app-progress-bar.--special::-webkit-progress-value {
+  background: var(--special-chart-hatch);
+}
 .app-progress-bar.--special::-moz-progress-bar {
   background: var(--special-chart-hatch);
 }
 
-.app-progress-bar.--ceased::-webkit-progress-value,
+.app-progress-bar.--ceased::-webkit-progress-value {
+  background: var(--ceased-chart-hatch);
+}
 .app-progress-bar.--ceased::-moz-progress-bar {
   background: var(--ceased-chart-hatch);
 }
 
-.app-progress-bar.--vhr::-webkit-progress-value,
+.app-progress-bar.--vhr::-webkit-progress-value {
+  background: var(--vhr-chart-hatch);
+}
 .app-progress-bar.--vhr::-moz-progress-bar {
   background: var(--vhr-chart-hatch);
-}
\ No newline at end of file
+}
diff --git a/app/assets/sass/main.scss b/app/assets/sass/main.scss
index 701efcd1..cdf5f741 100755
--- a/app/assets/sass/main.scss
+++ b/app/assets/sass/main.scss
@@ -85,6 +85,8 @@
 // https://github.com/NHSDigital/manage-breast-screening-prototype
 
 @forward "components/calendar-table";
+@forward "components/clinic-capacity-summary";
+@forward "components/card";
 @forward "components/clinic-level-breadcrumbs";
 @forward "components/grid-extensions";
 @forward "components/inline-detailed-search";
@@ -106,6 +108,24 @@ a {
   @extend .nhsuk-link--no-visited-state;
 }
 
+// Makes a <button> look and behave like the .panel-item links it sits alongside
+.app-link-button {
+  display: block;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  background: none;
+  text-align: left;
+  font: inherit;
+  color: $nhsuk-link-colour;
+  cursor: pointer;
+
+  &:hover {
+    color: nhsuk-shade($nhsuk-link-colour, 20%);
+    text-decoration: underline;
+  }
+}
+
 .app-card-editable {
   display: flex;
   justify-content: space-between;
@@ -170,6 +190,36 @@ a {
   width: 100%;
 }
 
+.app-participants-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 24px;
+  margin-bottom: 24px;
+
+  > p {
+    margin-bottom: 0;
+  }
+}
+
+.app-participants-sort-form {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  margin-bottom: 0;
+
+  .nhsuk-label {
+    margin-bottom: 0;
+    white-space: nowrap;
+  }
+}
+
+@include nhsuk-media-query($from: tablet) {
+  .app-participants-sort-form {
+    flex-shrink: 0;
+  }
+}
+
 
 .nhsuk-grid-column-four-fifths {
   @include nhsuk-grid-column(four-fifths);
@@ -178,3 +228,6 @@ a {
 .nhsuk-grid-column-one-fifth {
   @include nhsuk-grid-column(one-fifth);
 }
+.app-tag--attached {
+  margin-right: -1px;
+}
\ No newline at end of file
diff --git a/app/config.js b/app/config.js
index 97df32f5..da032d04 100644
--- a/app/config.js
+++ b/app/config.js
@@ -3,7 +3,6 @@
 module.exports = {
   // Service name
   serviceName: 'Run breast screening in England',
-
   // Port to run the prototype on locally
   port: 3000
 }
diff --git a/app/data/participants.js b/app/data/participants.js
index 64cf0904..32d46d07 100644
--- a/app/data/participants.js
+++ b/app/data/participants.js
@@ -1,152 +1,223 @@
-export default [
-  { participantId: 'p0001', nhs_number: "999 054 3666", full_name: "Billie Joanne Marquardt", date_of_birth: "15 March 1960", status: "unstaged" },
-  { participantId: 'p0002', nhs_number: "999 582 7164", full_name: "Alice Marie Gregory", date_of_birth: "8 November 1964", status: "unstaged" },
-  { participantId: 'p0003', nhs_number: "999 374 0952", full_name: "Daphne Hart", date_of_birth: "22 July 1958", status: "unstaged" },
-  { participantId: 'p0004', nhs_number: "999 195 4836", full_name: "Marta O'Neill", date_of_birth: "3 May 1971", status: "unstaged" },
-  { participantId: 'p0005', nhs_number: "999 287 9305", full_name: "Susan Carter", date_of_birth: "19 September 1967", status: "unstaged" },
-  { participantId: 'p0006', nhs_number: "999 463 1129", full_name: "Olivia Barnes", date_of_birth: "12 January 1975", status: "unstaged" },
-  { participantId: 'p0007', nhs_number: "999 774 2201", full_name: "Rachel Price", date_of_birth: "27 April 1962", status: "unstaged" },
-  { participantId: 'p0008', nhs_number: "999 546 8870", full_name: "Hannah Wallace", date_of_birth: "6 October 1959", status: "unstaged" },
-  { participantId: 'p0009', nhs_number: "999 559 3322", full_name: "Fiona Lambert", date_of_birth: "14 December 1973", status: "unstaged" },
-  { participantId: 'p0010', nhs_number: "999 804 7753", full_name: "Georgia Mills", date_of_birth: "30 June 1968", status: "unstaged" },
-  { participantId: 'p0011', nhs_number: "999 290 4601", full_name: "Elaine Fox", date_of_birth: "11 February 1976", status: "unstaged" },
-  { participantId: 'p0012', nhs_number: "999 613 2084", full_name: "Tessa King", date_of_birth: "25 August 1963", status: "unstaged" },
-  { participantId: 'p0013', nhs_number: "999 118 9756", full_name: "Nadia Singh", date_of_birth: "7 April 1957", status: "unstaged" },
-  { participantId: 'p0014', nhs_number: "999 039 6617", full_name: "Jane Reed", date_of_birth: "18 November 1970", status: "unstaged" },
-  { participantId: 'p0015', nhs_number: "999 259 1148", full_name: "Laura White", date_of_birth: "29 May 1965", status: "unstaged" },
-  { participantId: 'p0016', nhs_number: "999 880 3320", full_name: "Marissa Young", date_of_birth: "9 March 1961", status: "unstaged" },
-  { participantId: 'p0017', nhs_number: "999 901 7732", full_name: "Naomi Bell", date_of_birth: "21 September 1974", status: "unstaged" },
-  { participantId: 'p0018', nhs_number: "999 216 5087", full_name: "Paige Long", date_of_birth: "4 July 1969", status: "unstaged" },
-  { participantId: 'p0019', nhs_number: "999 487 9901", full_name: "Catherine Wood", date_of_birth: "16 January 1956", status: "unstaged" },
-  { participantId: 'p0020', nhs_number: "999 603 1774", full_name: "Victoria Hale", date_of_birth: "13 October 1966", status: "unstaged" },
-  { participantId: 'p0021', nhs_number: "999 905 6423", full_name: "Imogen Frost", date_of_birth: "31 December 1972", status: "unstaged" },
-  { participantId: 'p0022', nhs_number: "999 332 1108", full_name: "Dara Moss", date_of_birth: "24 June 1960", status: "unstaged" },
-  { participantId: 'p0023', nhs_number: "999 427 5930", full_name: "Sophie Hartley", date_of_birth: "2 August 1962", status: "unstaged" },
-  { participantId: 'p0024', nhs_number: "999 218 3446", full_name: "Emma Cole", date_of_birth: "17 April 1975", status: "unstaged" },
-  { participantId: 'p0025', nhs_number: "999 109 8875", full_name: "Megan Price", date_of_birth: "5 February 1961", status: "unstaged" },
-  { participantId: 'p0026', nhs_number: "999 678 2209", full_name: "Mia Ford", date_of_birth: "19 May 1972", status: "unstaged" },
-  { participantId: 'p0027', nhs_number: "999 502 6683", full_name: "Zoe Grant", date_of_birth: "11 March 1965", status: "unstaged" },
-  { participantId: 'p0028', nhs_number: "999 244 1196", full_name: "Ariana Miles", date_of_birth: "28 November 1959", status: "unstaged" },
-  { participantId: 'p0029', nhs_number: "999 883 4455", full_name: "Bethany Cross", date_of_birth: "7 July 1975", status: "unstaged" },
-  { participantId: 'p0030', nhs_number: "999 771 9002", full_name: "Callie Morris", date_of_birth: "14 September 1968", status: "unstaged" },
-  { participantId: 'p0031', nhs_number: "999 439 3321", full_name: "Helena Rowe", date_of_birth: "2 April 1963", status: "unstaged" },
-  { participantId: 'p0032', nhs_number: "999 210 5587", full_name: "Danielle Nash", date_of_birth: "23 June 1970", status: "unstaged" },
-  { participantId: 'p0033', nhs_number: "999 619 4470", full_name: "Faye Turner", date_of_birth: "8 January 1957", status: "unstaged" },
-  { participantId: 'p0034', nhs_number: "999 908 2233", full_name: "Leona Grant", date_of_birth: "15 October 1974", status: "unstaged" },
-  { participantId: 'p0035', nhs_number: "999 776 9904", full_name: "Nora Blake", date_of_birth: "30 December 1966", status: "unstaged" },
-  { participantId: 'p0036', nhs_number: "999 665 8805", full_name: "Olivia Lee", date_of_birth: "19 August 1960", status: "unstaged" },
-  { participantId: 'p0037', nhs_number: "999 554 7706", full_name: "Priya Desai", date_of_birth: "10 May 1973", status: "unstaged" },
-  { participantId: 'p0038', nhs_number: "999 443 6607", full_name: "Quinn Park", date_of_birth: "26 March 1964", status: "unstaged" },
-  { participantId: 'p0039', nhs_number: "999 332 5508", full_name: "Rosa Kirk", date_of_birth: "13 July 1958", status: "unstaged" },
-  { participantId: 'p0040', nhs_number: "999 221 4409", full_name: "Shannon Boyd", date_of_birth: "22 November 1971", status: "unstaged" },
-  { participantId: 'p0041', nhs_number: "999 110 3310", full_name: "Tara Voss", date_of_birth: "9 February 1969", status: "unstaged" },
-  { participantId: 'p0042', nhs_number: "999 009 2201", full_name: "Uma Jha", date_of_birth: "17 September 1962", status: "unstaged" },
-  { participantId: 'p0043', nhs_number: "999 898 1192", full_name: "Victoria Dean", date_of_birth: "4 April 1976", status: "unstaged" },
-  { participantId: 'p0044', nhs_number: "999 787 0083", full_name: "Wendy Fox", date_of_birth: "21 June 1967", status: "unstaged" },
-  { participantId: 'p0045', nhs_number: "999 676 9974", full_name: "Xena Holt", date_of_birth: "11 December 1960", status: "unstaged" },
-  { participantId: 'p0046', nhs_number: "999 565 8865", full_name: "Yasmin Noor", date_of_birth: "28 August 1961", status: "unstaged" },
-  { participantId: 'p0047', nhs_number: "999 454 7756", full_name: "Zara Moon", date_of_birth: "6 May 1973", status: "unstaged" },
-  { participantId: 'p0048', nhs_number: "999 343 6647", full_name: "Abigail Stone", date_of_birth: "14 October 1959", status: "unstaged" },
-  { participantId: 'p0049', nhs_number: "999 000 0001", full_name: "Olivia Smith", date_of_birth: "12 March 1968", status: "unstaged" },
-  { participantId: 'p0050', nhs_number: "999 000 0002", full_name: "Emily Johnson", date_of_birth: "5 June 1974", status: "unstaged" },
-  { participantId: 'p0051', nhs_number: "999 000 0003", full_name: "Charlotte Taylor", date_of_birth: "23 September 1961", status: "unstaged" },
-  { participantId: 'p0052', nhs_number: "999 000 0004", full_name: "Sophie Brown", date_of_birth: "18 January 1959", status: "unstaged" },
-  { participantId: 'p0053', nhs_number: "999 000 0005", full_name: "Chloe Williams", date_of_birth: "7 July 1970", status: "unstaged" },
-  { participantId: 'p0054', nhs_number: "999 000 0006", full_name: "Amelia Davies", date_of_birth: "30 November 1965", status: "unstaged" },
-  { participantId: 'p0055', nhs_number: "999 000 0007", full_name: "Isla Evans", date_of_birth: "2 April 1963", status: "unstaged" },
-  { participantId: 'p0056', nhs_number: "999 000 0008", full_name: "Mia Wilson", date_of_birth: "14 February 1967", status: "unstaged" },
-  { participantId: 'p0057', nhs_number: "999 000 0009", full_name: "Ella Thomas", date_of_birth: "29 May 1976", status: "unstaged" },
-  { participantId: 'p0058', nhs_number: "999 000 0010", full_name: "Grace Roberts", date_of_birth: "11 August 1962", status: "unstaged" },
-  { participantId: 'p0059', nhs_number: "999 000 0011", full_name: "Lily Johnson", date_of_birth: "4 October 1958", status: "unstaged" },
-  { participantId: 'p0060', nhs_number: "999 000 0012", full_name: "Hannah Lewis", date_of_birth: "25 March 1964", status: "unstaged" },
-  { participantId: 'p0061', nhs_number: "999 000 0013", full_name: "Ruby Walker", date_of_birth: "9 December 1960", status: "unstaged" },
-  { participantId: 'p0062', nhs_number: "999 000 0014", full_name: "Evie Wright", date_of_birth: "16 May 1969", status: "unstaged" },
-  { participantId: 'p0063', nhs_number: "999 000 0015", full_name: "Isabelle Robinson", date_of_birth: "21 November 1957", status: "unstaged" },
-  { participantId: 'p0064', nhs_number: "999 000 0016", full_name: "Alice Wood", date_of_birth: "6 July 1971", status: "unstaged" },
-  { participantId: 'p0065', nhs_number: "999 000 0017", full_name: "Matilda Thompson", date_of_birth: "19 April 1966", status: "unstaged" },
-  { participantId: 'p0066', nhs_number: "999 000 0018", full_name: "Poppy White", date_of_birth: "27 February 1963", status: "unstaged" },
-  { participantId: 'p0067', nhs_number: "999 000 0019", full_name: "Jessica Watson", date_of_birth: "1 January 1957", status: "unstaged" },
-  { participantId: 'p0068', nhs_number: "999 000 0020", full_name: "Sarah Jackson", date_of_birth: "8 September 1968", status: "unstaged" },
-  { participantId: 'p0069', nhs_number: "999 000 0021", full_name: "Laura Clarke", date_of_birth: "13 June 1962", status: "unstaged" },
-  { participantId: 'p0070', nhs_number: "999 000 0022", full_name: "Megan Harrison", date_of_birth: "22 August 1959", status: "unstaged" },
-  { participantId: 'p0071', nhs_number: "999 000 0023", full_name: "Victoria Green", date_of_birth: "3 March 1973", status: "unstaged" },
-  { participantId: 'p0072', nhs_number: "999 000 0024", full_name: "Natalie Hall", date_of_birth: "15 October 1965", status: "unstaged" },
-  { participantId: 'p0073', nhs_number: "999 000 0025", full_name: "Lauren Cooper", date_of_birth: "28 November 1961", status: "unstaged" },
-  { participantId: 'p0074', nhs_number: "999 000 0026", full_name: "Zoe Mitchell", date_of_birth: "10 May 1960", status: "unstaged" },
-  { participantId: 'p0075', nhs_number: "999 000 0027", full_name: "Amber Morgan", date_of_birth: "17 July 1969", status: "unstaged" },
-  { participantId: 'p0076', nhs_number: "999 000 0028", full_name: "Lydia Hill", date_of_birth: "2 December 1975", status: "unstaged" },
-  { participantId: 'p0077', nhs_number: "999 000 0029", full_name: "Bethany Moore", date_of_birth: "24 April 1958", status: "unstaged" },
-  { participantId: 'p0078', nhs_number: "999 000 0030", full_name: "Natalie Ward", date_of_birth: "30 September 1964", status: "unstaged" },
-  { participantId: 'p0079', nhs_number: "999 000 0031", full_name: "Rebecca Edwards", date_of_birth: "5 February 1970", status: "unstaged" },
-  { participantId: 'p0080', nhs_number: "999 000 0032", full_name: "Danielle Hughes", date_of_birth: "14 June 1967", status: "unstaged" },
-  { participantId: 'p0081', nhs_number: "999 000 0033", full_name: "Fiona Turner", date_of_birth: "9 October 1963", status: "unstaged" },
-  { participantId: 'p0082', nhs_number: "999 000 0034", full_name: "Rachel Parker", date_of_birth: "26 January 1956", status: "unstaged" },
-  { participantId: 'p0083', nhs_number: "999 000 0035", full_name: "Nicola Collins", date_of_birth: "7 August 1966", status: "unstaged" },
-  { participantId: 'p0084', nhs_number: "999 000 0036", full_name: "Claire Stewart", date_of_birth: "12 November 1971", status: "unstaged" },
-  { participantId: 'p0085', nhs_number: "999 000 0037", full_name: "Joanne Morris", date_of_birth: "19 March 1962", status: "unstaged" },
-  { participantId: 'p0086', nhs_number: "999 000 0038", full_name: "Lorraine Rogers", date_of_birth: "3 May 1974", status: "unstaged" },
-  { participantId: 'p0087', nhs_number: "999 000 0039", full_name: "Angela Cook", date_of_birth: "22 July 1958", status: "unstaged" },
-  { participantId: 'p0088', nhs_number: "999 000 0040", full_name: "Emma Murphy", date_of_birth: "27 September 1969", status: "unstaged" },
-  { participantId: 'p0089', nhs_number: "999 000 0041", full_name: "Jill Richardson", date_of_birth: "6 April 1965", status: "unstaged" },
-  { participantId: 'p0090', nhs_number: "999 000 0042", full_name: "Sandra Cox", date_of_birth: "15 December 1957", status: "unstaged" },
-  { participantId: 'p0091', nhs_number: "999 000 0043", full_name: "Yasmin Baker", date_of_birth: "23 June 1961", status: "unstaged" },
-  { participantId: 'p0092', nhs_number: "999 000 0044", full_name: "Paige Bell", date_of_birth: "11 October 1970", status: "unstaged" },
-  { participantId: 'p0093', nhs_number: "999 000 0045", full_name: "Harriet Butler", date_of_birth: "2 February 1968", status: "unstaged" },
-  { participantId: 'p0094', nhs_number: "999 000 0046", full_name: "Imogen Gray", date_of_birth: "29 May 1964", status: "unstaged" },
-  { participantId: 'p0095', nhs_number: "999 000 0047", full_name: "Tessa Chapman", date_of_birth: "18 November 1962", status: "unstaged" },
-  { participantId: 'p0096', nhs_number: "999 000 0048", full_name: "Darcey Ellis", date_of_birth: "4 July 1973", status: "unstaged" },
-  { participantId: 'p0097', nhs_number: "999 000 0049", full_name: "Casey Kelly", date_of_birth: "30 March 1960", status: "unstaged" },
-  { participantId: 'p0098', nhs_number: "999 000 0050", full_name: "Morgan Porter", date_of_birth: "21 August 1959", status: "unstaged" },
-  { participantId: 'p0099', nhs_number: "999 000 0051", full_name: "Alex Pearson", date_of_birth: "8 January 1966", status: "unstaged" },
-  { participantId: 'p0100', nhs_number: "999 000 0052", full_name: "Jamie Barker", date_of_birth: "14 October 1963", status: "unstaged" },
-  { participantId: 'p0101', nhs_number: "999 000 0053", full_name: "Rowan Hudson", date_of_birth: "25 May 1967", status: "unstaged" },
-  { participantId: 'p0102', nhs_number: "999 000 0054", full_name: "Riley Harvey", date_of_birth: "6 April 1958", status: "unstaged" },
-  { participantId: 'p0103', nhs_number: "999 000 0055", full_name: "Avery Powell", date_of_birth: "13 September 1975", status: "unstaged" },
-  { participantId: 'p0104', nhs_number: "999 000 0056", full_name: "Quinn Jenkins", date_of_birth: "28 February 1961", status: "unstaged" },
-  { participantId: 'p0105', nhs_number: "999 000 0057", full_name: "Jordan Simpson", date_of_birth: "17 June 1969", status: "unstaged" },
-  { participantId: 'p0106', nhs_number: "999 000 0058", full_name: "Taylor Matthews", date_of_birth: "3 November 1960", status: "unstaged" },
-  { participantId: 'p0107', nhs_number: "999 000 0059", full_name: "Sam Davidson", date_of_birth: "12 July 1964", status: "unstaged" },
-  { participantId: 'p0108', nhs_number: "999 000 0060", full_name: "Pat Palmer", date_of_birth: "20 March 1956", status: "unstaged" },
-  { participantId: 'p0109', nhs_number: "999 000 0061", full_name: "Blair Grant", date_of_birth: "9 September 1968", status: "unstaged" },
-  { participantId: 'p0110', nhs_number: "999 000 0062", full_name: "Darcy Price", date_of_birth: "1 December 1965", status: "unstaged" },
-  { participantId: 'p0111', nhs_number: "999 000 0063", full_name: "Skylar Grant", date_of_birth: "14 August 1971", status: "unstaged" },
-  { participantId: 'p0112', nhs_number: "999 000 0064", full_name: "Noel King", date_of_birth: "5 May 1959", status: "unstaged" },
-  { participantId: 'p0113', nhs_number: "999 000 0065", full_name: "Ariel Lee", date_of_birth: "23 January 1962", status: "unstaged" },
-  { participantId: 'p0114', nhs_number: "999 000 0066", full_name: "Shannon Baker", date_of_birth: "11 November 1967", status: "unstaged" },
-  { participantId: 'p0115', nhs_number: "999 000 0067", full_name: "Kerry Webb", date_of_birth: "4 April 1963", status: "unstaged" },
-  { participantId: 'p0116', nhs_number: "999 000 0068", full_name: "Shannon Reid", date_of_birth: "29 June 1974", status: "unstaged" },
-  { participantId: 'p0117', nhs_number: "999 000 0069", full_name: "Kelly Fox", date_of_birth: "16 October 1969", status: "unstaged" },
-  { participantId: 'p0118', nhs_number: "999 000 0070", full_name: "Casey Ward", date_of_birth: "7 March 1966", status: "unstaged" },
-  { participantId: 'p0119', nhs_number: "999 000 0071", full_name: "Rowan Stone", date_of_birth: "30 August 1961", status: "unstaged" },
-  { participantId: 'p0120', nhs_number: "999 000 0072", full_name: "Skye Doyle", date_of_birth: "19 May 1958", status: "unstaged" },
-  { participantId: 'p0121', nhs_number: "999 000 0073", full_name: "Morgan Heath", date_of_birth: "2 September 1960", status: "unstaged" },
-  { participantId: 'p0122', nhs_number: "999 000 0074", full_name: "Alex Murray", date_of_birth: "25 December 1964", status: "unstaged" },
-  { participantId: 'p0123', nhs_number: "999 000 0075", full_name: "Taylor Hughes", date_of_birth: "10 February 1967", status: "unstaged" },
-  { participantId: 'p0124', nhs_number: "999 000 0076", full_name: "Jamie Arnold", date_of_birth: "18 July 1972", status: "unstaged" },
-  { participantId: 'p0125', nhs_number: "999 000 0077", full_name: "Riley Bates", date_of_birth: "6 November 1957", status: "unstaged" },
-  { participantId: 'p0126', nhs_number: "999 000 0078", full_name: "Avery Gill", date_of_birth: "22 April 1965", status: "unstaged" },
-  { participantId: 'p0127', nhs_number: "999 000 0079", full_name: "Quinn Ellis", date_of_birth: "13 June 1963", status: "unstaged" },
-  { participantId: 'p0128', nhs_number: "999 000 0080", full_name: "Jordan Neal", date_of_birth: "27 September 1969", status: "unstaged" },
-  { participantId: 'p0129', nhs_number: "999 000 0081", full_name: "Casey Walton", date_of_birth: "8 December 1958", status: "unstaged" },
-  { participantId: 'p0130', nhs_number: "999 000 0082", full_name: "Sam Nash", date_of_birth: "15 January 1966", status: "unstaged" },
-  { participantId: 'p0131', nhs_number: "999 000 0083", full_name: "Robin Blake", date_of_birth: "4 October 1970", status: "unstaged" },
-  { participantId: 'p0132', nhs_number: "999 000 0084", full_name: "Frances Potter", date_of_birth: "21 March 1959", status: "unstaged" },
-  { participantId: 'p0133', nhs_number: "999 000 0085", full_name: "Marlow Bishop", date_of_birth: "11 July 1968", status: "unstaged" },
-  { participantId: 'p0134', nhs_number: "999 000 0086", full_name: "Ellis Finch", date_of_birth: "29 November 1962", status: "unstaged" },
-  { participantId: 'p0135', nhs_number: "999 000 0087", full_name: "Darcy Lane", date_of_birth: "6 May 1961", status: "unstaged" },
-  { participantId: 'p0136', nhs_number: "999 000 0088", full_name: "Sky Morgan", date_of_birth: "17 August 1964", status: "unstaged" },
-  { participantId: 'p0137', nhs_number: "999 000 0089", full_name: "Rowan Finch", date_of_birth: "3 June 1971", status: "unstaged" },
-  { participantId: 'p0138', nhs_number: "999 000 0090", full_name: "Taylor Fields", date_of_birth: "24 February 1967", status: "unstaged" },
-  { participantId: 'p0139', nhs_number: "999 000 0091", full_name: "Alex Rivers", date_of_birth: "13 October 1956", status: "unstaged" },
-  { participantId: 'p0140', nhs_number: "999 000 0092", full_name: "Morgan Heath", date_of_birth: "2 January 1963", status: "unstaged" },
-  { participantId: 'p0141', nhs_number: "999 000 0093", full_name: "Jamie Park", date_of_birth: "30 April 1969", status: "unstaged" },
-  { participantId: 'p0142', nhs_number: "999 000 0094", full_name: "Riley Fox", date_of_birth: "9 September 1965", status: "unstaged" },
-  { participantId: 'p0143', nhs_number: "999 000 0095", full_name: "Avery Cross", date_of_birth: "5 June 1975", status: "unstaged" },
-  { participantId: 'p0144', nhs_number: "999 000 0096", full_name: "Quinn Haynes", date_of_birth: "18 August 1958", status: "unstaged" },
-  { participantId: 'p0145', nhs_number: "999 000 0097", full_name: "Jordan Vance", date_of_birth: "27 November 1966", status: "unstaged" },
-  { participantId: 'p0146', nhs_number: "999 000 0098", full_name: "Taylor Webb", date_of_birth: "14 February 1970", status: "unstaged" },
-  { participantId: 'p0147', nhs_number: "999 000 0099", full_name: "Sam Rector", date_of_birth: "1 October 1962", status: "unstaged" },
-  { participantId: 'p0148', nhs_number: "999 000 0100", full_name: "Casey Milton", date_of_birth: "20 July 1968", status: "unstaged" },
-  { participantId: 'p0149', nhs_number: "999 000 0101", full_name: "Alex Harper", date_of_birth: "11 March 1960", status: "unstaged" },
-  { participantId: 'p0150', nhs_number: "999 000 0102", full_name: "Morgan Kane", date_of_birth: "22 December 1957", status: "unstaged" }
-];
+const firstNames = [
+  'Amelia', 'Aisha', 'Alice', 'Angela', 'Anita', 'Charlotte', 'Claire',
+  'Diane', 'Elizabeth', 'Emma', 'Fiona', 'Grace', 'Hannah', 'Helen',
+  'Imogen', 'Janet', 'Joanne', 'Julia', 'Karen', 'Laura', 'Linda',
+  'Louise', 'Maria', 'Megan', 'Michelle', 'Natalie', 'Nicola', 'Olivia',
+  'Patricia', 'Rachel', 'Rebecca', 'Ruth', 'Sarah', 'Sharon', 'Sophie',
+  'Susan', 'Teresa', 'Tracey', 'Victoria', 'Wendy', 'Yasmin'
+]
+
+const middleNames = [
+  'Anne', 'Beatrice', 'Catherine', 'Dawn', 'Elaine', 'Jane', 'Jean',
+  'Louise', 'Marie', 'May', 'Rose', 'Victoria'
+]
+
+const surnames = [
+  'Adams', 'Baker', 'Bennett', 'Bishop', 'Brown', 'Campbell', 'Carter',
+  'Chapman', 'Clarke', 'Collins', 'Cooper', 'Davies', 'Dawson', 'Dixon',
+  'Edwards', 'Ellis', 'Evans', 'Fisher', 'Foster', 'Fox', 'Graham',
+  'Grant', 'Green', 'Griffiths', 'Hall', 'Harris', 'Harrison', 'Hart',
+  'Harvey', 'Henderson', 'Hill', 'Hughes', 'Jackson', 'James', 'Jenkins',
+  'Johnson', 'Jones', 'Kelly', 'King', 'Knight', 'Lane', 'Lawrence',
+  'Lee', 'Lewis', 'Lloyd', 'Marshall', 'Martin', 'Mason', 'Matthews',
+  'Miller', 'Mills', 'Mitchell', 'Moore', 'Morgan', 'Morris', 'Moss',
+  'Murphy', 'Murray', 'Nash', 'Nelson', 'Nicholson', 'Parker', 'Patel',
+  'Pearson', 'Perry', 'Phillips', 'Price', 'Reed', 'Rees', 'Reid',
+  'Richards', 'Roberts', 'Robinson', 'Rogers', 'Rose', 'Russell', 'Scott',
+  'Shaw', 'Simpson', 'Smith', 'Stevens', 'Stewart', 'Stone', 'Taylor',
+  'Thomas', 'Thompson', 'Turner', 'Walker', 'Wallace', 'Walsh', 'Ward',
+  'Watson', 'Webb', 'West', 'White', 'Wilkinson', 'Williams', 'Wilson',
+  'Wood', 'Wright', 'Young'
+]
+
+const internationalNames = [
+  { firstName: 'Amina', surname: 'Rahman' },
+  { firstName: 'Ananya', surname: 'Sharma' },
+  { firstName: 'Beatriz', surname: 'Gomes' },
+  { firstName: 'Chiamaka', surname: 'Okafor' },
+  { firstName: 'Fatima', surname: 'Khan' },
+  { firstName: 'Hana', surname: 'Sato' },
+  { firstName: 'Leila', surname: 'Haddad' },
+  { firstName: 'Mei', surname: 'Wong' },
+  { firstName: 'Nadia', surname: 'Petrova' },
+  { firstName: 'Priyanka', surname: 'Patel' },
+  { firstName: 'Samira', surname: 'Hassan' },
+  { firstName: 'Thandiwe', surname: 'Ndlovu' },
+  { firstName: 'Valentina', surname: 'Rossi' },
+  { firstName: 'Wei', surname: 'Chen' },
+  { firstName: 'Zeinab', surname: 'Ali' }
+]
+
+const streets = [
+  'Ash Grove', 'Beech Avenue', 'Brook Lane', 'Cedar Road', 'Church Street',
+  'Elm Close', 'Fairview Drive', 'Garden Way', 'Hawthorn Road',
+  'Highfield Avenue', 'Meadow Lane', 'Oak Street', 'Orchard Close',
+  'Park View', 'Station Road', 'The Crescent', 'Willow Drive'
+]
+
+const towns = [
+  { name: 'Brightmere', postcode: 'BM1 4AB' },
+  { name: 'Cedarford', postcode: 'CF2 7CD' },
+  { name: 'Fairwick', postcode: 'FW3 5EF' },
+  { name: 'Greystone', postcode: 'GS4 8GH' },
+  { name: 'Oakminster', postcode: 'OM5 2JK' },
+  { name: 'Westcombe', postcode: 'WC6 9LM' }
+]
+
+const appointmentUnits = ['West Sussex Breast Care Centre', 'Alpha Van', 'Beta Van', 'Gamma Van', 'Delta Van']
+const appointmentLocations = [
+  'Bognor Regis', 'Burgess Hill', 'Chichester', 'Crawley', 'Haywards Heath',
+  'Horsham', 'Littlehampton', 'Shoreham-by-Sea', 'Storrington'
+]
+
+const months = [
+  'January', 'February', 'March', 'April', 'May', 'June',
+  'July', 'August', 'September', 'October', 'November', 'December'
+]
+
+const pad = (value, width = 2) => String(value).padStart(width, '0')
+const formatDate = (date) => `${pad(date.getDate())} ${months[date.getMonth()]} ${date.getFullYear()}`
+const postcodeFor = (index, postcode) => {
+  const outwardCode = postcode.split(' ')[0]
+  const letters = 'ABCDEFGHJKLMNPRSTUWXYZ'
+  const suffixIndex = Math.floor(index / 9)
+  const firstLetter = letters[Math.floor(suffixIndex / letters.length)]
+  const secondLetter = letters[suffixIndex % letters.length]
+  return `${outwardCode} ${(index % 9) + 1}${firstLetter}${secondLetter}`
+}
+
+const gpPractices = [
+  { practice_code: 'DEMO001', name: 'Ash Grove Medical Centre', phone: '01632 960101', address: { houseNumber: '12', street: 'Ash Grove', town: 'Brightmere', postcode: 'BM1 4AC' } },
+  { practice_code: 'DEMO002', name: 'Cedarford Family Practice', phone: '01632 960102', address: { houseNumber: '24', street: 'Cedar Road', town: 'Cedarford', postcode: 'CF2 7CE' } },
+  { practice_code: 'DEMO003', name: 'Fairview Health Centre', phone: '01632 960103', address: { houseNumber: '8', street: 'Fairview Drive', town: 'Fairwick', postcode: 'FW3 5EG' } },
+  { practice_code: 'DEMO004', name: 'Greystone Medical Practice', phone: '01632 960104', address: { houseNumber: '31', street: 'Church Street', town: 'Greystone', postcode: 'GS4 8GJ' } },
+  { practice_code: 'DEMO005', name: 'Oakminster Surgery', phone: '01632 960105', address: { houseNumber: '5', street: 'Oak Street', town: 'Oakminster', postcode: 'OM5 2JL' } },
+  { practice_code: 'DEMO006', name: 'Westcombe Medical Centre', phone: '01632 960106', address: { houseNumber: '17', street: 'Station Road', town: 'Westcombe', postcode: 'WC6 9LN' } },
+  { practice_code: 'DEMO007', name: 'Meadow Lane Health Centre', phone: '01632 960107', address: { houseNumber: '42', street: 'Meadow Lane', town: 'Brightmere', postcode: 'BM1 4AD' } },
+  { practice_code: 'DEMO008', name: 'Willow Drive Family Practice', phone: '01632 960108', address: { houseNumber: '3', street: 'Willow Drive', town: 'Cedarford', postcode: 'CF2 7CF' } }
+]
+
+const addDays = (date, days) => {
+  const result = new Date(date)
+  result.setDate(result.getDate() + days)
+  return result
+}
+
+const formatRelativeDate = (date, today, daysThreshold = 7) => {
+  const days = Math.max(0, Math.round((date - today) / 86400000))
+
+  if (days < daysThreshold) {
+    return `In ${days} day${days === 1 ? '' : 's'}`
+  }
+
+  const weeks = Math.round(days / 7)
+  if (weeks < 8) {
+    return `In ${weeks} week${weeks === 1 ? '' : 's'}`
+  }
+
+  const months = Math.max(1, Math.round(days / 30))
+  return `In ${months} month${months === 1 ? '' : 's'}`
+}
+
+const lastScreenedDaysAgoFor = (index) => {
+  if (index % 30 === 0) return null
+  if (index % 20 < 4) return 365 + ((index * 37) % 1095)
+  if (index % 37 === 0) return 1826 + ((index * 11) % 1095)
+  return 1095 + ((index * 13) % 181)
+}
+
+const calculateAge = (dateOfBirth, today) => {
+  let age = today.getFullYear() - dateOfBirth.getFullYear()
+  const birthdayThisYear = new Date(today.getFullYear(), dateOfBirth.getMonth(), dateOfBirth.getDate())
+
+  if (today < birthdayThisYear) {
+    age -= 1
+  }
+
+  return age
+}
+
+const dateOfBirthFor = (index, today) => {
+  const age = 50 + (index % 22)
+  const date = new Date(today.getFullYear() - age, (index * 5) % 12, 1 + ((index * 7) % 27))
+
+  if (date > new Date(today.getFullYear() - 50, today.getMonth(), today.getDate())) {
+    date.setFullYear(date.getFullYear() - 1)
+  }
+  return date
+}
+
+const createParticipant = (index, today) => {
+  const internationalName = index % 10 === 0 ? internationalNames[Math.floor(index / 10) % internationalNames.length] : null
+  const firstName = internationalName ? internationalName.firstName : firstNames[index % firstNames.length]
+  const surname = internationalName ? internationalName.surname : surnames[(index * 7) % surnames.length]
+  const middleName = index % 3 === 0 ? ` ${middleNames[(index * 3) % middleNames.length]}` : ''
+  const town = towns[index % towns.length]
+  const dateOfBirth = dateOfBirthFor(index, today)
+  const nextTestDueDays = 7 + ((index * 11) % 84)
+  const dueDate = addDays(today, nextTestDueDays)
+  const lastScreenedDaysAgo = lastScreenedDaysAgoFor(index)
+  const lastScreenedDate = lastScreenedDaysAgo === null ? null : addDays(today, -lastScreenedDaysAgo)
+  const isBreaching = index === 7 || index === 83
+  const hasScheduledAppointment = isBreaching || (index % 4 === 0 && index !== 4 && index !== 8)
+  const nextAppointmentDays = !hasScheduledAppointment
+    ? null
+    : isBreaching
+    ? nextTestDueDays + 5 + (index % 4)
+    : 3 + ((index * 9) % Math.max(4, nextTestDueDays - 2))
+  const appointmentDate = nextAppointmentDays === null ? null : addDays(today, nextAppointmentDays)
+  const appointmentUnit = nextAppointmentDays === null
+    ? null
+    : appointmentUnits[Math.floor(Math.random() * appointmentUnits.length)]
+  const appointmentLocation = nextAppointmentDays === null
+    ? null
+    : appointmentUnit === 'West Sussex Breast Care Centre'
+      ? 'Worthing Hospital'
+      : appointmentLocations[Math.floor(Math.random() * appointmentLocations.length)]
+  const specialAppointmentRequired = index % 17 === 0
+  const mobile = `07700 9${pad(index % 100)}${pad((index * 13) % 1000, 3)}`
+  const home = `01632 960${pad((index * 17) % 1000, 3)}`
+
+  return {
+    participantId: `p${pad(index + 1)}`,
+    full_name: `${surname.toUpperCase()}, ${firstName}${middleName}`,
+    surname_sort_value: surname.toUpperCase(),
+    nhs_number: `999 ${pad((index * 37) % 1000, 3)} ${pad((index * 97 + 1) % 10000, 4)}`,
+    date_of_birth: formatDate(dateOfBirth),
+    age: calculateAge(dateOfBirth, today),
+    gender: 'Female',
+    ethnicity: 'Not recorded',
+    address: {
+      houseNumber: String(1 + ((index * 13) % 98)),
+      street: streets[index % streets.length],
+      town: town.name,
+      postcode: postcodeFor(index, town.postcode)
+    },
+    gp_practice: gpPractices[index % gpPractices.length],
+    phone_numbers: { mobile, home: index % 4 === 0 ? home : '' },
+    email: `${firstName.toLowerCase()}.${surname.toLowerCase()}${index + 1}@example.com`,
+    sx_number: `ECX${String((index * 7919 + 104729) % 1000000).padStart(6, '0')}`,
+    last_screened_days_ago: lastScreenedDaysAgo,
+    last_screened_date: lastScreenedDate ? formatDate(lastScreenedDate) : 'Never screened',
+    next_test_due_days: nextTestDueDays,
+    next_test_due_date: formatDate(dueDate),
+    next_test_due_date_value: dueDate.getTime(),
+    next_test_due_date_relative: formatRelativeDate(dueDate, today, 28),
+    episode_stage: 'scheduled',
+    next_appointment_days: nextAppointmentDays,
+    next_appointment_date: appointmentDate ? formatDate(appointmentDate) : 'Not known',
+    next_appointment_date_value: appointmentDate ? appointmentDate.getTime() : null,
+    next_appointment_date_relative: appointmentDate ? formatRelativeDate(appointmentDate, today) : 'Not known',
+    next_appointment_unit: appointmentUnit,
+    next_appointment_location: appointmentLocation,
+    special_appointment_required: specialAppointmentRequired ? 'Yes' : 'No',
+    special_appointment_information: '',
+    further_information: '',
+    status: 'unstaged',
+    is_breaching: isBreaching
+  }
+}
+
+const today = new Date()
+
+export default Array.from({ length: 150 }, (_, index) => createParticipant(index, today))
diff --git a/app/data/session-data-defaults.js b/app/data/session-data-defaults.js
index 812305bb..8003d2d0 100644
--- a/app/data/session-data-defaults.js
+++ b/app/data/session-data-defaults.js
@@ -1,6 +1,5 @@
 const participants = require('./participants')
 
-// currently just for the September Test "clickthru"
 module.exports = {
   participants,
   stagedCount: 0,
@@ -14,5 +13,10 @@ module.exports = {
   clinicLength: "1 day",
   clinicCapacityPercentBooked: "0",
   clinicCapacityAvailable: "10",
-  clinicCapacityTotal: "10"
+  clinicCapacityTotal: "10",
+  createCapacityFromZero: {
+    schedules: [],
+    selectedDays: [],
+    dayTemplates: {}
+  }
 }
\ No newline at end of file
diff --git a/app/locals.js b/app/locals.js
index aaf309e3..4b6dd5ab 100644
--- a/app/locals.js
+++ b/app/locals.js
@@ -7,6 +7,39 @@ module.exports = function(req, res, next) {
   //
   // req.locals.organisationName = 'NHS'
 
+  res.locals.bsoName = "Mereford and Wensley Breast Screening Service"
+  res.locals.bsoCode = "MW01"
+  res.locals.staticBaseUnit = "Mereford and Wensley Screening Centre"
+  res.locals.staticLocationShort = "Mereford and Wensley District Hospital"
+  res.locals.mobileUnits = [
+    "Davison",
+    "Drummond",
+    "Dunlop",
+    "Garrud",
+    "Howey",
+    "Kenney",
+    "Lenton",
+    "Pankhurst"
+  ]
+  res.locals.locationsShort = [
+    "Brookfield Sports Pavilion",
+    "East Mereford Community Hub",
+    "Kingsmead Swimming Centre",
+    "Mereford Central",
+    "Mereford Civic Centre",
+    "Mereford Library",
+    "Mereford Showground",
+    "Northgate Food Hall",
+    "Riverside Sports Centre",
+    "South Mereford",
+    "Wensley Community Hospital",
+    "Wensley Cross",
+    "Wensley Leisure Centre",
+    "Wensley Park",
+    "Wensley Town Hall",
+    "West Wensley Foodstore"
+  ]
+
   next()
 }
 
diff --git a/app/routes.js b/app/routes.js
index 562634cd..965a0818 100644
--- a/app/routes.js
+++ b/app/routes.js
@@ -3,6 +3,105 @@ const express = require('express')
 
 const router = express.Router()
 
+const participantMonths = [
+  'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
+  'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
+]
+
+const participantFullMonths = [
+  'January', 'February', 'March', 'April', 'May', 'June',
+  'July', 'August', 'September', 'October', 'November', 'December'
+]
+
+const participantDateFromToday = (today, days) => {
+  const date = new Date(today)
+  date.setDate(date.getDate() + days)
+  return date
+}
+
+const formatParticipantDate = (date) => `${String(date.getDate()).padStart(2, '0')} ${participantMonths[date.getMonth()]} ${date.getFullYear()}`
+const formatParticipantFullDate = (date) => `${String(date.getDate()).padStart(2, '0')} ${participantFullMonths[date.getMonth()]} ${date.getFullYear()}`
+
+const formatParticipantRelativeDate = (date, today, daysThreshold = 7) => {
+  const days = Math.max(0, Math.round((date - today) / 86400000))
+
+  if (days < daysThreshold) {
+    return `In ${days} day${days === 1 ? '' : 's'}`
+  }
+
+  const weeks = Math.round(days / 7)
+  if (weeks < 8) {
+    return `In ${weeks} week${weeks === 1 ? '' : 's'}`
+  }
+
+  const months = Math.max(1, Math.round(days / 30))
+  return `In ${months} month${months === 1 ? '' : 's'}`
+}
+
+const refreshParticipantDates = (participant, today, dateFormatter = formatParticipantDate) => {
+  const nextTestDueDate = participantDateFromToday(today, participant.next_test_due_days)
+  const nextAppointmentDate = participant.next_appointment_days === null
+    ? null
+    : participantDateFromToday(today, participant.next_appointment_days)
+  const lastScreenedDate = participant.last_screened_days_ago === null
+    ? null
+    : participantDateFromToday(today, -participant.last_screened_days_ago)
+
+  return {
+    ...participant,
+    last_screened_date: lastScreenedDate ? dateFormatter(lastScreenedDate) : 'Never screened',
+    next_test_due_date: dateFormatter(nextTestDueDate),
+    next_test_due_date_value: nextTestDueDate.getTime(),
+    next_test_due_date_relative: formatParticipantRelativeDate(nextTestDueDate, today, 28),
+    next_appointment_date: nextAppointmentDate ? dateFormatter(nextAppointmentDate) : 'Not known',
+    next_appointment_date_value: nextAppointmentDate ? nextAppointmentDate.getTime() : null,
+    next_appointment_date_relative: nextAppointmentDate ? formatParticipantRelativeDate(nextAppointmentDate, today) : 'Not known'
+  }
+}
+
+const compareAppointmentDates = (a, b, direction) => {
+  const aUnknown = a.next_appointment_date_value === null
+  const bUnknown = b.next_appointment_date_value === null
+
+  if (aUnknown && bUnknown) return 0
+  if (aUnknown) return 1
+  if (bUnknown) return -1
+
+  return direction * (a.next_appointment_date_value - b.next_appointment_date_value)
+}
+
+const queryValues = value => (Array.isArray(value) ? value : value ? [value] : [])
+  .filter(item => item !== '_unchecked')
+
+const matchesDateRange = (days, range) => {
+  if (typeof days !== 'number') return false
+  if (range === 'within_week') return days <= 7
+  if (range === 'within_month') return days <= 30
+  if (range === 'within_3_months') return days <= 90
+  if (range === 'within_6_months') return days <= 180
+  return true
+}
+
+const matchesLastScreenedFilter = (participant, filter) => {
+  const days = participant.last_screened_days_ago
+  if (filter === 'never') return days === null
+  if (typeof days !== 'number') return false
+  if (filter === 'within_3_years') return days <= 1095
+  if (filter === '3_to_5_years') return days > 1095 && days <= 1825
+  if (filter === 'over_5_years') return days > 1825
+  return true
+}
+
+const participantFilterQuery = (search, nextTestDue, nextScreening, lastScreened, breachRisk) => {
+  const params = new URLSearchParams()
+  if (search) params.set('search', search)
+  nextTestDue.forEach(value => params.append('nextTestDue', value))
+  nextScreening.forEach(value => params.append('nextScreening', value))
+  lastScreened.forEach(value => params.append('lastScreened', value))
+  breachRisk.forEach(value => params.append('breachRisk', value))
+  return params.toString()
+}
+
 //======= September test specific for now
 
 // Utility function to generate calendar month data
@@ -724,6 +823,111 @@ router.post('/sessions/02-organise-slots', function (req, res) {
 // Isolated September Test (Mission 1) routes
 router.use(require('./routes/mission-1'));
 
+router.get(['/participants', '/batches/participants'], function (req, res) {
+  const participantsPath = req.path.startsWith('/batches/') ? '/batches/participants' : '/participants'
+  const sort = req.query.sort || 'due-soonest'
+  const search = String(req.query.search || '').trim()
+  const nextTestDue = queryValues(req.query.nextTestDue)
+  const nextScreening = queryValues(req.query.nextScreening)
+  const lastScreened = queryValues(req.query.lastScreened)
+  const breachRisk = queryValues(req.query.breachRisk)
+  const today = new Date()
+  today.setHours(0, 0, 0, 0)
+  let allParticipants = ((req.session.data.participants && req.session.data.participants.default) || [])
+    .map(participant => refreshParticipantDates(participant, today))
+
+  if (search) {
+    const searchTerm = search.toLowerCase().replace(/\s+/g, ' ')
+    allParticipants = allParticipants.filter(participant => [
+      participant.full_name,
+      participant.surname_sort_value,
+      participant.address.postcode,
+      participant.nhs_number,
+      participant.sx_number
+    ].some(value => String(value || '').toLowerCase().replace(/\s+/g, ' ').includes(searchTerm)))
+  }
+
+  if (nextTestDue.length) {
+    allParticipants = allParticipants.filter(participant =>
+      nextTestDue.some(range => matchesDateRange(participant.next_test_due_days, range)))
+  }
+
+  if (nextScreening.length) {
+    allParticipants = allParticipants.filter(participant => nextScreening.some(range => range === 'not_known'
+      ? participant.next_appointment_days === null
+      : matchesDateRange(participant.next_appointment_days, range)))
+  }
+
+  if (lastScreened.length) {
+    allParticipants = allParticipants.filter(participant =>
+      lastScreened.some(filter => matchesLastScreenedFilter(participant, filter)))
+  }
+
+  if (breachRisk.length) {
+    allParticipants = allParticipants.filter(participant => breachRisk.some(filter =>
+      filter === 'at_risk' ? participant.is_breaching : !participant.is_breaching))
+  }
+  const sortComparators = {
+    'name-asc': (a, b) => a.surname_sort_value.localeCompare(b.surname_sort_value),
+    'name-desc': (a, b) => b.surname_sort_value.localeCompare(a.surname_sort_value),
+    'due-soonest': (a, b) => a.next_test_due_date_value - b.next_test_due_date_value,
+    'due-latest': (a, b) => b.next_test_due_date_value - a.next_test_due_date_value,
+    'screening-soonest': (a, b) => compareAppointmentDates(a, b, 1),
+    'screening-latest': (a, b) => compareAppointmentDates(a, b, -1),
+    'age-oldest': (a, b) => b.age - a.age,
+    'age-youngest': (a, b) => a.age - b.age
+  }
+
+  allParticipants.sort(sortComparators[sort] || sortComparators['name-asc'])
+
+  const pageSize = 100
+  const totalParticipants = allParticipants.length
+  const totalPages = Math.max(1, Math.ceil(totalParticipants / pageSize))
+  const requestedPage = parseInt(req.query.page, 10) || 1
+  const currentPage = Math.min(Math.max(requestedPage, 1), totalPages)
+  const firstRecord = totalParticipants ? ((currentPage - 1) * pageSize) + 1 : 0
+  const lastRecord = Math.min(currentPage * pageSize, totalParticipants)
+  const participants = allParticipants.slice(firstRecord - 1, lastRecord)
+
+  res.render(participantsPath === '/batches/participants' ? 'batches/participants/index' : 'participants/index', {
+    participants,
+    participantsPath,
+    batchName: participantsPath === '/batches/participants' ? 'Chichester - Parklands' : null,
+    participantListTitle: participantsPath === '/batches/participants' ? 'Standard participants' : 'Participants',
+    selectedSort: sort,
+    currentPage,
+    totalPages,
+    firstRecord,
+    lastRecord,
+    totalParticipants,
+    paginationPages: Array.from({ length: totalPages }, (_, index) => index + 1),
+    search,
+    selectedNextTestDue: nextTestDue,
+    selectedNextScreening: nextScreening,
+    selectedLastScreened: lastScreened,
+    selectedBreachRisk: breachRisk,
+    participantFilterQuery: participantFilterQuery(search, nextTestDue, nextScreening, lastScreened, breachRisk),
+    clearSearchQuery: participantFilterQuery('', nextTestDue, nextScreening, lastScreened, breachRisk)
+  })
+})
+
+router.get(['/participants/:participantId', '/batches/participants/:participantId'], function (req, res) {
+  const participantsPath = req.path.startsWith('/batches/') ? '/batches/participants' : '/participants'
+  const participants = (req.session.data.participants && req.session.data.participants.default) || []
+  const today = new Date()
+  today.setHours(0, 0, 0, 0)
+  const participant = participants.find(item => item.participantId === req.params.participantId)
+
+  if (!participant) {
+    return res.status(404).send('Participant not found')
+  }
+
+  res.render(participantsPath === '/batches/participants' ? 'batches/participants/detail' : 'participants/detail', {
+    participant: refreshParticipantDates(participant, today, formatParticipantFullDate),
+    participantsPath
+  })
+})
+
 // Isolated create capacity from zero routes
 router.use(require('./routes/create-capacity-from-zero'));
 
diff --git a/app/routes/create-capacity-from-zero.js b/app/routes/create-capacity-from-zero.js
index 95ef28d7..84ce5b6d 100644
--- a/app/routes/create-capacity-from-zero.js
+++ b/app/routes/create-capacity-from-zero.js
@@ -8,6 +8,347 @@ const router = express.Router()
 
 */
 
+// Slot/held totals per session template, matching select-session-template.html
+const sessionTemplates = {
+  'Standard': { totalSlots: 42, heldSlots: 8 },
+  'Special appointments': { totalSlots: 42, heldSlots: 42 },
+  'Rubie default': { totalSlots: 42, heldSlots: 0 }
+}
+
+const isWholeNumber = str => /^\d+$/.test(str)
+
+// Checks a { day, month, year } object has numeric values for each field, regardless of whether they form a real date
+const hasDateFields = (dateObj) =>
+  Boolean(dateObj) && isWholeNumber(dateObj.day) && isWholeNumber(dateObj.month) && isWholeNumber(dateObj.year)
+
+// Formats a Date as a YYYY-MM-DD key, used to identify calendar days in session data
+const formatDateKey = (date) => {
+  const year = date.getFullYear()
+  const month = String(date.getMonth() + 1).padStart(2, '0')
+  const day = String(date.getDate()).padStart(2, '0')
+  return `${year}-${month}-${day}`
+}
+
+// Parses a { day, month, year } object into a Date, or null if invalid
+const parseDateFields = (dateObj) => {
+  if (!hasDateFields(dateObj)) {
+    return null
+  }
+
+  const day = parseInt(dateObj.day, 10)
+  const month = parseInt(dateObj.month, 10)
+  // Treat 2-digit years as shorthand for the 2000s, eg "26" becomes 2026
+  const year = dateObj.year.length === 2 ? parseInt(`20${dateObj.year}`, 10) : parseInt(dateObj.year, 10)
+  const date = new Date(year, month - 1, day)
+
+  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {
+    return null
+  }
+
+  return date
+}
+
+// Builds a { year, month, monthName, days } calendar, days is Mon-Sun padded with nulls
+const generateCalendarMonth = (year, month) => {
+  const firstDay = new Date(year, month - 1, 1)
+  const lastDay = new Date(year, month, 0)
+  const daysInMonth = lastDay.getDate()
+  const startingDayOfWeek = firstDay.getDay() // 0 = Sunday, 1 = Monday, etc.
+  const weekStartOffset = (startingDayOfWeek === 0) ? 6 : startingDayOfWeek - 1
+
+  const days = []
+
+  for (let i = 0; i < weekStartOffset; i++) {
+    days.push(null)
+  }
+
+  for (let day = 1; day <= daysInMonth; day++) {
+    const fullDate = new Date(year, month - 1, day)
+    days.push({
+      date: day,
+      fullDate,
+      dateKey: formatDateKey(fullDate)
+    })
+  }
+
+  return {
+    year,
+    month,
+    monthName: new Date(year, month - 1).toLocaleString('default', { month: 'long' }),
+    days
+  }
+}
+
+// Formats a Date as e.g. "18 June 2026"
+const formatDateLabel = (date) => {
+  const monthNames = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December'
+  ]
+
+  return `${date.getDate()} ${monthNames[date.getMonth()]} ${date.getFullYear()}`
+}
+
+// Finds the first existing schedule whose date range overlaps the given start/end dates
+const findOverlappingSchedule = (startDate, endDate, schedules) =>
+  schedules.find(schedule =>
+    schedule.startDate && schedule.endDate &&
+    startDate <= schedule.endDate && endDate >= schedule.startDate
+  )
+
+const findScheduleStartingOn = (date, schedules) =>
+  schedules.find(schedule => date.getTime() === schedule.startDate.getTime())
+
+const findScheduleEndingOn = (date, schedules) =>
+  schedules.find(schedule => date.getTime() === schedule.endDate.getTime())
+
+// Generates one calendar per month spanning all schedules, including any gap dates between them
+const generateScheduleCalendars = (schedules) => {
+  if (!schedules.length) {
+    return []
+  }
+
+  const overallStart = new Date(Math.min(...schedules.map(schedule => schedule.startDate)))
+  const overallEnd = new Date(Math.max(...schedules.map(schedule => schedule.endDate)))
+
+  const calendars = []
+  let currentYear = overallStart.getFullYear()
+  let currentMonth = overallStart.getMonth() + 1
+  const endYear = overallEnd.getFullYear()
+  const endMonth = overallEnd.getMonth() + 1
+
+  while (currentYear < endYear || (currentYear === endYear && currentMonth <= endMonth)) {
+    const calendar = generateCalendarMonth(currentYear, currentMonth)
+
+    calendar.days = calendar.days.map(day => {
+      if (!day || day.fullDate < overallStart || day.fullDate > overallEnd) {
+        return null
+      }
+
+      const startingSchedule = findScheduleStartingOn(day.fullDate, schedules)
+      const endingSchedule = findScheduleEndingOn(day.fullDate, schedules)
+
+      return Object.assign({}, day, {
+        isScheduleStart: Boolean(startingSchedule),
+        isScheduleEnd: Boolean(endingSchedule)
+      })
+    })
+
+    // Build calendar weeks and trim fully empty rows for partial months.
+    const weeks = []
+    for (let i = 0; i < calendar.days.length; i += 7) {
+      const week = calendar.days.slice(i, i + 7)
+      while (week.length < 7) {
+        week.push(null)
+      }
+      if (week.some(day => day)) {
+        weeks.push(week)
+      }
+    }
+    calendar.weeks = weeks
+
+    if (weeks.length > 0) {
+      calendars.push(calendar)
+    }
+
+    currentMonth++
+    if (currentMonth > 12) {
+      currentMonth = 1
+      currentYear++
+    }
+  }
+
+  return calendars
+}
+
+router.get('/create-capacity-from-zero/clinic-summary', function (req, res) {
+  const schedules = (req.session.data.createCapacityFromZero.schedules || [])
+    .map(schedule => ({
+      startDate: parseDateFields(schedule.scheduleStartDate),
+      endDate: parseDateFields(schedule.scheduleEndDate)
+    }))
+    .filter(schedule => schedule.startDate && schedule.endDate)
+
+  const dayTemplates = req.session.data.createCapacityFromZero.dayTemplates || {}
+
+  const calendars = generateScheduleCalendars(schedules).map(calendar => {
+    calendar.weeks = calendar.weeks.map(week => week.map(day => {
+      if (!day || !dayTemplates[day.dateKey]) {
+        return day
+      }
+
+      const templateName = dayTemplates[day.dateKey]
+      const template = sessionTemplates[templateName] || {}
+
+      return Object.assign({}, day, {
+        templateName,
+        totalSlots: template.totalSlots,
+        heldSlots: template.heldSlots
+      })
+    }))
+
+    return calendar
+  })
+
+  const totalLockedSlots = calendars
+    .flatMap(calendar => calendar.weeks.flat())
+    .filter(day => day && day.templateName)
+    .reduce((total, day) => total + (day.totalSlots || 0), 0)
+
+  res.render('create-capacity-from-zero/clinic-summary', {
+    calendars,
+    totalLockedSlots
+  })
+})
+
+router.post('/create-capacity-from-zero/select-days', function (req, res) {
+  const selectedDays = [].concat(req.body.selectedDays || [])
+
+  req.session.data.createCapacityFromZero.selectedDays = selectedDays
+
+  res.redirect('/create-capacity-from-zero/select-session-template')
+})
+
+router.post('/create-capacity-from-zero/apply-session-template', function (req, res) {
+  const templateName = (req.body.templateName || '').trim()
+  const selectedDays = req.session.data.createCapacityFromZero.selectedDays || []
+
+  if (!req.session.data.createCapacityFromZero.dayTemplates) {
+    req.session.data.createCapacityFromZero.dayTemplates = {}
+  }
+
+  if (templateName) {
+    selectedDays.forEach(dateKey => {
+      req.session.data.createCapacityFromZero.dayTemplates[dateKey] = templateName
+    })
+  }
+
+  res.redirect('/create-capacity-from-zero/clinic-summary')
+})
+
+router.post('/create-capacity-from-zero/remove-template', function (req, res) {
+  const selectedDays = [].concat(req.body.selectedDays || [])
+  const dayTemplates = req.session.data.createCapacityFromZero.dayTemplates || {}
+
+  selectedDays.forEach(dateKey => {
+    delete dayTemplates[dateKey]
+  })
+
+  req.session.data.createCapacityFromZero.dayTemplates = dayTemplates
+
+  res.redirect('/create-capacity-from-zero/clinic-summary')
+})
+
+router.post('/create-capacity-from-zero/create-clinic', function (req, res) {
+  const clinicName = (req.body.clinicName || '').trim()
+  const unit = req.body.unit || ''
+  const location = req.body.location || ''
+
+  req.session.data.createCapacityFromZero['clinicName'] = clinicName
+  req.session.data.createCapacityFromZero['unit'] = unit
+  req.session.data.createCapacityFromZero['location'] = location
+
+  const errors = {}
+
+  if (!clinicName) {
+    errors.clinicName = 'Clinic must be given a name'
+  }
+
+  if (!unit) {
+    errors.unit = 'A unit must be chosen'
+  }
+
+  if (!location) {
+    errors.location = 'A location must be chosen'
+  }
+
+  if (Object.keys(errors).length > 0) {
+    return res.render('create-capacity-from-zero/create-clinic', {
+      errors
+    })
+  }
+
+  res.redirect('/create-capacity-from-zero/clinic-summary')
+})
+
+
+router.post('/create-capacity-from-zero/create-schedule', function (req, res) {
+  // const scheduleName = (req.body.scheduleName || '').trim()
+  const scheduleStartDate = req.body.scheduleStartDate || {}
+  const scheduleEndDate = req.body.scheduleEndDate || {}
+
+  // req.session.data.createCapacityFromZero['scheduleName'] = scheduleName
+  req.session.data.createCapacityFromZero['scheduleStartDate'] = scheduleStartDate
+  req.session.data.createCapacityFromZero['scheduleEndDate'] = scheduleEndDate
+
+  const errors = {}
+
+  // if (!scheduleName) {
+  //   errors.scheduleName = 'Schedule must be given a name'
+  // }
+
+  const today = new Date()
+  today.setHours(0, 0, 0, 0)
+
+  const startDate = parseDateFields(scheduleStartDate)
+  if (!hasDateFields(scheduleStartDate)) {
+    errors.scheduleStartDate = 'Schedule start date must be given a day, month, and year'
+  } else if (!startDate) {
+    errors.scheduleStartDate = 'Schedule start date must be a real date'
+  } else if (startDate <= today) {
+    errors.scheduleStartDate = 'Schedule start date must be in the future'
+  }
+
+  const endDate = parseDateFields(scheduleEndDate)
+  if (!hasDateFields(scheduleEndDate)) {
+    errors.scheduleEndDate = 'Schedule end date must be given a day, month, and year'
+  } else if (!endDate) {
+    errors.scheduleEndDate = 'Schedule end date must be a real date'
+  } else if (endDate <= today) {
+    errors.scheduleEndDate = 'Schedule end date must be in the future'
+  } else if (startDate && endDate < startDate) {
+    errors.scheduleEndDate = 'Schedule end date must be the same as or after the schedule start date'
+  }
+
+  const existingSchedules = (req.session.data.createCapacityFromZero.schedules || [])
+    .map(schedule => ({
+      startDate: parseDateFields(schedule.scheduleStartDate),
+      endDate: parseDateFields(schedule.scheduleEndDate)
+    }))
+
+  if (!errors.scheduleStartDate && !errors.scheduleEndDate) {
+    const overlappingSchedule = findOverlappingSchedule(startDate, endDate, existingSchedules)
+
+    if (overlappingSchedule) {
+      const overlapMessage = `New dates must not overlap an existing schedule: (${formatDateLabel(overlappingSchedule.startDate)} to ${formatDateLabel(overlappingSchedule.endDate)})`
+      errors.scheduleStartDate = overlapMessage
+      errors.scheduleEndDate = overlapMessage
+    }
+  }
+
+  if (Object.keys(errors).length > 0) {
+    return res.render('create-capacity-from-zero/create-schedule', {
+      errors
+    })
+  }
+
+  if (!Array.isArray(req.session.data.createCapacityFromZero.schedules)) {
+    req.session.data.createCapacityFromZero.schedules = []
+  }
+
+  req.session.data.createCapacityFromZero.schedules.push({
+    // scheduleName,
+    scheduleStartDate,
+    scheduleEndDate
+  })
+
+  // Clear the draft fields now this schedule has been saved, ready for the next one
+  // req.session.data.createCapacityFromZero.scheduleName = ''
+  req.session.data.createCapacityFromZero.scheduleStartDate = {}
+  req.session.data.createCapacityFromZero.scheduleEndDate = {}
+
+  res.redirect('/create-capacity-from-zero/clinic-summary')
+})
 
 
 module.exports = router
\ No newline at end of file
diff --git a/app/views/_includes/primary-navigation.html b/app/views/_includes/primary-navigation.html
index f68669ec..6afab2cb 100644
--- a/app/views/_includes/primary-navigation.html
+++ b/app/views/_includes/primary-navigation.html
@@ -1,11 +1,11 @@
 {% from 'header/macro.njk' import header %}
 
-{% macro primaryNavigation(activeItem, serviceName) %}
+{% macro primaryNavigation(activeItem, serviceName, bsoName) %}
   {{ header({
     account: {
       items: [
         {
-          text: "West Sussex BSO"
+          text: bsoName
         },
         {
           href: "#",
@@ -27,7 +27,7 @@
         {
           href: "#",
           text: "Dashboard",
-          active: activeItem === "Dashboard"
+          active: activeItem === "Dashboard/home"
         },
         {
           href: "/batches/",
@@ -35,15 +35,20 @@
           active: activeItem === "Batches"
         },
         {
-          href: "/clinics/",
+          href: "/create-capacity-from-zero/",
           text: "Clinics",
           active: activeItem === "Clinics"
         },
         {
-          href: "#",
+          href: "/participants/",
           text: "Participants",
           active: activeItem === "Participants"
         },
+        {
+          href: "#",
+          text: "Image reading",
+          active: activeItem === "Image reading"
+        },
         {
           href: "/bso-objects/",
           text: "Organisation",
@@ -53,6 +58,16 @@
           href: "#",
           text: "Reports",
           active: activeItem === "Reports"
+        },
+        {
+          href: "#",
+          text: "Messages",
+          active: activeItem === "Messages"
+        },
+        {
+          href: "#",
+          text: "Help and support",
+          active: activeItem === "Help and support"
         }
       ]
     }
diff --git a/app/views/batches/batch-detail-in-progress.html b/app/views/batches/batch-detail-in-progress.html
index f9d71482..562bf387 100644
--- a/app/views/batches/batch-detail-in-progress.html
+++ b/app/views/batches/batch-detail-in-progress.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Batches", serviceName) }}
+  {{ primaryNavigation("Batches", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/batches/batch-detail.html b/app/views/batches/batch-detail.html
index 40be9e23..65be9bda 100644
--- a/app/views/batches/batch-detail.html
+++ b/app/views/batches/batch-detail.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Batches", serviceName) }}
+  {{ primaryNavigation("Batches", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/batches/index.html b/app/views/batches/index.html
index f7138695..6f584f76 100644
--- a/app/views/batches/index.html
+++ b/app/views/batches/index.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Batches", serviceName) }}
+  {{ primaryNavigation("Batches", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/batches/participant-breakdown/special-requirements.html b/app/views/batches/participant-breakdown/special-requirements.html
index 82f4d91a..43a033f5 100644
--- a/app/views/batches/participant-breakdown/special-requirements.html
+++ b/app/views/batches/participant-breakdown/special-requirements.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Batches", serviceName) }}
+  {{ primaryNavigation("Batches", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/batches/participant-breakdown/standard.html b/app/views/batches/participant-breakdown/standard.html
index a30a1bfb..4b294a32 100644
--- a/app/views/batches/participant-breakdown/standard.html
+++ b/app/views/batches/participant-breakdown/standard.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Batches", serviceName) }}
+  {{ primaryNavigation("Batches", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
@@ -43,7 +43,7 @@ <h1 class="nhsuk-heading-l">
         }) }}
       </div>
       <p>
-        <a href="#">View all participants</a>
+        <a href="/batches/participants">View all participants</a>
       </p>
     </div>
   </div>
@@ -66,7 +66,7 @@ <h1 class="nhsuk-heading-l">
         }) }}
       </div>
       <p>
-        <a href="#">View all participants</a>
+        <a href="/batches/participants">View all participants</a>
       </p>
     </div>
   </div>
@@ -89,7 +89,7 @@ <h1 class="nhsuk-heading-l">
         }) }}
       </div>
       <p>
-        <a href="#">View all participants</a>
+        <a href="/batches/participants">View all participants</a>
       </p>
     </div>
   </div>
diff --git a/app/views/batches/participants/detail.html b/app/views/batches/participants/detail.html
new file mode 100644
index 00000000..5af807a9
--- /dev/null
+++ b/app/views/batches/participants/detail.html
@@ -0,0 +1,199 @@
+{% extends 'layout.html' %}
+
+{% set pageName = 'Participant details' %}
+
+{% from "_includes/primary-navigation.html" import primaryNavigation %}
+{% block header %}
+{{ primaryNavigation("Batches", serviceName) }}
+{% endblock %}
+
+{% block content %}
+
+<nav class="nhsuk-breadcrumb nhsuk-u-margin-bottom-4" aria-label="Breadcrumb">
+    <ol class="nhsuk-breadcrumb__list">
+        <li class="nhsuk-breadcrumb__list-item">
+            <a class="nhsuk-breadcrumb__link" href="/batches/participants">Participants</a>
+        </li>
+    </ol>
+</nav>
+
+<div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-full">
+        <span class="nhsuk-caption-l">Participant details</span>
+        <h1 class="nhsuk-heading-l">{{ participant.full_name }}</h1>
+    </div>
+</div>
+
+<div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-full">
+        {% if participant.is_breaching %}<strong class="nhsuk-tag nhsuk-tag--red nhsuk-u-margin-bottom-4">At risk of
+            breaching</strong>{% endif %}
+    </div>
+</div>
+
+{% set stageText = {
+'scheduled': 'Scheduled',
+'mammograms': 'Mammograms',
+'reading': 'Waiting for reading',
+'assessment': 'At assessment',
+'closed': 'Closed'
+}[participant.episode_stage] %}
+{% set stageColour = {
+'scheduled': 'blue',
+'mammograms': 'purple',
+'reading': 'yellow',
+'assessment': 'orange',
+'closed': 'grey'
+}[participant.episode_stage] %}
+
+<div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">Screening details</h2>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Next test due date</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.next_test_due_date }}<br><span
+                                class="nhsuk-hint">{{ participant.next_test_due_date_relative }}</span></dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Next screening appointment</dt>
+                        <dd class="nhsuk-summary-list__value">
+                            {% if participant.next_appointment_date != 'Not known' %}{{
+                            participant.next_appointment_date }}<br>{% endif %}
+                            <span class="nhsuk-hint">{{ participant.next_appointment_date_relative }}</span>
+                            {% if participant.next_appointment_unit %}<br>
+                            <span aria-hidden="true">{{ participant.next_appointment_unit }}, {{
+                                participant.next_appointment_location }}</span>
+                            <span class="nhsuk-u-visually-hidden">Appointment taking place at {{
+                                participant.next_appointment_unit }} in {{ participant.next_appointment_location
+                                }}</span>{% endif %}
+                        </dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Last screened</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.last_screened_date }}</dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">Personal details</h2>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Full name</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.full_name }}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">NHS Number</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.nhs_number }}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Date of birth</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.date_of_birth }}<br><span
+                                class="nhsuk-hint">({{ participant.age }} years old)</span></dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Gender</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.gender }}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Ethnicity</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.ethnicity }}</dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">Contact details</h2>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Address</dt>
+                        <dd class="nhsuk-summary-list__value">
+                            {{ participant.address.houseNumber }} {{ participant.address.street }}<br>
+                            {{ participant.address.town }}<br>
+                            {{ participant.address.postcode }}
+                        </dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">{% if participant.phone_numbers.mobile and
+                            participant.phone_numbers.home %}Phone numbers{% else %}Phone number{% endif %}</dt>
+                        <dd class="nhsuk-summary-list__value">{% if participant.phone_numbers.mobile %}{{
+                            participant.phone_numbers.mobile }}{% endif %}{% if participant.phone_numbers.mobile and
+                            participant.phone_numbers.home %}<br>{% endif %}{% if participant.phone_numbers.home %}{{
+                            participant.phone_numbers.home }}{% endif %}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Email address</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.email }}</dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">GP details</h2>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Name</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.gp_practice.name }}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Phone number</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.gp_practice.phone }}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Address</dt>
+                        <dd class="nhsuk-summary-list__value">
+                            {{ participant.gp_practice.address.houseNumber }} {{ participant.gp_practice.address.street
+                            }}<br>
+                            {{ participant.gp_practice.address.town }}<br>
+                            {{ participant.gp_practice.address.postcode }}
+                        </dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">Screening episodes</h2>
+                <h3 class="nhsuk-heading-s">Current episode</h3>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Stage</dt>
+                        <dd class="nhsuk-summary-list__value"><strong class="nhsuk-tag nhsuk-tag--{{ stageColour }}">{{
+                                stageText }}</strong></dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Next screening appointment</dt>
+                        <dd class="nhsuk-summary-list__value">
+                            {% if participant.next_appointment_date != 'Not known' %}{{
+                            participant.next_appointment_date }}<br>{% endif %}
+                            <span class="nhsuk-hint">{{ participant.next_appointment_date_relative }}</span>
+                            {% if participant.next_appointment_unit %}<br><span aria-hidden="true">{{
+                                participant.next_appointment_unit }}, {{ participant.next_appointment_location
+                                }}</span><span class="nhsuk-u-visually-hidden">Appointment taking place at {{
+                                participant.next_appointment_unit }} in {{ participant.next_appointment_location
+                                }}</span>{% endif %}
+                        </dd>
+                    </div>
+                </dl>
+                <h3 class="nhsuk-heading-s">Previous episodes</h3>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Last screened</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.last_screened_date or '-' }}</dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+    </div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/app/views/batches/participants/index.html b/app/views/batches/participants/index.html
new file mode 100644
index 00000000..1ee942bd
--- /dev/null
+++ b/app/views/batches/participants/index.html
@@ -0,0 +1,166 @@
+{% extends 'layout.html' %}
+
+{% set pageName = participantListTitle %}
+
+{% from "_includes/primary-navigation.html" import primaryNavigation %}
+{% block header %}
+{{ primaryNavigation("Batches", serviceName) }}
+{% endblock %}
+
+{% block beforeContent %}{% endblock %}
+
+{% block content %}
+
+<div class="nhsuk-grid-row">
+  <div class="nhsuk-grid-column-full">
+    <div class="app-card-editable">
+      <h1 class="nhsuk-heading-l">
+    <span class="nhsuk-caption-l">{{ batchName }}</span>
+    {{ pageName }}
+  </h1>
+    </div>
+  </div>
+</div>
+
+<div class="nhsuk-grid-row">
+  <div class="nhsuk-grid-column-one-quarter">
+    <form method="get" action="/batches/participants">
+      <input type="hidden" name="sort" value="{{ selectedSort }}">
+    <div class="nhsuk-card nhsuk-card--feature app-card--feature-grey app-filter-panel__card">
+      <div class="nhsuk-card__content">
+        <h2 class="nhsuk-card__heading nhsuk-heading-s">Search and filter</h2>
+        <div class="nhsuk-form-group nhsuk-search-input app-filter-panel__group">
+          <label class="nhsuk-label" for="participant-search">Search by name, postcode, NHS or SX number</label>
+          <div class="nhsuk-input-wrapper nhsuk-search-input__wrapper">
+            <input class="nhsuk-input nhsuk-search-input__input" id="participant-search" name="search" type="search" value="{{ search }}" autocomplete="off">
+            <button class="nhsuk-button nhsuk-button--secondary nhsuk-button--icon nhsuk-button--small nhsuk-search-input__button" data-module="nhsuk-button" type="submit" aria-label="Search">
+              <svg class="nhsuk-icon nhsuk-icon--search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
+                <path d="m20.7 18.9-4.1-4.1a7 7 0 1 0-1.4 1.4l4 4.1a1 1 0 0 0 1.5 0c.4-.4.4-1 0-1.4ZM6 10.6a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z"></path>
+              </svg>
+            </button>
+          </div>
+          <br>
+          <p><a href="/batches/participants?sort={{ selectedSort }}{% if clearSearchQuery %}&{{ clearSearchQuery }}{% endif %}">Clear search</a></p>
+        </div>
+        <div class="nhsuk-form-group">
+          <fieldset class="nhsuk-fieldset">
+            <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--s">Next test due date</legend>
+            <div class="nhsuk-checkboxes nhsuk-checkboxes--small app-filter-panel__group" data-module="nhsuk-checkboxes">
+              {% for value, label in [['within_week', 'Within the next week'], ['within_month', 'Within the next month'], ['within_3_months', 'Within the next 3 months'], ['within_6_months', 'Within the next 6 months']] %}
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-due-{{ loop.index }}" name="nextTestDue" type="checkbox" value="{{ value }}" onchange="this.form.submit()"{% if value in selectedNextTestDue %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-due-{{ loop.index }}">{{ label }}</label>
+              </div>
+              {% endfor %}
+            </div>
+          </fieldset>
+        </div>
+        <div class="nhsuk-form-group">
+          <fieldset class="nhsuk-fieldset">
+            <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--s">Next screening</legend>
+            <div class="nhsuk-checkboxes nhsuk-checkboxes--small app-filter-panel__group" data-module="nhsuk-checkboxes">
+              {% for value, label in [['within_week', 'Within the next week'], ['within_month', 'Within the next month'], ['within_3_months', 'Within the next 3 months'], ['within_6_months', 'Within the next 6 months'], ['not_known', 'Not known']] %}
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-screening-{{ loop.index }}" name="nextScreening" type="checkbox" value="{{ value }}" onchange="this.form.submit()"{% if value in selectedNextScreening %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-screening-{{ loop.index }}">{{ label }}</label>
+              </div>
+              {% endfor %}
+            </div>
+          </fieldset>
+        </div>
+        <div class="nhsuk-form-group">
+          <fieldset class="nhsuk-fieldset">
+            <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--s">Last screened</legend>
+            <div class="nhsuk-checkboxes nhsuk-checkboxes--small app-filter-panel__group" data-module="nhsuk-checkboxes">
+              {% for value, label in [['within_3_years', 'Within the last 3 years'], ['3_to_5_years', '3 to 5 years ago'], ['over_5_years', 'More than 5 years ago'], ['never', 'Never screened']] %}
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-last-screened-{{ loop.index }}" name="lastScreened" type="checkbox" value="{{ value }}" onchange="this.form.submit()"{% if value in selectedLastScreened %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-last-screened-{{ loop.index }}">{{ label }}</label>
+              </div>
+              {% endfor %}
+            </div>
+          </fieldset>
+        </div>
+        <div class="nhsuk-form-group">
+          <fieldset class="nhsuk-fieldset">
+            <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--s">Breach risk</legend>
+            <div class="nhsuk-checkboxes nhsuk-checkboxes--small app-filter-panel__group" data-module="nhsuk-checkboxes">
+              {% for value, label in [['at_risk', 'Participant at risk of breaching'], ['not_at_risk', 'Participant not at risk of breaching']] %}
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-breach-risk-{{ loop.index }}" name="breachRisk" type="checkbox" value="{{ value }}" onchange="this.form.submit()"{% if value in selectedBreachRisk %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-breach-risk-{{ loop.index }}">{{ label }}</label>
+              </div>
+              {% endfor %}
+            </div>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+    </form>
+  </div>
+  <div class="nhsuk-grid-column-three-quarters">
+    <div class="app-participants-toolbar">
+      <p class="nhsuk-hint">Showing <strong>{{ firstRecord }}</strong> to <strong>{{ lastRecord }}</strong> of <strong>{{ totalParticipants }}</strong> participants</p>
+      <form method="get" action="/batches/participants" class="app-participants-sort-form">
+        <input type="hidden" name="search" value="{{ search }}">
+        {% for filter in selectedNextTestDue %}<input type="hidden" name="nextTestDue" value="{{ filter }}">{% endfor %}
+        {% for filter in selectedNextScreening %}<input type="hidden" name="nextScreening" value="{{ filter }}">{% endfor %}
+        {% for filter in selectedLastScreened %}<input type="hidden" name="lastScreened" value="{{ filter }}">{% endfor %}
+        {% for filter in selectedBreachRisk %}<input type="hidden" name="breachRisk" value="{{ filter }}">{% endfor %}
+        <label class="nhsuk-label" for="participant-sort">Sort by</label>
+        <select class="nhsuk-select" id="participant-sort" name="sort" onchange="this.form.submit()">
+          <option value="name-asc"{% if selectedSort == 'name-asc' %} selected{% endif %}>Name (A to Z)</option>
+          <option value="name-desc"{% if selectedSort == 'name-desc' %} selected{% endif %}>Name (Z to A)</option>
+          <option value="due-soonest"{% if selectedSort == 'due-soonest' %} selected{% endif %}>Next test due date (soonest)</option>
+          <option value="due-latest"{% if selectedSort == 'due-latest' %} selected{% endif %}>Next test due date (latest)</option>
+          <option value="screening-soonest"{% if selectedSort == 'screening-soonest' %} selected{% endif %}>Next screening (soonest)</option>
+          <option value="screening-latest"{% if selectedSort == 'screening-latest' %} selected{% endif %}>Next screening (latest)</option>
+          <option value="age-oldest"{% if selectedSort == 'age-oldest' %} selected{% endif %}>Age (oldest)</option>
+          <option value="age-youngest"{% if selectedSort == 'age-youngest' %} selected{% endif %}>Age (youngest)</option>
+        </select>
+      </form>
+    </div>
+    <table class="nhsuk-table nhsuk-table-responsive">
+      <thead class="nhsuk-table__head">
+        <tr class="nhsuk-table__row">
+          <th scope="col" class="nhsuk-table__header">Name</th>
+          <th scope="col" class="nhsuk-table__header">Postcode</th>
+          <th scope="col" class="nhsuk-table__header">NHS number</th>
+          <th scope="col" class="nhsuk-table__header">Next test due date</th>
+          <th scope="col" class="nhsuk-table__header">Next screening</th>
+        </tr>
+      </thead>
+      <tbody class="nhsuk-table__body">
+        {% for participant in participants %}
+        <tr class="nhsuk-table__row">
+          <td class="nhsuk-table__cell"><a href="/batches/participants/{{ participant.participantId }}">{{ participant.full_name }}</a><br><span class="nhsuk-hint">{{ participant.age }} years old</span></td>
+          <td class="nhsuk-table__cell">{{ participant.address.postcode }}</td>
+          <td class="nhsuk-table__cell">{{ participant.nhs_number }}</td>
+          <td class="nhsuk-table__cell">{{ participant.next_test_due_date }}<br><span class="nhsuk-hint">{{ participant.next_test_due_date_relative }}</span></td>
+          <td class="nhsuk-table__cell">{% if participant.next_appointment_date != 'Not known' %}{{ participant.next_appointment_date }}<br>{% endif %}<span class="nhsuk-hint">{{ participant.next_appointment_date_relative }}</span></td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+    {% if totalPages > 1 %}
+    <nav class="nhsuk-pagination nhsuk-pagination--numbered" role="navigation" aria-label="Pagination">
+      {% if currentPage > 1 %}
+      <a href="/batches/participants?page={{ currentPage - 1 }}&sort={{ selectedSort }}{% if participantFilterQuery %}&{{ participantFilterQuery }}{% endif %}" class="nhsuk-pagination__previous" rel="prev">Previous</a>
+      {% endif %}
+      <ul class="nhsuk-pagination__list">
+        {% for pageNumber in paginationPages %}
+        <li class="nhsuk-pagination__item{% if pageNumber == currentPage %} nhsuk-pagination__item--current{% endif %}">
+          {% if pageNumber == currentPage %}<span class="nhsuk-pagination__link" aria-current="page">{{ pageNumber }}</span>
+          {% else %}<a href="/batches/participants?page={{ pageNumber }}&sort={{ selectedSort }}{% if participantFilterQuery %}&{{ participantFilterQuery }}{% endif %}" class="nhsuk-pagination__link" aria-label="Page {{ pageNumber }}">{{ pageNumber }}</a>{% endif %}
+        </li>
+        {% endfor %}
+      </ul>
+      {% if currentPage < totalPages %}
+      <a href="/batches/participants?page={{ currentPage + 1 }}&sort={{ selectedSort }}{% if participantFilterQuery %}&{{ participantFilterQuery }}{% endif %}" class="nhsuk-pagination__next" rel="next" aria-label="Next page">Next</a>
+      {% endif %}
+    </nav>
+    {% endif %}
+  </div>
+</div>
+
+{% endblock %}
diff --git a/app/views/bso-objects/bso/bso-internal-details.html b/app/views/bso-objects/bso/bso-internal-details.html
index 4c16f385..71eb2e6e 100644
--- a/app/views/bso-objects/bso/bso-internal-details.html
+++ b/app/views/bso-objects/bso/bso-internal-details.html
@@ -27,7 +27,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Organisation", serviceName) }}
+  {{ primaryNavigation("Organisation", serviceName, bsoName) }}
 {% endblock %}
 
 <!-- For adding a breadcrumb or back link -->
diff --git a/app/views/bso-objects/bso/bso-public-details.html b/app/views/bso-objects/bso/bso-public-details.html
index db2fea9b..67d9400b 100644
--- a/app/views/bso-objects/bso/bso-public-details.html
+++ b/app/views/bso-objects/bso/bso-public-details.html
@@ -21,7 +21,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Organisation", serviceName) }}
+  {{ primaryNavigation("Organisation", serviceName, bsoName) }}
 {% endblock %}
 
 <!-- For adding a breadcrumb or back link -->
diff --git a/app/views/bso-objects/index.html b/app/views/bso-objects/index.html
index 09da6e40..baee73e1 100755
--- a/app/views/bso-objects/index.html
+++ b/app/views/bso-objects/index.html
@@ -21,7 +21,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Organisation", serviceName) }}
+  {{ primaryNavigation("Organisation", serviceName, bsoName) }}
 {% endblock %}
 
 <!-- For adding a breadcrumb or back link -->
diff --git a/app/views/bso-objects/locations/index.html b/app/views/bso-objects/locations/index.html
index 224b13c8..2a439d59 100644
--- a/app/views/bso-objects/locations/index.html
+++ b/app/views/bso-objects/locations/index.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Organisation", serviceName) }}
+  {{ primaryNavigation("Organisation", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/bso-objects/locations/location-details.html b/app/views/bso-objects/locations/location-details.html
index b7df9626..577d2668 100644
--- a/app/views/bso-objects/locations/location-details.html
+++ b/app/views/bso-objects/locations/location-details.html
@@ -10,7 +10,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Organisation", serviceName) }}
+  {{ primaryNavigation("Organisation", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/bso-objects/locations/location-travel-and-transport.html b/app/views/bso-objects/locations/location-travel-and-transport.html
index 9b71bc4c..d2f3be07 100644
--- a/app/views/bso-objects/locations/location-travel-and-transport.html
+++ b/app/views/bso-objects/locations/location-travel-and-transport.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Organisation", serviceName) }}
+  {{ primaryNavigation("Organisation", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/bso-objects/units/index.html b/app/views/bso-objects/units/index.html
index 8b30151a..ad4e9351 100644
--- a/app/views/bso-objects/units/index.html
+++ b/app/views/bso-objects/units/index.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Organisation", serviceName) }}
+  {{ primaryNavigation("Organisation", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/bso-objects/units/static-internal-details.html b/app/views/bso-objects/units/static-internal-details.html
index 2718e22f..2e483ff7 100644
--- a/app/views/bso-objects/units/static-internal-details.html
+++ b/app/views/bso-objects/units/static-internal-details.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Organisation", serviceName) }}
+  {{ primaryNavigation("Organisation", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/bso-objects/units/static-public-details.html b/app/views/bso-objects/units/static-public-details.html
index e26e2982..d5ce906b 100644
--- a/app/views/bso-objects/units/static-public-details.html
+++ b/app/views/bso-objects/units/static-public-details.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Organisation", serviceName) }}
+  {{ primaryNavigation("Organisation", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/00-create-new-clinic-details.html b/app/views/clinics-schedules/00-create-new-clinic-details.html
index a7431e3d..3457535b 100644
--- a/app/views/clinics-schedules/00-create-new-clinic-details.html
+++ b/app/views/clinics-schedules/00-create-new-clinic-details.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/01-create-schedule.html b/app/views/clinics-schedules/01-create-schedule.html
index 1633b78b..e009f9b7 100644
--- a/app/views/clinics-schedules/01-create-schedule.html
+++ b/app/views/clinics-schedules/01-create-schedule.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/02-choose-session-options.html b/app/views/clinics-schedules/02-choose-session-options.html
index 3c70e001..56bfbeab 100644
--- a/app/views/clinics-schedules/02-choose-session-options.html
+++ b/app/views/clinics-schedules/02-choose-session-options.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/03-create-session.html b/app/views/clinics-schedules/03-create-session.html
index b4026207..ccd9076b 100644
--- a/app/views/clinics-schedules/03-create-session.html
+++ b/app/views/clinics-schedules/03-create-session.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/04-organise-slots.html b/app/views/clinics-schedules/04-organise-slots.html
index 91bf6749..11d5ec1d 100644
--- a/app/views/clinics-schedules/04-organise-slots.html
+++ b/app/views/clinics-schedules/04-organise-slots.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/05-save-as-template.html b/app/views/clinics-schedules/05-save-as-template.html
index 9e1e8a2b..811c33c2 100644
--- a/app/views/clinics-schedules/05-save-as-template.html
+++ b/app/views/clinics-schedules/05-save-as-template.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/05a-template-details.html b/app/views/clinics-schedules/05a-template-details.html
index 6f7d124b..66811536 100644
--- a/app/views/clinics-schedules/05a-template-details.html
+++ b/app/views/clinics-schedules/05a-template-details.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/06-apply-session.html b/app/views/clinics-schedules/06-apply-session.html
index cdf9b7c1..4ebc7f30 100644
--- a/app/views/clinics-schedules/06-apply-session.html
+++ b/app/views/clinics-schedules/06-apply-session.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-{{ primaryNavigation("Clinics", serviceName) }}
+{{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/07-schedule-details.html b/app/views/clinics-schedules/07-schedule-details.html
index e2469a50..94d0a3cd 100644
--- a/app/views/clinics-schedules/07-schedule-details.html
+++ b/app/views/clinics-schedules/07-schedule-details.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/08-publish-clinic.html b/app/views/clinics-schedules/08-publish-clinic.html
index 133603e0..2e56df70 100644
--- a/app/views/clinics-schedules/08-publish-clinic.html
+++ b/app/views/clinics-schedules/08-publish-clinic.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/09-prototype-end.html b/app/views/clinics-schedules/09-prototype-end.html
index 871063ad..ef350448 100644
--- a/app/views/clinics-schedules/09-prototype-end.html
+++ b/app/views/clinics-schedules/09-prototype-end.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/0a-clinics-clinic-added-populated.html b/app/views/clinics-schedules/0a-clinics-clinic-added-populated.html
index d7055582..8f975739 100644
--- a/app/views/clinics-schedules/0a-clinics-clinic-added-populated.html
+++ b/app/views/clinics-schedules/0a-clinics-clinic-added-populated.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/0a-clinics-clinic-added.html b/app/views/clinics-schedules/0a-clinics-clinic-added.html
index 9d4a9069..3cca7339 100644
--- a/app/views/clinics-schedules/0a-clinics-clinic-added.html
+++ b/app/views/clinics-schedules/0a-clinics-clinic-added.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/0b-clinic-detail-populated-schedule-added.html b/app/views/clinics-schedules/0b-clinic-detail-populated-schedule-added.html
index 8144cba2..487a5d0b 100644
--- a/app/views/clinics-schedules/0b-clinic-detail-populated-schedule-added.html
+++ b/app/views/clinics-schedules/0b-clinic-detail-populated-schedule-added.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-{{ primaryNavigation("Clinics", serviceName) }}
+{{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/0b-clinic-detail-schedule-added-backup.html b/app/views/clinics-schedules/0b-clinic-detail-schedule-added-backup.html
index 5f29108a..90303511 100644
--- a/app/views/clinics-schedules/0b-clinic-detail-schedule-added-backup.html
+++ b/app/views/clinics-schedules/0b-clinic-detail-schedule-added-backup.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/0b-clinic-detail-schedule-added.html b/app/views/clinics-schedules/0b-clinic-detail-schedule-added.html
index cbb53439..f056d86d 100644
--- a/app/views/clinics-schedules/0b-clinic-detail-schedule-added.html
+++ b/app/views/clinics-schedules/0b-clinic-detail-schedule-added.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/0b-clinic-detail.html b/app/views/clinics-schedules/0b-clinic-detail.html
index c63a607d..6c3d4ac3 100644
--- a/app/views/clinics-schedules/0b-clinic-detail.html
+++ b/app/views/clinics-schedules/0b-clinic-detail.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/0c-schedule-detail-session-added.html b/app/views/clinics-schedules/0c-schedule-detail-session-added.html
index 70344137..b972fde6 100644
--- a/app/views/clinics-schedules/0c-schedule-detail-session-added.html
+++ b/app/views/clinics-schedules/0c-schedule-detail-session-added.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-{{ primaryNavigation("Clinics", serviceName) }}
+{{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/0c-schedule-detail.html b/app/views/clinics-schedules/0c-schedule-detail.html
index 21f4e947..a801afa8 100644
--- a/app/views/clinics-schedules/0c-schedule-detail.html
+++ b/app/views/clinics-schedules/0c-schedule-detail.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/index.html b/app/views/clinics-schedules/index.html
index eae468ad..f7c84eb1 100644
--- a/app/views/clinics-schedules/index.html
+++ b/app/views/clinics-schedules/index.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics-schedules/z-older-versions/00-clinic-details.html b/app/views/clinics-schedules/z-older-versions/00-clinic-details.html
index 3109d320..fd6ea0b9 100644
--- a/app/views/clinics-schedules/z-older-versions/00-clinic-details.html
+++ b/app/views/clinics-schedules/z-older-versions/00-clinic-details.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/01-create-schedule.html b/app/views/clinics-schedules/z-older-versions/01-create-schedule.html
index 948e1ef9..7b03c861 100644
--- a/app/views/clinics-schedules/z-older-versions/01-create-schedule.html
+++ b/app/views/clinics-schedules/z-older-versions/01-create-schedule.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/02-choose-session-options.html b/app/views/clinics-schedules/z-older-versions/02-choose-session-options.html
index 3c70e001..56bfbeab 100644
--- a/app/views/clinics-schedules/z-older-versions/02-choose-session-options.html
+++ b/app/views/clinics-schedules/z-older-versions/02-choose-session-options.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/03-create-session.html b/app/views/clinics-schedules/z-older-versions/03-create-session.html
index b4026207..ccd9076b 100644
--- a/app/views/clinics-schedules/z-older-versions/03-create-session.html
+++ b/app/views/clinics-schedules/z-older-versions/03-create-session.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/04-organise-slots.html b/app/views/clinics-schedules/z-older-versions/04-organise-slots.html
index 91bf6749..11d5ec1d 100644
--- a/app/views/clinics-schedules/z-older-versions/04-organise-slots.html
+++ b/app/views/clinics-schedules/z-older-versions/04-organise-slots.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/05-save-as-template.html b/app/views/clinics-schedules/z-older-versions/05-save-as-template.html
index d3e97f05..f0e2d2ed 100644
--- a/app/views/clinics-schedules/z-older-versions/05-save-as-template.html
+++ b/app/views/clinics-schedules/z-older-versions/05-save-as-template.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/05a-template-details.html b/app/views/clinics-schedules/z-older-versions/05a-template-details.html
index 6f7d124b..66811536 100644
--- a/app/views/clinics-schedules/z-older-versions/05a-template-details.html
+++ b/app/views/clinics-schedules/z-older-versions/05a-template-details.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/06-apply-session.html b/app/views/clinics-schedules/z-older-versions/06-apply-session.html
index b906b566..4f24bf62 100644
--- a/app/views/clinics-schedules/z-older-versions/06-apply-session.html
+++ b/app/views/clinics-schedules/z-older-versions/06-apply-session.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-{{ primaryNavigation("Clinics", serviceName) }}
+{{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/07-schedule-details.html b/app/views/clinics-schedules/z-older-versions/07-schedule-details.html
index e2469a50..94d0a3cd 100644
--- a/app/views/clinics-schedules/z-older-versions/07-schedule-details.html
+++ b/app/views/clinics-schedules/z-older-versions/07-schedule-details.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/08-publish-clinic.html b/app/views/clinics-schedules/z-older-versions/08-publish-clinic.html
index 133603e0..2e56df70 100644
--- a/app/views/clinics-schedules/z-older-versions/08-publish-clinic.html
+++ b/app/views/clinics-schedules/z-older-versions/08-publish-clinic.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/09-prototype-end.html b/app/views/clinics-schedules/z-older-versions/09-prototype-end.html
index 871063ad..ef350448 100644
--- a/app/views/clinics-schedules/z-older-versions/09-prototype-end.html
+++ b/app/views/clinics-schedules/z-older-versions/09-prototype-end.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics-schedules/z-older-versions/index.html b/app/views/clinics-schedules/z-older-versions/index.html
index 12d30603..5637cc93 100644
--- a/app/views/clinics-schedules/z-older-versions/index.html
+++ b/app/views/clinics-schedules/z-older-versions/index.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics/clinic-detail.html b/app/views/clinics/clinic-detail.html
index dc4324a0..cfcf2912 100644
--- a/app/views/clinics/clinic-detail.html
+++ b/app/views/clinics/clinic-detail.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics/index.html b/app/views/clinics/index.html
index b7bdbb22..ad8231f9 100644
--- a/app/views/clinics/index.html
+++ b/app/views/clinics/index.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics/z-older-versions/00-create-day-clinic.html b/app/views/clinics/z-older-versions/00-create-day-clinic.html
index 734b7c27..818709f3 100644
--- a/app/views/clinics/z-older-versions/00-create-day-clinic.html
+++ b/app/views/clinics/z-older-versions/00-create-day-clinic.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics/z-older-versions/01-set-date-and-time.html b/app/views/clinics/z-older-versions/01-set-date-and-time.html
index 74519292..59eca3b1 100644
--- a/app/views/clinics/z-older-versions/01-set-date-and-time.html
+++ b/app/views/clinics/z-older-versions/01-set-date-and-time.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics/z-older-versions/02-organise-slots.html b/app/views/clinics/z-older-versions/02-organise-slots.html
index 394401aa..bc6642d7 100644
--- a/app/views/clinics/z-older-versions/02-organise-slots.html
+++ b/app/views/clinics/z-older-versions/02-organise-slots.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics/z-older-versions/03-publish-clinic.html b/app/views/clinics/z-older-versions/03-publish-clinic.html
index 3626c057..f5f8181a 100644
--- a/app/views/clinics/z-older-versions/03-publish-clinic.html
+++ b/app/views/clinics/z-older-versions/03-publish-clinic.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics/z-older-versions/2026-06-day-slot-view.html b/app/views/clinics/z-older-versions/2026-06-day-slot-view.html
index f62178bd..c607d7ab 100644
--- a/app/views/clinics/z-older-versions/2026-06-day-slot-view.html
+++ b/app/views/clinics/z-older-versions/2026-06-day-slot-view.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics/z-older-versions/clinic-detail.html b/app/views/clinics/z-older-versions/clinic-detail.html
index 07b1e9f9..e382f450 100644
--- a/app/views/clinics/z-older-versions/clinic-detail.html
+++ b/app/views/clinics/z-older-versions/clinic-detail.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/clinics/z-older-versions/index.html b/app/views/clinics/z-older-versions/index.html
index a6707003..32dcf049 100644
--- a/app/views/clinics/z-older-versions/index.html
+++ b/app/views/clinics/z-older-versions/index.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/clinics/z-older-versions/templating-01-set-times.html b/app/views/clinics/z-older-versions/templating-01-set-times.html
index 93d45230..91cec683 100644
--- a/app/views/clinics/z-older-versions/templating-01-set-times.html
+++ b/app/views/clinics/z-older-versions/templating-01-set-times.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
diff --git a/app/views/create-capacity-from-zero/_local-includes/clinic-summary.html b/app/views/create-capacity-from-zero/_local-includes/clinic-summary.html
index ce439169..d05bfb9e 100644
--- a/app/views/create-capacity-from-zero/_local-includes/clinic-summary.html
+++ b/app/views/create-capacity-from-zero/_local-includes/clinic-summary.html
@@ -2,28 +2,65 @@
   <div class="nhsuk-grid-column-four-fifths">
     <h1 class="nhsuk-heading-l">
       <span class="nhsuk-caption-l">Clinic</span>
-      Chichester - St Richards
+      {{ data.createCapacityFromZero.clinicName or pageVarClinicName }}
     </h1>
     <p>
-      <a href="#">Alpha van</a><br>
-      <a href="#">St Richard’s Hospital, Chichester</a>
+      <a href="#">{{ data.createCapacityFromZero.unit or pageVarUnit }}</a> at <a href="#">{{ data.createCapacityFromZero.location or pageVarLocation }}</a>
     </p>
   </div>
   <div class="nhsuk-grid-column-one-fifth">
     <ul class="nhsuk-list">
       <li>
-        <a href="#">Edit clinic name</a>
+        <a href="create-clinic">Edit clinic properties</a>
       </li>
       <li>
-        <a href="#">Change unit and location</a>
-      </li>
-      <li>
-        <a href="#" class="app-link--warning">Archive this clinic</a>
+        <a href="#" class="app-link--warning">Archive clinic</a>
       </li>
     </ul>
   </div>
 </div>
 
+<div class="nhsuk-grid-row">
+  <div class="nhsuk-grid-column-full">
+
+    <table class="nhsuk-table nhsuk-table--compact app-clinic-capacity-summary">
+      <caption class="nhsuk-u-visually-hidden">
+        Capacity summary
+      </caption>
+      <tbody class="nhsuk-table__body">
+        <tr class="nhsuk-table__row">
+          <th class="nhsuk-table__header" scope="row">
+            Slots available:
+          </th>
+          <td class="nhsuk-table__cell">
+            {{ totalAvailableSlots or 0 }}
+            <span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">
+              of which {{ totalAvailableSlotsHeld or 0 }} held</span>
+          </td>
+        </tr>
+        <tr class="nhsuk-table__row">
+          <th class="nhsuk-table__header" scope="row">
+            Locked slots:
+          </th>
+          <td class="nhsuk-table__cell">
+            {{ totalLockedSlots or 0 }}
+            <span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">(including held)</span>
+          </td>
+        </tr>
+        <tr class="nhsuk-table__row">
+          <th class="nhsuk-table__header" scope="row">
+            Slots booked:
+          </th>
+          <td class="nhsuk-table__cell">
+            {{ totalSlotsBooked or 0 }}
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+  </div>
+</div>
+
 <div class="nhsuk-grid-row">
   <div class="nhsuk-grid-column-full">
     {% set secondaryNavItems = [] %}
diff --git a/app/views/create-capacity-from-zero/clinic-summary-empty.html b/app/views/create-capacity-from-zero/clinic-summary-empty.html
index 3986768f..19d34bb4 100644
--- a/app/views/create-capacity-from-zero/clinic-summary-empty.html
+++ b/app/views/create-capacity-from-zero/clinic-summary-empty.html
@@ -4,22 +4,13 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
-  <nav>
-    <ol class="app-clinic-level-breadcrumbs nhsuk-list">
-      <li class="--item">
-        <span class="nhsuk-body-s nhsuk-u-secondary-text-colour nhsuk-u-margin-bottom-0">?</span>
-        <a href="#">Clinics</a>
-      </li>
-      <li class="--item">
-        <span class="nhsuk-body-s nhsuk-u-secondary-text-colour nhsuk-u-margin-bottom-0">Clinic</span>
-        <a href="#">Chichester - St Richards</a>
-      </li>
-    </ol>
-  </nav>
+  <a class="nhsuk-back-link" href="#">
+    Back to clinic listing
+  </a>
 {% endblock %}
 
 {% block content %}
@@ -28,7 +19,7 @@
   
   <div class="nhsuk-grid-row">
     <div class="nhsuk-grid-column-three-quarters">
-      <p>No schedules yet</p>
+      <p>This clinic contains no schedules</p>
       <a href="create-schedule" class="nhsuk-button nhsuk-button--secondary-solid">Add a new schedule</a>
     </div>
   </div>
diff --git a/app/views/create-capacity-from-zero/clinic-summary-in-progress.html b/app/views/create-capacity-from-zero/clinic-summary-in-progress.html
index c90d0613..8509b9e1 100644
--- a/app/views/create-capacity-from-zero/clinic-summary-in-progress.html
+++ b/app/views/create-capacity-from-zero/clinic-summary-in-progress.html
@@ -2,24 +2,27 @@
 
 {% set pageName = "Calendar view" %}
 
+{% set pageVarClinicName = "Mereford central ongoing" %}
+{% set pageVarUnit = "Mereford and Wensley Screening Centre" %}
+{% set pageVarLocation = "Mereford and Wensley District Hospital" %}
+
+{% set totalLockedSlots = 1260 %}
+{# Sum of every "X available" link in the dummy calendar tables below #}
+{% set totalAvailableSlots = 664 %}
+{# Sum of "X held" in the same 18 cells as the available links above #}
+{% set totalAvailableSlotsHeld = 176 %}
+{# Sum of "X booked" in the same 18 cells as the available links above #}
+{% set totalSlotsBooked = 596 %}
+
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
-  <nav>
-    <ol class="app-clinic-level-breadcrumbs nhsuk-list">
-      <li class="--item">
-        <span class="nhsuk-body-s nhsuk-u-secondary-text-colour nhsuk-u-margin-bottom-0">?</span>
-        <a href="#">Clinics</a>
-      </li>
-      <li class="--item">
-        <span class="nhsuk-body-s nhsuk-u-secondary-text-colour nhsuk-u-margin-bottom-0">Clinic</span>
-        <a href="#">Chichester - St Richards</a>
-      </li>
-    </ol>
-  </nav>
+  <a class="nhsuk-back-link" href="/create-capacity-from-zero/">
+    Back to clinic listing
+  </a>
 {% endblock %}
 
 {% block content %}
@@ -365,40 +368,41 @@
               <td class="nhsuk-table__cell --schedule-start --session-assigned">
                 <span class="calendar-table-date">19</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
+                <span class="--schedule-name">Select schedule</span>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">20</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">21</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">22</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">23</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
@@ -413,40 +417,40 @@
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">26</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">27</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">28</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">29</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">30</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
@@ -504,40 +508,40 @@
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">2</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">3</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">4</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">5</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">6</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
@@ -552,40 +556,40 @@
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">9</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">10</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">11</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">12</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">13</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
@@ -600,40 +604,40 @@
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">16</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">17</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">18</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">19</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">20</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
@@ -648,40 +652,40 @@
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">23</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">24</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">25</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --session-assigned">
                 <span class="calendar-table-date">26</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
               <td class="nhsuk-table__cell --schedule-end --session-assigned">
                 <span class="calendar-table-date">27</span>
                 {{ padlockSvg | safe }}
-                <!-- <progress class="app-progress-bar --thin --compact --generic" value="0" max="100">0%</progress> -->
-                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">42 slots</button><br>
+                <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">Standard</button><br>
+                42 slots<br>
                 0 booked<br>
                 8 held<br>
               </td>
@@ -723,10 +727,11 @@
       <div class="side-panel" id="side-panel">
         <h3 class="nhsuk-heading-s">With selected days:</h3>
         <ul class="nhsuk-list">
-          <li><a class="panel-item">Open for booking (make live)</a></li>
+          <li><button type="submit" class="panel-item nhsuk-link app-link-button">Assign session template</button></li>
+          <li><button type="submit" formaction="/create-capacity-from-zero/remove-template" class="panel-item nhsuk-link app-link-button">Remove template</button></li>
+          <li><a class="panel-item">Unlock for booking</a></li>
+          <li><a class="panel-item">Lock to booking</a></li>
           <li><a class="panel-item">Release all held slots</a></li>
-          <li><a class="panel-item">Do something else</a></li>
-          <li><a class="panel-item">Do something wild</a></li>
         </ul>
       </div>
     </div>
diff --git a/app/views/create-capacity-from-zero/clinic-summary.html b/app/views/create-capacity-from-zero/clinic-summary.html
new file mode 100644
index 00000000..d4b945e0
--- /dev/null
+++ b/app/views/create-capacity-from-zero/clinic-summary.html
@@ -0,0 +1,114 @@
+{% extends 'layout.html' %}
+
+{% set pageName = "" %}
+
+{% from "_includes/primary-navigation.html" import primaryNavigation %}
+{% block header %}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
+{% endblock %}
+
+{% block beforeContent %}
+  <a class="nhsuk-back-link" href="/create-capacity-from-zero/">
+    Back to clinic listing
+  </a>
+{% endblock %}
+
+{% block content %}
+
+  {% set padlockSvg %}
+  <div class="--session-locked">
+    <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+      <path d="M5.5 8V5.75C5.5 3.67893 7.17893 2 9.25 2C11.3211 2 13 3.67893 13 5.75V8" stroke="#4C6272" stroke-width="1.75" stroke-linecap="round"/>
+      <rect x="3" y="7" width="12.5" height="10" rx="1.5" fill="#4C6272"/>
+      <circle cx="9.25" cy="11.75" r="1.25" fill="white"/>
+      <path d="M9.25 13V14.5" stroke="white" stroke-width="1.25" stroke-linecap="round"/>
+    </svg>
+    Locked
+  </div>
+  {% endset %}
+
+  {% include "create-capacity-from-zero/_local-includes/clinic-summary.html" %}
+  
+  {% if data.createCapacityFromZero.schedules.length > 0 %}
+    <div class="nhsuk-grid-row">
+      <div class="nhsuk-grid-column-four-fifths">
+        {% for calendar in calendars %}
+        <table class="nhsuk-table nhsuk-table-responsive calendar-table">
+          <caption class="nhsuk-table__caption nhsuk-table__caption--s nhsuk-u-font-weight-normal">
+            {{ calendar.monthName }} {{ calendar.year }}
+          </caption>
+          <thead class="nhsuk-table__head">
+            <tr class="nhsuk-table__row">
+              <th scope="col" class="nhsuk-table__header">Monday</th>
+              <th scope="col" class="nhsuk-table__header">Tuesday</th>
+              <th scope="col" class="nhsuk-table__header">Wednesday</th>
+              <th scope="col" class="nhsuk-table__header">Thursday</th>
+              <th scope="col" class="nhsuk-table__header">Friday</th>
+              <th scope="col" class="nhsuk-table__header">Saturday</th>
+              <th scope="col" class="nhsuk-table__header">Sunday</th>
+            </tr>
+          </thead>
+          <tbody class="nhsuk-table__body">
+            {% for week in calendar.weeks %}
+            <tr class="nhsuk-table__row">
+              {% for dayItem in week %}
+              {% if dayItem %}
+              <td class="nhsuk-table__cell{% if dayItem.isScheduleStart %} --schedule-start{% endif %}{% if dayItem.isScheduleEnd %} --schedule-end{% endif %}" data-date="{{ dayItem.dateKey }}">
+                <span class="calendar-table-date">{{ dayItem.date }}</span>
+                {% if dayItem.templateName %}
+                  {{ padlockSvg | safe }}
+                  <button type="button" class="nhsuk-link" popovertarget="template-preview-standard">{{ dayItem.templateName }}</button><br>
+                  {{ dayItem.totalSlots }} slots<br>
+                  0 booked<br>
+                  {{ dayItem.heldSlots }} held<br>
+                {% endif %}
+                {% if dayItem.isScheduleStart %}
+                  <span class="--schedule-name">Select schedule</span>
+                {% endif %}
+              </td>
+              {% else %}
+              <td class="nhsuk-table__cell calendar-table-no-data">
+                <span class="nhsuk-u-visually-hidden">No data</span>
+              </td>
+              {% endif %}
+              {% endfor %}
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+        {% endfor %}
+      </div>
+
+      <div class="nhsuk-grid-column-one-fifth" style="position: sticky; top: 0;">
+        <div class="side-panel" id="side-panel">
+          <h3 class="nhsuk-heading-s">With selected days:</h3>
+          <form method="post" action="/create-capacity-from-zero/select-days" id="select-days-form">
+            <ul class="nhsuk-list">
+              <li><button type="submit" class="panel-item nhsuk-link app-link-button">Assign session template</button></li>
+              <li><button type="submit" formaction="/create-capacity-from-zero/remove-template" class="panel-item nhsuk-link app-link-button">Remove template</button></li>
+              <li><a class="panel-item">Unlock for booking</a></li>
+              <li><a class="panel-item">Lock to booking</a></li>
+              <li><a class="panel-item">Release all held slots</a></li>
+            </ul>
+          </form>
+        </div>
+      </div>
+    </div>
+  {% endif %}
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-full">
+      {% if data.createCapacityFromZero.schedules.length === 0 %}
+        <p>This clinic contains no schedules</p>
+      {% endif %}
+      <a href="create-schedule" class="nhsuk-button nhsuk-button--secondary-solid">Add a new schedule</a>
+    </div>
+  </div>
+
+  {% include "create-capacity-from-zero/_local-includes/template-preview.html" %}
+  
+{% endblock %}
+
+{% block pageScripts %}
+<script type="text/javascript" src="/assets/javascript/calendar-table-actions.js"></script>
+{% endblock %}
diff --git a/app/views/create-capacity-from-zero/create-clinic.html b/app/views/create-capacity-from-zero/create-clinic.html
index ce37220c..39b7cc0d 100644
--- a/app/views/create-capacity-from-zero/create-clinic.html
+++ b/app/views/create-capacity-from-zero/create-clinic.html
@@ -1,211 +1,146 @@
 {% extends 'layout.html' %}
 
-{% set errorState = "false" %}
+{% set errorState = "true" if errors else "false" %}
 
 {% set pageName = "" %}
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
-{% block beforeContent %}{% endblock %}
+{% block beforeContent %}
+  <a class="nhsuk-back-link" href="/create-capacity-from-zero/">
+    Back to clinic listing
+  </a>
+{% endblock %}
 
 {% block content %}
 
-{% set tickSvg %}
-  <svg class="app-icon app-icon--tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-    <path stroke-linecap="round" d="M18.4 7.8l-8.5 8.4L5.6 12"></path>
-  </svg>
-{% endset %}
-
-<div class="nhsuk-grid-row">
-  
-  <div class="nhsuk-grid-column-full">
-    <div class="nhsuk-u-reading-width">
-
-      {% if errorState === "true" %}
-        {{ errorSummary({
-          titleText: "There is a problem",
-          errorList: [
-            {
-              text: "Clinic must be given a name",
-              href: "#"
-            },
-            {
-              text: "A unit must be chosen",
-              href: "#"
-            },
-            {
-              text: "A location must be chosen",
-              href: "#"
-            }
-          ]
-        }) }}
-      {% endif %}
-
-      <h1 class="nhsuk-heading-l">Clinic details</h1>
-
-      <form action="clinic-summary-empty" method="post">
-
-        <div class="nhsuk-form-group {% if errorState === 'true' %}nhsuk-form-group--error{% endif %}">
-          <label class="nhsuk-label nhsuk-label--m" for="clinic-name">
+<form method="post">
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-full">
+      <div class="nhsuk-u-reading-width">
+
+        {% if errorState === "true" %}
+          {% set errorList = [] %}
+          {% if errors.clinicName %}
+            {% set errorList = errorList.concat([{ text: errors.clinicName, href: "#clinic-name" }]) %}
+          {% endif %}
+          {% if errors.unit %}
+            {% set errorList = errorList.concat([{ text: errors.unit, href: "#unit" }]) %}
+          {% endif %}
+          {% if errors.location %}
+            {% set errorList = errorList.concat([{ text: errors.location, href: "#location-0" }]) %}
+          {% endif %}
+          {{ errorSummary({
+            titleText: "There is a problem",
+            errorList: errorList
+          }) }}
+        {% endif %}
+
+        <h1 class="nhsuk-heading-l">Clinic details</h1>
+
+        <div class="nhsuk-form-group nhsuk-u-margin-bottom-3 {% if errors and errors.clinicName %}nhsuk-form-group--error{% endif %}">
+          <label class="nhsuk-label" for="clinic-name">
             Clinic name
           </label>
-          {% if errorState === "true" %}
+          {% if errors and errors.clinicName %}
             <span class="nhsuk-error-message">
-              <span class="nhsuk-u-visually-hidden">Error:</span> Clinic must be given a name
+              <span class="nhsuk-u-visually-hidden">Error:</span> {{ errors.clinicName }}
             </span>
           {% endif %}
-          <input class="nhsuk-input {% if errorState === 'true' %}nhsuk-input--error{% endif %}" id="clinic-name" name="clinicName" type="text" aria-describedby="naming-hint-text" value="{{ data.clinicName if data.clinicName else '' }}">
+          <input class="nhsuk-input {% if errors and errors.clinicName %}nhsuk-input--error{% endif %}" id="clinic-name" name="clinicName" type="text" value="{{ data.createCapacityFromZero.clinicName if data.createCapacityFromZero.clinicName else '' }}">
         </div>
 
         <div class="nhsuk-form-group">
           <label class="nhsuk-label nhsuk-u-secondary-text-colour" for="clinic-id">
             System generated clinic ID
           </label>
-          <input class="nhsuk-input nhsuk-input--width-20" id="clinic-id" name="clinicIdDisplay" type="text" aria-describedby="id-hint-text" value="{{ data.clinicId if data.clinicId else 'HWO-NNN-standard-20260501' }}" disabled>
-          <input type="hidden" name="clinicId" value="{{ data.clinicId if data.clinicId else 'HWO-NNN-standard-20260501' }}">
+          <input class="nhsuk-input nhsuk-input--width-20" id="clinic-id" name="clinicIdDisplay" type="text" aria-describedby="id-hint-text" value="NNN-NNN-systemid-20260501" disabled>
         </div>
+
+      </div>
+    </div>
+  </div>
         
-        <hr class="nhsuk-u-margin-top-6 nhsuk-u-margin-bottom-4">
-
-        <div class="nhsuk-grid-row">
-
-          <div class="nhsuk-grid-column-one-half">
-            <div class="nhsuk-form-group {% if errorState === 'true' %}nhsuk-form-group--error{% endif %}">
-              <fieldset class="nhsuk-fieldset">
-                <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--m">
-                  Unit
-                </legend>
-                {% if errorState === "true" %}
-                  <span class="nhsuk-error-message">
-                    <span class="nhsuk-u-visually-hidden">Error:</span> A unit must be chosen
-                  </span>
-                {% endif %}
-                <div class="nhsuk-radios nhsuk-radios--small" data-module="nhsuk-radios">
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="unit" name="unit" type="radio" value="West Sussex Breast Care Centre" {% if data.unit == 'West Sussex Breast Care Centre' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="unit">
-                      West Sussex Breast Care Centre
-                    </label>
-                  </div>
-                  <hr class="nhsuk-u-margin-top-2 nhsuk-u-margin-bottom-2">
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="unit-2" name="unit" type="radio" value="Alpha Van" {% if data.unit == 'Alpha Van' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="unit-2">
-                      Alpha Van
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="unit-3" name="unit" type="radio" value="Beta Van" {% if data.unit == 'Beta Van' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="unit-3">
-                      Beta Van
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="unit-4" name="unit" type="radio" value="Gamma Van" {% if data.unit == 'Gamma Van' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="unit-4">
-                      Gamma Van
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="unit-5" name="unit" type="radio" value="Delta Van" {% if data.unit == 'Delta Van' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="unit-5">
-                      Delta Van
-                    </label>
-                  </div>
-                </div>
-              </fieldset>
+  <hr class="nhsuk-u-margin-top-6 nhsuk-u-margin-bottom-4">
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-one-third">
+
+      <div class="nhsuk-form-group {% if errors and errors.unit %}nhsuk-form-group--error{% endif %}">
+        <fieldset class="nhsuk-fieldset">
+          <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--m">
+            Unit
+          </legend>
+          {% if errors and errors.unit %}
+            <span class="nhsuk-error-message">
+              <span class="nhsuk-u-visually-hidden">Error:</span> {{ errors.unit }}
+            </span>
+          {% endif %}
+          <div class="nhsuk-radios nhsuk-radios--small" data-module="nhsuk-radios">
+            <div class="nhsuk-radios__item">
+              <input class="nhsuk-radios__input" id="unit-0" name="unit" type="radio" value="{{ staticBaseUnit }}" {% if data.createCapacityFromZero.unit == staticBaseUnit %}checked{% endif %}>
+              <label class="nhsuk-label nhsuk-radios__label" for="unit-0">
+                {{ staticBaseUnit }}
+              </label>
+            </div>
+            <hr class="nhsuk-u-margin-top-2 nhsuk-u-margin-bottom-2">
+            {% for mobileUnit in mobileUnits %}
+            <div class="nhsuk-radios__item">
+              <input class="nhsuk-radios__input" id="unit-{{ loop.index }}" name="unit" type="radio" value="{{ mobileUnit }}" {% if data.createCapacityFromZero.unit == mobileUnit %}checked="checked"{% endif %}>
+              <label class="nhsuk-label nhsuk-radios__label" for="unit-{{ loop.index }}">
+                {{ mobileUnit }}
+              </label>
             </div>
+            {% endfor %}
           </div>
-
-          <div class="nhsuk-grid-column-one-half">
-            <div class="nhsuk-form-group {% if errorState === 'true' %}nhsuk-form-group--error{% endif %}">
-              <fieldset class="nhsuk-fieldset">
-                <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--m">
-                  Location
-                </legend>
-                {% if errorState === "true" %}
-                  <span class="nhsuk-error-message">
-                    <span class="nhsuk-u-visually-hidden">Error:</span> A location must be chosen
-                  </span>
-                {% endif %}
-                <div class="nhsuk-radios nhsuk-radios--small" data-module="nhsuk-radios">
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location-10" name="location" type="radio" value="Worthing hospital" {% if data.location == 'Worthing hospital' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location-10">
-                      Worthing hospital
-                    </label>
-                  </div>
-                  <hr class="nhsuk-u-margin-top-2 nhsuk-u-margin-bottom-2">
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location" name="location" type="radio" value="Bognor Regis" {% if data.location == 'Bognor Regis' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location">
-                      Bognor Regis
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location-2" name="location" type="radio" value="Burgess Hill" {% if data.location == 'Burgess Hill' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location-2">
-                      Burgess Hill
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location-3" name="location" type="radio" value="Chichester" {% if data.location == 'Chichester' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location-3">
-                      Chichester
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location-4" name="location" type="radio" value="Crawley" {% if data.location == 'Crawley' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location-4">
-                      Crawley
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location-5" name="location" type="radio" value="Haywards Heath" {% if data.location == 'Haywards Heath' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location-5">
-                      Haywards Heath
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location-6" name="location" type="radio" value="Horsham" {% if data.location == 'Horsham' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location-6">
-                      Horsham
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location-7" name="location" type="radio" value="Littlehampton" {% if data.location == 'Littlehampton' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location-7">
-                      Littlehampton
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location-8" name="location" type="radio" value="Shoreham-by-Sea" {% if data.location == 'Shoreham-by-Sea' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location-8">
-                      Shoreham-by-Sea
-                    </label>
-                  </div>
-                  <div class="nhsuk-radios__item">
-                    <input class="nhsuk-radios__input" id="location-9" name="location" type="radio" value="Storrington" {% if data.location == 'Storrington' %}checked{% endif %}>
-                    <label class="nhsuk-label nhsuk-radios__label" for="location-9">
-                      Storrington
-                    </label>
-                  </div>
-                </div>
-              </fieldset>
+        </fieldset>
+      </div>
+          
+    </div>
+    <div class="nhsuk-grid-column-two-thirds">
+
+      <div class="nhsuk-form-group {% if errors and errors.location %}nhsuk-form-group--error{% endif %}">
+        <fieldset class="nhsuk-fieldset">
+          <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--m">
+            Location
+          </legend>
+          {% if errors and errors.location %}
+            <span class="nhsuk-error-message">
+              <span class="nhsuk-u-visually-hidden">Error:</span> {{ errors.location }}
+            </span>
+          {% endif %}
+          <div class="nhsuk-radios nhsuk-radios--small" data-module="nhsuk-radios">
+            <div class="nhsuk-radios__item">
+              <input class="nhsuk-radios__input" id="location-0" name="location" type="radio" value="{{ staticLocationShort }}" {% if data.createCapacityFromZero.location == staticLocationShort %}checked="checked"{% endif %}>
+              <label class="nhsuk-label nhsuk-radios__label" for="location-0">
+                {{ staticLocationShort }}
+              </label>
+            </div>
+            <hr class="nhsuk-u-margin-top-2 nhsuk-u-margin-bottom-2">
+            {% for locationShort in locationsShort %}
+            <div class="nhsuk-radios__item">
+              <input class="nhsuk-radios__input" id="location-{{ loop.index }}" name="location" type="radio" value="{{ locationShort }}" {% if data.createCapacityFromZero.location == locationShort %}checked{% endif %}>
+              <label class="nhsuk-label nhsuk-radios__label" for="location-{{ loop.index }}">
+                {{ locationShort }}
+              </label>
             </div>
+            {% endfor %}
           </div>
-
-        </div>
-        
-        <hr class="nhsuk-u-margin-top-0 nhsuk-u-margin-bottom-4">
-        <button class="nhsuk-button" type="submit">Continue</button>
-
-      </form>
+        </fieldset>
+      </div>
+    
     </div>
   </div>
+        
+  <hr class="nhsuk-u-margin-top-0 nhsuk-u-margin-bottom-4">
+        
+  <button class="nhsuk-button" type="submit">Create clinic</button>
+
+</form>
 
 
 
diff --git a/app/views/create-capacity-from-zero/create-schedule.html b/app/views/create-capacity-from-zero/create-schedule.html
index af04d4e3..036e4b9f 100644
--- a/app/views/create-capacity-from-zero/create-schedule.html
+++ b/app/views/create-capacity-from-zero/create-schedule.html
@@ -1,74 +1,51 @@
 {% extends 'layout.html' %}
 
-{% set errorState = "false" %}
+{% set errorState = "true" if errors else "false" %}
 
 {% set pageName = "" %}
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
-{% block beforeContent %}{% endblock %}
+{% block beforeContent %}
+  <a class="nhsuk-back-link" href="clinic-summary">
+    Back to clinic: {{ data.createCapacityFromZero.clinicName }}
+  </a>
+{% endblock %}
 
 {% block content %}
-
-{% set tickSvg %}
-  <svg class="app-icon app-icon--tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-    <path stroke-linecap="round" d="M18.4 7.8l-8.5 8.4L5.6 12"></path>
-  </svg>
-{% endset %}
-
 <div class="nhsuk-grid-row">
-  
   <div class="nhsuk-grid-column-three-quarters">
     <div class="nhsuk-u-reading-width">
 
       {% if errorState === "true" %}
+        {% set errorList = [] %}
+        {% if errors.scheduleName %}
+          {% set errorList = errorList.concat([{ text: errors.scheduleName, href: "#schedule-name" }]) %}
+        {% endif %}
+        {% if errors.scheduleStartDate %}
+          {% set errorList = errorList.concat([{ text: errors.scheduleStartDate, href: "#schedule-start-date-day" }]) %}
+        {% endif %}
+        {% if errors.scheduleEndDate %}
+          {% set errorList = errorList.concat([{ text: errors.scheduleEndDate, href: "#schedule-end-date-day" }]) %}
+        {% endif %}
         {{ errorSummary({
           titleText: "There is a problem",
-          errorList: [
-            {
-              text: "Schedule must be given a name",
-              href: "#"
-            },
-            {
-              text: "Schedule start date must be given a day, month, and year",
-              href: "#"
-            },
-            {
-              text: "Schedule start date must be in the future",
-              href: "#"
-            },
-            {
-              text: "Schedule end date must be given a day, month, and year",
-              href: "#"
-            },
-            {
-              text: "Schedule end date must be in the future",
-              href: "#"
-            }
-          ]
+          errorList: errorList
         }) }}
       {% endif %}
 
       <h1 class="nhsuk-heading-l">Create schedule</h1>
 
-      <form action="new-schedule-empty" method="post">
+      <!-- <p>
+        Enter start and end dates for your new schedule in clinic "{{ data.createCapacityFromZero.clinicName | lower }}"
+      </p> -->
 
-        <div class="nhsuk-form-group {% if errorState === 'true' %}nhsuk-form-group--error{% endif %}">
-          <label class="nhsuk-label nhsuk-label--m" for="schedule-name">
-            Schedule name
-          </label>
-          {% if errorState === "true" %}
-            <span class="nhsuk-error-message">
-              <span class="nhsuk-u-visually-hidden">Error:</span> Schedule must be given a name
-            </span>
-          {% endif %}
-          <input class="nhsuk-input {% if errorState === 'true' %}nhsuk-input--error{% endif %}" id="schedule-name" name="scheduleName" type="text" aria-describedby="naming-hint-text" value="{{ data.scheduleName if data.scheduleName else '' }}">
-        </div>
+      <form method="post">
 
-        <div class="nhsuk-form-group {% if errorState === 'true' %}nhsuk-form-group--error{% endif %}">
+        <div class="nhsuk-form-group {% if errors and errors.scheduleStartDate %}nhsuk-form-group--error{% endif %}">
           <fieldset class="nhsuk-fieldset nhsuk-u-margin-bottom-4" role="group" aria-describedby="schedule-start-date-hint">
             <legend class="nhsuk-fieldset__legend nhsuk-label--m">
                 Start date
@@ -76,18 +53,18 @@ <h1 class="nhsuk-heading-l">Create schedule</h1>
             <div class="nhsuk-hint" id="schedule-start-date-hint">
               For example, 18 6 2026
             </div>
-            {% if errorState === "true" %}
+            {% if errors and errors.scheduleStartDate %}
               <span class="nhsuk-error-message">
-                <span class="nhsuk-u-visually-hidden">Error:</span> Start date must be given a day, month, and year
+                <span class="nhsuk-u-visually-hidden">Error:</span> {{ errors.scheduleStartDate }}
               </span>
             {% endif %}
             <div class="nhsuk-date-input" id="schedule-start-date">
               <div class="nhsuk-date-input__item">
                 <div class="nhsuk-form-group">
-                  <label class="nhsuk-label nhsuk-date-input__label" for="clinic-date-day">
+                  <label class="nhsuk-label nhsuk-date-input__label" for="schedule-start-date-day">
                     Day
                   </label>
-                  <input class="nhsuk-input nhsuk-date-input__input {% if errorState === 'true' %}nhsuk-input--error{% endif %} nhsuk-input--width-2" id="schedule-start-date-day" name="scheduleStartDate[day]" type="text" inputmode="numeric" value="{{ data.scheduleStartDate.day if data.scheduleStartDate else '' }}">
+                  <input class="nhsuk-input nhsuk-date-input__input {% if errors and errors.scheduleStartDate %}nhsuk-input--error{% endif %} nhsuk-input--width-2" id="schedule-start-date-day" name="scheduleStartDate[day]" type="text" inputmode="numeric" value="{{ data.createCapacityFromZero.scheduleStartDate.day if data.createCapacityFromZero.scheduleStartDate else '' }}">
                 </div>
               </div>
               <div class="nhsuk-date-input__item">
@@ -95,7 +72,7 @@ <h1 class="nhsuk-heading-l">Create schedule</h1>
                   <label class="nhsuk-label nhsuk-date-input__label" for="schedule-start-date-month">
                     Month
                   </label>
-                  <input class="nhsuk-input nhsuk-date-input__input {% if errorState === 'true' %}nhsuk-input--error{% endif %} nhsuk-input--width-2" id="schedule-start-date-month" name="scheduleStartDate[month]" type="text" inputmode="numeric" value="{{ data.scheduleStartDate.month if data.scheduleStartDate else '' }}">
+                  <input class="nhsuk-input nhsuk-date-input__input {% if errors and errors.scheduleStartDate %}nhsuk-input--error{% endif %} nhsuk-input--width-2" id="schedule-start-date-month" name="scheduleStartDate[month]" type="text" inputmode="numeric" value="{{ data.createCapacityFromZero.scheduleStartDate.month if data.createCapacityFromZero.scheduleStartDate else '' }}">
                 </div>
               </div>
               <div class="nhsuk-date-input__item">
@@ -103,7 +80,7 @@ <h1 class="nhsuk-heading-l">Create schedule</h1>
                   <label class="nhsuk-label nhsuk-date-input__label" for="schedule-start-date-year">
                     Year
                   </label>
-                  <input class="nhsuk-input nhsuk-date-input__input {% if errorState === 'true' %}nhsuk-input--error{% endif %} nhsuk-input--width-4" id="schedule-start-date-year" name="scheduleStartDate[year]" type="text" inputmode="numeric" value="{{ data.scheduleStartDate.year if data.scheduleStartDate else '' }}">
+                  <input class="nhsuk-input nhsuk-date-input__input {% if errors and errors.scheduleStartDate %}nhsuk-input--error{% endif %} nhsuk-input--width-4" id="schedule-start-date-year" name="scheduleStartDate[year]" type="text" inputmode="numeric" value="{{ data.createCapacityFromZero.scheduleStartDate.year if data.createCapacityFromZero.scheduleStartDate else '' }}">
                 </div>
               </div>
             </div>
@@ -111,7 +88,7 @@ <h1 class="nhsuk-heading-l">Create schedule</h1>
 
         </div>
 
-        <div class="nhsuk-form-group {% if errorState === 'true' %}nhsuk-form-group--error{% endif %}">
+        <div class="nhsuk-form-group {% if errors and errors.scheduleEndDate %}nhsuk-form-group--error{% endif %}">
           <fieldset class="nhsuk-fieldset" role="group" aria-describedby="schedule-end-date-hint">
             <legend class="nhsuk-fieldset__legend nhsuk-label--m">
                 End date
@@ -119,9 +96,9 @@ <h1 class="nhsuk-heading-l">Create schedule</h1>
             <div class="nhsuk-hint" id="schedule-end-date-hint">
               For example, 18 6 2026
             </div>
-            {% if errorState === "true" %}
+            {% if errors and errors.scheduleEndDate %}
               <span class="nhsuk-error-message">
-                <span class="nhsuk-u-visually-hidden">Error:</span> End date must be given a day, month, and year
+                <span class="nhsuk-u-visually-hidden">Error:</span> {{ errors.scheduleEndDate }}
               </span>
             {% endif %}
             <div class="nhsuk-date-input" id="schedule-end-date">
@@ -130,7 +107,7 @@ <h1 class="nhsuk-heading-l">Create schedule</h1>
                   <label class="nhsuk-label nhsuk-date-input__label" for="schedule-end-date-day">
                     Day
                   </label>
-                  <input class="nhsuk-input nhsuk-date-input__input {% if errorState === 'true' %}nhsuk-input--error{% endif %} nhsuk-input--width-2" id="schedule-start-date-day" name="scheduleEndDate[day]" type="text" inputmode="numeric" value="{{ data.scheduleEndDate.day if data.scheduleEndDate else '' }}">
+                  <input class="nhsuk-input nhsuk-date-input__input {% if errors and errors.scheduleEndDate %}nhsuk-input--error{% endif %} nhsuk-input--width-2" id="schedule-end-date-day" name="scheduleEndDate[day]" type="text" inputmode="numeric" value="{{ data.createCapacityFromZero.scheduleEndDate.day if data.createCapacityFromZero.scheduleEndDate else '' }}">
                 </div>
               </div>
               <div class="nhsuk-date-input__item">
@@ -138,7 +115,7 @@ <h1 class="nhsuk-heading-l">Create schedule</h1>
                   <label class="nhsuk-label nhsuk-date-input__label" for="schedule-end-date-month">
                     Month
                   </label>
-                  <input class="nhsuk-input nhsuk-date-input__input {% if errorState === 'true' %}nhsuk-input--error{% endif %} nhsuk-input--width-2" id="schedule-end-date-month" name="scheduleEndDate[month]" type="text" inputmode="numeric" value="{{ data.scheduleEndDate.month if data.scheduleEndDate else '' }}">
+                  <input class="nhsuk-input nhsuk-date-input__input {% if errors and errors.scheduleEndDate %}nhsuk-input--error{% endif %} nhsuk-input--width-2" id="schedule-end-date-month" name="scheduleEndDate[month]" type="text" inputmode="numeric" value="{{ data.createCapacityFromZero.scheduleEndDate.month if data.createCapacityFromZero.scheduleEndDate else '' }}">
                 </div>
               </div>
               <div class="nhsuk-date-input__item">
@@ -146,7 +123,7 @@ <h1 class="nhsuk-heading-l">Create schedule</h1>
                   <label class="nhsuk-label nhsuk-date-input__label" for="schedule-end-date-year">
                     Year
                   </label>
-                  <input class="nhsuk-input nhsuk-date-input__input {% if errorState === 'true' %}nhsuk-input--error{% endif %} nhsuk-input--width-4" id="schedule-end-date-year" name="scheduleEndDate[year]" type="text" inputmode="numeric" value="{{ data.scheduleEndDate.year if data.scheduleEndDate else '' }}">
+                  <input class="nhsuk-input nhsuk-date-input__input {% if errors and errors.scheduleEndDate %}nhsuk-input--error{% endif %} nhsuk-input--width-4" id="schedule-end-date-year" name="scheduleEndDate[year]" type="text" inputmode="numeric" value="{{ data.createCapacityFromZero.scheduleEndDate.year if data.createCapacityFromZero.scheduleEndDate else '' }}">
                 </div>
               </div>
             </div>
@@ -159,7 +136,5 @@ <h1 class="nhsuk-heading-l">Create schedule</h1>
       </form>
     </div>
   </div>
-
-
-
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/app/views/create-capacity-from-zero/index.html b/app/views/create-capacity-from-zero/index.html
index 1f15b48a..03ec45e1 100644
--- a/app/views/create-capacity-from-zero/index.html
+++ b/app/views/create-capacity-from-zero/index.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
@@ -14,9 +14,9 @@
   {% set secondaryNavItems = [] %}
 
   {% for item in [
-    { href: '/clinics/', label: 'Active clinics', selected: 'true' },
+    { href: '/create-capacity-from-zero/', label: 'Active clinics', selected: 'true' },
     { href: '#', label: 'Archived clinics' },
-    { href: '/sessions/templating-01-listing', label: 'Manage session templates' }
+    { href: '#', label: 'Manage session templates' }
   ] %}
     {% set secondaryNavItems = secondaryNavItems | push({
       text: item.label | safe,
@@ -66,12 +66,12 @@ <h1 class="nhsuk-heading-l">Active clinics</h1>
         <tbody class="nhsuk-table__body">
           <tr class="nhsuk-table__row">
             <td class="nhsuk-table__cell">
-              <a href="clinic-detail">Chichester - St Richards<br></a>
-              <span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">HWO-NNN-standard-20260501</span>
+              <a href="#">Existing clinic user defined name<br></a>
+              <span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">NNN-NNN-systemid-20260501</span>
             </td>
             <td class="nhsuk-table__cell">
-              Alpha van<br>
-              St Richard’s Hospital, Chichester
+              Unit label<br>
+              Location short name
             </td>
             <td class="nhsuk-table__cell">
               31 August 2026 to 9 October 2026
@@ -81,24 +81,6 @@ <h1 class="nhsuk-heading-l">Active clinics</h1>
               <span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">of which 150 held</span>
             </td>
           </tr>
-
-          <tr class="nhsuk-table__row">
-            <td class="nhsuk-table__cell">
-              <a href="#">Chichester - St Richards<br></a>
-              <span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">HWO-NNN-standard-20260501</span>
-            </td>
-            <td class="nhsuk-table__cell">
-              Alpha van<br>
-              St Richard’s Hospital, Chichester
-            </td>
-            <td class="nhsuk-table__cell">
-              <span class="nhsuk-u-secondary-text-colour">No active schedules</span>
-            </td>
-            <td class="nhsuk-table__cell">
-              1500 slots available<br>
-              <span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">of which 150 held</span>
-            </td>
-          </tr>
         </tbody>
       </table>
 
diff --git a/app/views/create-capacity-from-zero/new-schedule-empty.html b/app/views/create-capacity-from-zero/new-schedule-empty.html
index 3e2d23aa..076707e3 100644
--- a/app/views/create-capacity-from-zero/new-schedule-empty.html
+++ b/app/views/create-capacity-from-zero/new-schedule-empty.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/create-capacity-from-zero/new-schedule-ready.html b/app/views/create-capacity-from-zero/new-schedule-ready.html
index 539e36c6..c4669278 100644
--- a/app/views/create-capacity-from-zero/new-schedule-ready.html
+++ b/app/views/create-capacity-from-zero/new-schedule-ready.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/create-capacity-from-zero/select-session-template-full-preview.html b/app/views/create-capacity-from-zero/select-session-template-full-preview.html
index f81c9078..751a6783 100644
--- a/app/views/create-capacity-from-zero/select-session-template-full-preview.html
+++ b/app/views/create-capacity-from-zero/select-session-template-full-preview.html
@@ -76,7 +76,10 @@
   <div class="nhsuk-grid-column-full">
 
     <div class="nhsuk-u-reading-width">
-      <h1 class="nhsuk-heading-l"">Session template name</h1>
+      <h1 class="nhsuk-heading-l">
+        <span class="nhsuk-caption-m">Template details</span>
+        Standard
+      </h1>
       <h2 class="nhsuk-heading-m">
         <span class="nhsuk-caption-m">Session time</span>
         09:00 to 17:00
diff --git a/app/views/create-capacity-from-zero/select-session-template.html b/app/views/create-capacity-from-zero/select-session-template.html
index 91f28b8d..a419a9a5 100644
--- a/app/views/create-capacity-from-zero/select-session-template.html
+++ b/app/views/create-capacity-from-zero/select-session-template.html
@@ -4,10 +4,14 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
-{% block beforeContent %}{% endblock %}
+{% block beforeContent %}
+  <a class="nhsuk-back-link" href="clinic-summary">
+    Back to clinic: {{ data.createCapacityFromZero.clinicName }}
+  </a>
+{% endblock %}
 
 {% block content %}
 <div class="nhsuk-grid-row">
@@ -18,11 +22,14 @@ <h1 class="nhsuk-heading-l">Choose session template</h1>
     <div class="nhsuk-card nhsuk-u-padding-4 nhsuk-u-padding-bottom-0">
       <div class="app-card-editable">
         <h2 class="nhsuk-heading-s">
-          Standard day
+          Standard
         </h2>
-        <a href="new-schedule-ready" class="nhsuk-button nhsuk-button--secondary nhsuk-button--small">
-          Select this template
-        </a>
+        <form method="post" action="/create-capacity-from-zero/apply-session-template">
+          <input type="hidden" name="templateName" value="Standard">
+          <button type="submit" class="nhsuk-button nhsuk-button--secondary nhsuk-button--small">
+            Select this template
+          </button>
+        </form>
       </div>
       <div class="app-template-card">
         <div>
@@ -85,11 +92,14 @@ <h2 class="nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-u-padding-4 nhsuk-u-padding-bottom-0">
       <div class="app-card-editable">
         <h2 class="nhsuk-heading-s">
-          Special appointments day
+          Special appointments
         </h2>
-        <a href="new-schedule-ready" class="nhsuk-button nhsuk-button--secondary nhsuk-button--small">
-          Select this template
-        </a>
+        <form method="post" action="/create-capacity-from-zero/apply-session-template">
+          <input type="hidden" name="templateName" value="Special appointments">
+          <button type="submit" class="nhsuk-button nhsuk-button--secondary nhsuk-button--small">
+            Select this template
+          </button>
+        </form>
       </div>
       <div class="app-template-card">
         <div>
@@ -152,11 +162,14 @@ <h2 class="nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-u-padding-4 nhsuk-u-padding-bottom-0">
       <div class="app-card-editable">
         <h2 class="nhsuk-heading-s">
-          Default session template
+          Rubie default
         </h2>
-        <a href="new-schedule-ready" class="nhsuk-button nhsuk-button--secondary nhsuk-button--small">
-          Select this template
-        </a>
+        <form method="post" action="/create-capacity-from-zero/apply-session-template">
+          <input type="hidden" name="templateName" value="Rubie default">
+          <button type="submit" class="nhsuk-button nhsuk-button--secondary nhsuk-button--small">
+            Select this template
+          </button>
+        </form>
       </div>
       <div class="app-template-card">
         <div>
diff --git a/app/views/index.html b/app/views/index.html
index 2dda9980..091f5dee 100755
--- a/app/views/index.html
+++ b/app/views/index.html
@@ -44,11 +44,26 @@ <h1 class="nhsuk-heading-xl">
         href: "/prototype-admin/reset?returnPage=" + (currentPage | urlencode)
       }) }}
 
+      <h2 class="nhsuk-heading-m">September 2026</h2>
+      <p>Participant view</p>
+
+      <ol>
+        <li>
+          <a href="/participants/">View standalone participant details</a>
+        </li>
+        <li>
+          <a href="/batches/participant-breakdown/standard">View participant details within a batch</a>
+        </li>
+      </ol>
+
       <h2 class="nhsuk-heading-m">August &ndash; September 2026</h2>
       <p>Clinics with schedules ideation</p>
       <ol>
         <li>
-          <a href="/clinics-schedules">Create a new clinic (containers)</a>
+          <a href="/create-capacity-from-zero/">Create a new clinic (containers)</a>
+          <strong class="nhsuk-tag nhsuk-tag--green">
+            ready to test
+          </strong>
         </li>
         <li>
           <a href="/clinics-schedules/z-older-versions">Create a new clinic (transaction)</a>
diff --git a/app/views/participants/detail.html b/app/views/participants/detail.html
new file mode 100644
index 00000000..0d053758
--- /dev/null
+++ b/app/views/participants/detail.html
@@ -0,0 +1,224 @@
+{% extends 'layout.html' %}
+
+{% set pageName = 'Participant details' %}
+
+{% from "_includes/primary-navigation.html" import primaryNavigation %}
+{% block header %}
+{{ primaryNavigation("Batches" if participantsPath == "/batches/participants" else "Participants", serviceName) }}
+{% endblock %}
+
+{% block content %}
+
+<nav class="nhsuk-breadcrumb nhsuk-u-margin-bottom-4" aria-label="Breadcrumb">
+    <ol class="nhsuk-breadcrumb__list">
+        <li class="nhsuk-breadcrumb__list-item">
+            <a class="nhsuk-breadcrumb__link" href="{{ participantsPath }}">
+                Participants
+            </a>
+        </li>
+</nav>
+
+
+<div class="nhsuk-grid-row">
+
+    <div class="nhsuk-grid-column-full">
+
+        <span class="nhsuk-caption-l">Participant details</span>
+        <h1 class="nhsuk-heading-l">{{ participant.full_name }}</h1>
+    </div>
+
+</div>
+
+<div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-full">
+        {% if participant.is_breaching %}
+        <strong class="nhsuk-tag nhsuk-tag--red nhsuk-u-margin-bottom-4">At risk of breaching</strong>
+        {% endif %}
+    </div>
+</div>
+
+{% set stageText = {
+'scheduled': 'Scheduled',
+'mammograms': 'Mammograms',
+'reading': 'Waiting for reading',
+'assessment': 'At assessment',
+'closed': 'Closed'
+}[participant.episode_stage] %}
+{% set stageColour = {
+'scheduled': 'blue',
+'mammograms': 'purple',
+'reading': 'yellow',
+'assessment': 'orange',
+'closed': 'grey'
+}[participant.episode_stage] %}
+
+<div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">Screening details</h2>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Next test due date</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.next_test_due_date }}<br>
+                            <span class="nhsuk-hint">{{ participant.next_test_due_date_relative }}
+                            </span>
+                        </dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Next screening appointment</dt>
+                        <dd class="nhsuk-summary-list__value">{% if participant.next_appointment_date != 'Not known'
+                            %}{{ participant.next_appointment_date }}<br>{% endif
+                            %}
+                            <span class="nhsuk-hint">{{ participant.next_appointment_date_relative }}</span>
+                            {% if participant.next_appointment_unit %}<br>
+                            <span aria-hidden="true">{{ participant.next_appointment_unit }}, {{
+                                participant.next_appointment_location }}</span>
+                            <span class="nhsuk-u-visually-hidden">Appointment taking place at {{
+                                participant.next_appointment_unit }} in {{ participant.next_appointment_location
+                                }}</span>{% endif %}
+                        </dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Last screened</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.last_screened_date }}</dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">Personal details</h2>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Full name</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.full_name }}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">NHS Number</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.nhs_number }}</dd>
+                    </div>
+                    <!--<div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">SX Number</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.sx_number }}</dd>
+                    </div>-->
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Date of birth</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.date_of_birth }} <br><span
+                                class="nhsuk-hint">({{ participant.age }} years old)</span></dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Gender</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.gender }}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Ethnicity</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.ethnicity }}</dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">Contact details</h2>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Address</dt>
+                        <dd class="nhsuk-summary-list__value">
+                            {{ participant.address.houseNumber }} {{ participant.address.street }}<br>
+                            {{ participant.address.town }}<br>
+                            {{ participant.address.postcode }}
+                        </dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">
+                            {% if participant.phone_numbers.mobile and participant.phone_numbers.home %}
+                            Phone numbers
+                            {% else %}
+                            Phone number
+                            {% endif %}
+                        </dt>
+                        <dd class="nhsuk-summary-list__value">
+                            {% if participant.phone_numbers.mobile %}{{ participant.phone_numbers.mobile }}{% endif %}
+                            {% if participant.phone_numbers.mobile and participant.phone_numbers.home %}<br>{% endif %}
+                            {% if participant.phone_numbers.home %}{{ participant.phone_numbers.home }}{% endif %}
+                        </dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Email address</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.email }}</dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">GP details</h2>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Name</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.gp_practice.name }}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Phone number</dt>
+                        <dd class="nhsuk-summary-list__value">{{ participant.gp_practice.phone }}</dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Address</dt>
+                        <dd class="nhsuk-summary-list__value">
+                            {{ participant.gp_practice.address.houseNumber }} {{ participant.gp_practice.address.street
+                            }}<br>
+                            {{ participant.gp_practice.address.town }}<br>
+                            {{ participant.gp_practice.address.postcode }}
+                        </dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+
+        <section class="nhsuk-card nhsuk-u-margin-bottom-5">
+            <div class="nhsuk-card__content">
+                <h2 class="nhsuk-card__heading nhsuk-heading-m">Screening episodes</h2>
+                <h3 class="nhsuk-heading-s">Current episode</h3>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Stage</dt>
+                        <dd class="nhsuk-summary-list__value">
+                            <strong class="nhsuk-tag nhsuk-tag--{{ stageColour }}">{{ stageText }}</strong>
+                        </dd>
+                    </div>
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Next screening appointment</dt>
+                        <dd class="nhsuk-summary-list__value">
+                            {% if participant.next_appointment_date != 'Not known' %}{{
+                            participant.next_appointment_date }}<br>{% endif %}
+                            <span class="nhsuk-hint">{{ participant.next_appointment_date_relative }}</span>
+                            {% if participant.next_appointment_unit %}<br>
+                            <span aria-hidden="true">{{ participant.next_appointment_unit }}, {{
+                                participant.next_appointment_location }}</span>
+                            <span class="nhsuk-u-visually-hidden">Appointment taking place at {{
+                                participant.next_appointment_unit }} in {{ participant.next_appointment_location
+                                }}</span>{% endif %}
+                        </dd>
+                    </div>
+                </dl>
+                <h3 class="nhsuk-heading-s">Previous episodes</h3>
+                <dl class="nhsuk-summary-list">
+                    <div class="nhsuk-summary-list__row">
+                        <dt class="nhsuk-summary-list__key">Last screened</dt>
+                        <dd class="nhsuk-summary-list__value">
+                            {{ participant.last_screened_date or '-' }}
+                        </dd>
+                    </div>
+                </dl>
+            </div>
+        </section>
+
+
+    </div>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/app/views/participants/index.html b/app/views/participants/index.html
new file mode 100644
index 00000000..d840ef11
--- /dev/null
+++ b/app/views/participants/index.html
@@ -0,0 +1,310 @@
+{% extends 'layout.html' %}
+
+{% set pageName = "Participants" %}
+
+{% from "_includes/primary-navigation.html" import primaryNavigation %}
+{% block header %}
+{{ primaryNavigation("Batches" if participantsPath == "/batches/participants" else "Participants", serviceName) }}
+{% endblock %}
+
+{% block beforeContent %}{% endblock %}
+
+{% block content %}
+
+<div class="nhsuk-grid-row">
+  <div class="nhsuk-grid-column-full">
+    <div class="app-card-editable">
+      <h1 class="nhsuk-heading-l">{{ pageName }}</h1>
+    </div>
+  </div>
+</div>
+
+<div class="nhsuk-grid-row">
+  <div class="nhsuk-grid-column-one-quarter">
+    <form method="get" action="{{ participantsPath }}">
+      <input type="hidden" name="sort" value="{{ selectedSort }}">
+    <div class="nhsuk-card nhsuk-card--feature app-card--feature-grey app-filter-panel__card">
+      <div class="nhsuk-card__content">
+        <h2 class="nhsuk-card__heading nhsuk-heading-s">
+          Search and filter
+        </h2>
+        <div class="nhsuk-form-group nhsuk-search-input app-filter-panel__group">
+          <label class="nhsuk-label" for="participant-search">
+            Search by name, postcode, NHS or SX number
+          </label>
+          <div class="nhsuk-input-wrapper nhsuk-search-input__wrapper">
+            <input class="nhsuk-input nhsuk-search-input__input" id="participant-search" name="search" type="search"
+              value="{{ search }}" autocomplete="off">
+            <button
+              class="nhsuk-button nhsuk-button--secondary nhsuk-button--icon nhsuk-button--small nhsuk-search-input__button"
+              data-module="nhsuk-button" type="submit" aria-label="Search">
+              <svg class="nhsuk-icon nhsuk-icon--search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
+                width="16" height="16" focusable="false" aria-hidden="true">
+                <path
+                  d="m20.7 18.9-4.1-4.1a7 7 0 1 0-1.4 1.4l4 4.1a1 1 0 0 0 1.5 0c.4-.4.4-1 0-1.4ZM6 10.6a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z">
+                </path>
+              </svg>
+            </button>
+          </div>
+          <br>
+          <p><a href="{{ participantsPath }}?sort={{ selectedSort }}{% if clearSearchQuery %}&{{ clearSearchQuery }}{% endif %}">Clear search</a></p>
+        </div>
+        <div class="nhsuk-form-group">
+          <fieldset class="nhsuk-fieldset">
+            <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--s">
+              Next test due date
+            </legend>
+            <div class="nhsuk-checkboxes nhsuk-checkboxes--small app-filter-panel__group" data-module="nhsuk-checkboxes">
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-ntdd" name="nextTestDue" type="checkbox" value="within_week" onchange="this.form.submit()"{% if 'within_week' in selectedNextTestDue %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-ntdd">
+                  Within the next week
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-ntdd-2" name="nextTestDue" type="checkbox"
+                  value="within_month" onchange="this.form.submit()"{% if 'within_month' in selectedNextTestDue %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-ntdd-2">
+                  Within the next month
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-ntdd-3" name="nextTestDue" type="checkbox"
+                  value="within_3_months" onchange="this.form.submit()"{% if 'within_3_months' in selectedNextTestDue %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-ntdd-3">
+                  Within the next 3 months
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-ntdd-4" name="nextTestDue" type="checkbox"
+                  value="within_6_months" onchange="this.form.submit()"{% if 'within_6_months' in selectedNextTestDue %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-ntdd-4">
+                  Within the next 6 months
+                </label>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+        <div class="nhsuk-form-group">
+          <fieldset class="nhsuk-fieldset">
+            <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--s">
+              Next screening
+            </legend>
+            <div class="nhsuk-checkboxes nhsuk-checkboxes--small app-filter-panel__group" data-module="nhsuk-checkboxes">
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-appointment" name="nextScreening" type="checkbox"
+                  value="within_week" onchange="this.form.submit()"{% if 'within_week' in selectedNextScreening %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-appointment">
+                  Within the next week
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-appointment-2" name="nextScreening" type="checkbox"
+                  value="within_month" onchange="this.form.submit()"{% if 'within_month' in selectedNextScreening %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-appointment-2">
+                  Within the next month
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-appointment-3" name="nextScreening" type="checkbox"
+                  value="within_3_months" onchange="this.form.submit()"{% if 'within_3_months' in selectedNextScreening %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-appointment-3">
+                  Within the next 3 months
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-appointment-4" name="nextScreening" type="checkbox"
+                  value="within_6_months" onchange="this.form.submit()"{% if 'within_6_months' in selectedNextScreening %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-appointment-4">
+                  Within the next 6 months
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-appointment-5" name="nextScreening" type="checkbox"
+                  value="not_known" onchange="this.form.submit()"{% if 'not_known' in selectedNextScreening %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-appointment-5">
+                  Not known
+                </label>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+        <div class="nhsuk-form-group">
+          <fieldset class="nhsuk-fieldset">
+            <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--s">
+              Last screened
+            </legend>
+            <div class="nhsuk-checkboxes nhsuk-checkboxes--small app-filter-panel__group"
+              data-module="nhsuk-checkboxes">
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-lastScreened" name="lastScreened" type="checkbox"
+                  value="within_3_years" onchange="this.form.submit()"{% if 'within_3_years' in selectedLastScreened %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-lastScreened">
+                  Within the last 3 years
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-lastScreened-2" name="lastScreened" type="checkbox"
+                  value="3_to_5_years" onchange="this.form.submit()"{% if '3_to_5_years' in selectedLastScreened %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-lastScreened-2">
+                  3 to 5 years ago
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-lastScreened-3" name="lastScreened" type="checkbox"
+                  value="over_5_years" onchange="this.form.submit()"{% if 'over_5_years' in selectedLastScreened %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-lastScreened-3">
+                  More than 5 years ago
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-lastScreened-4" name="lastScreened" type="checkbox"
+                  value="never" onchange="this.form.submit()"{% if 'never' in selectedLastScreened %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-lastScreened-4">
+                  Never screened
+                </label>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+        <div class="nhsuk-form-group">
+          <fieldset class="nhsuk-fieldset">
+            <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--s">
+              Breach risk
+            </legend>
+            <div class="nhsuk-checkboxes nhsuk-checkboxes--small app-filter-panel__group" data-module="nhsuk-checkboxes">
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-breach-risk" name="breachRisk" type="checkbox" value="at_risk" onchange="this.form.submit()"{% if 'at_risk' in selectedBreachRisk %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-breach-risk">
+                  Participant at risk of breaching
+                </label>
+              </div>
+              <div class="nhsuk-checkboxes__item">
+                <input class="nhsuk-checkboxes__input" id="filter-breach-risk-2" name="breachRisk" type="checkbox"
+                  value="not_at_risk" onchange="this.form.submit()"{% if 'not_at_risk' in selectedBreachRisk %} checked{% endif %}>
+                <label class="nhsuk-label nhsuk-checkboxes__label" for="filter-breach-risk-2">
+                  Participant not at risk of breaching
+                </label>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+    </form>
+  </div>
+  <div class="nhsuk-grid-column-three-quarters">
+
+    <div class="app-participants-toolbar">
+      <p class="nhsuk-hint">Showing <strong>{{ firstRecord }}</strong> to <strong>{{ lastRecord }}</strong> of
+        <strong>{{ totalParticipants }}</strong> participants
+      </p>
+      <form method="get" action="{{ participantsPath }}" class="app-participants-sort-form">
+        <input type="hidden" name="search" value="{{ search }}">
+        {% for filter in selectedNextTestDue %}<input type="hidden" name="nextTestDue" value="{{ filter }}">{% endfor %}
+        {% for filter in selectedNextScreening %}<input type="hidden" name="nextScreening" value="{{ filter }}">{% endfor %}
+        {% for filter in selectedLastScreened %}<input type="hidden" name="lastScreened" value="{{ filter }}">{% endfor %}
+        {% for filter in selectedBreachRisk %}<input type="hidden" name="breachRisk" value="{{ filter }}">{% endfor %}
+        <label class="nhsuk-label" for="participant-sort">Sort by</label>
+        <select class="nhsuk-select" id="participant-sort" name="sort" onchange="this.form.submit()">
+          <option value="name-asc" {% if selectedSort=='name-asc' %} selected{% endif %}>Name (A to Z)</option>
+          <option value="name-desc" {% if selectedSort=='name-desc' %} selected{% endif %}>Name (Z to A)</option>
+          <option value="due-soonest" {% if selectedSort=='due-soonest' %} selected{% endif %}>Next test due date
+            (soonest)</option>
+          <option value="due-latest" {% if selectedSort=='due-latest' %} selected{% endif %}>Next test due date (latest)
+          </option>
+          <option value="screening-soonest" {% if selectedSort=='screening-soonest' %} selected{% endif %}>Next
+            screening (soonest)</option>
+          <option value="screening-latest" {% if selectedSort=='screening-latest' %} selected{% endif %}>Next screening
+            (latest)</option>
+          <option value="age-oldest" {% if selectedSort=='age-oldest' %} selected{% endif %}>Age (oldest)</option>
+          <option value="age-youngest" {% if selectedSort=='age-youngest' %} selected{% endif %}>Age (youngest)</option>
+        </select>
+      </form>
+    </div>
+
+    <table class="nhsuk-table nhsuk-table-responsive">
+      <thead class="nhsuk-table__head">
+        <tr class="nhsuk-table__row">
+          <th scope="col" class="nhsuk-table__header">
+            Name
+          </th>
+          <th scope="col" class="nhsuk-table__header">
+            Postcode
+          </th>
+          <th scope="col" class="nhsuk-table__header">
+            NHS number
+          </th>
+          <th scope="col" class="nhsuk-table__header">
+            Next test due date
+          </th>
+          <th scope="col" class="nhsuk-table__header">
+            Next screening
+          </th>
+        </tr>
+      </thead>
+      <tbody class="nhsuk-table__body">
+        {% for participant in participants %}
+        <tr class="nhsuk-table__row">
+          <td class="nhsuk-table__cell">
+            <a href="{{ participantsPath }}/{{ participant.participantId }}">{{ participant.full_name }}</a><br>
+            <span class="nhsuk-hint">{{ participant.age }} years old</span>
+          </td>
+          <td class="nhsuk-table__cell">{{ participant.address.postcode }}</td>
+          <td class="nhsuk-table__cell">{{ participant.nhs_number }}</td>
+          <td class="nhsuk-table__cell">
+            {{ participant.next_test_due_date }}<br>
+            <span class="nhsuk-hint">{{ participant.next_test_due_date_relative }}</span>
+          </td>
+          <td class="nhsuk-table__cell">
+            {% if participant.next_appointment_date != 'Not known' %}{{ participant.next_appointment_date }}<br>{% endif
+            %}
+            <span class="nhsuk-hint">{{ participant.next_appointment_date_relative }}</span>
+          </td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+
+    {% if totalPages > 1 %}
+    <nav class="nhsuk-pagination nhsuk-pagination--numbered" role="navigation" aria-label="Pagination">
+      {% if currentPage > 1 %}
+      <a href="{{ participantsPath }}?page={{ currentPage - 1 }}&sort={{ selectedSort }}{% if participantFilterQuery %}&{{ participantFilterQuery }}{% endif %}" class="nhsuk-pagination__previous"
+        rel="prev">
+        <svg class="nhsuk-icon nhsuk-icon--arrow-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16"
+          height="16" focusable="false" aria-hidden="true">
+          <path
+            d="M10.7 6.3c.4.4.4 1 0 1.4L7.4 11H19a1 1 0 0 1 0 2H7.4l3.3 3.3c.4.4.4 1 0 1.4a1 1 0 0 1-1.4 0l-5-5A1 1 0 0 1 4 12c0-.3.1-.5.3-.7l5-5a1 1 0 0 1 1.4 0Z" />
+        </svg>
+        <span class="nhsuk-pagination__title">Previous<span class="nhsuk-u-visually-hidden"> page</span></span>
+      </a>
+      {% endif %}
+      <ul class="nhsuk-pagination__list">
+        {% for pageNumber in paginationPages %}
+        <li class="nhsuk-pagination__item{% if pageNumber == currentPage %} nhsuk-pagination__item--current{% endif %}">
+          {% if pageNumber == currentPage %}
+          <span class="nhsuk-pagination__link" aria-current="page">{{ pageNumber }}</span>
+          {% else %}
+          <a href="{{ participantsPath }}?page={{ pageNumber }}&sort={{ selectedSort }}{% if participantFilterQuery %}&{{ participantFilterQuery }}{% endif %}" class="nhsuk-pagination__link"
+            aria-label="Page {{ pageNumber }}">{{ pageNumber }}</a>
+          {% endif %}
+        </li>
+        {% endfor %}
+      </ul>
+      {% if currentPage < totalPages %} <a href="{{ participantsPath }}?page={{ currentPage + 1 }}&sort={{ selectedSort }}{% if participantFilterQuery %}&{{ participantFilterQuery }}{% endif %}"
+        class="nhsuk-pagination__next" rel="next" aria-label="Next page">
+        <span class="nhsuk-pagination__title">Next<span class="nhsuk-u-visually-hidden"> page</span></span>
+        <svg class="nhsuk-icon nhsuk-icon--arrow-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
+          width="16" height="16" focusable="false" aria-hidden="true">
+          <path
+            d="m14.7 6.3 5 5c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3H5a1 1 0 0 1 0-2h11.6l-3.3-3.3a1 1 0 1 1 1.4-1.4Z" />
+        </svg>
+        </a>
+        {% endif %}
+    </nav>
+    {% endif %}
+
+  </div>
+</div>
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/views/sessions/01-set-timings.html b/app/views/sessions/01-set-timings.html
index a4bcebcc..2341d90f 100644
--- a/app/views/sessions/01-set-timings.html
+++ b/app/views/sessions/01-set-timings.html
@@ -7,7 +7,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/sessions/02-organise-slots.html b/app/views/sessions/02-organise-slots.html
index b90868a1..d1dbb4db 100644
--- a/app/views/sessions/02-organise-slots.html
+++ b/app/views/sessions/02-organise-slots.html
@@ -6,7 +6,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/sessions/03-prototype-end.html b/app/views/sessions/03-prototype-end.html
index 5eeecc51..36a6e2d1 100644
--- a/app/views/sessions/03-prototype-end.html
+++ b/app/views/sessions/03-prototype-end.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/sessions/day-slot-view.html b/app/views/sessions/day-slot-view.html
index 316129e1..5c37a19b 100644
--- a/app/views/sessions/day-slot-view.html
+++ b/app/views/sessions/day-slot-view.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}
@@ -130,7 +130,9 @@ <h1 class="nhsuk-heading-l">
               <a href="#">Daphne Hart</a>
               <div class="nhsuk-u-secondary-text-colour">NHS: 999 374 0952</div>
               <span class="nhsuk-tag nhsuk-tag--yellow">
-                Special appointment 2 slots
+                Special appointment
+              </span><span class="nhsuk-tag nhsuk-tag--white">
+                2 slots
               </span><br>
               <span class="nhsuk-u-secondary-text-colour nhsuk-u-font-size-16">Tiny note for a special appointment</span>
             </td>
@@ -596,6 +598,10 @@ <h1 class="nhsuk-heading-l">
             <td colspan="2" class="nhsuk-table__cell">
               <span class="nhsuk-tag nhsuk-tag--orange">
                 Held
+              </span><span class="nhsuk-tag nhsuk-tag--white">
+                hold type
+              </span><span class="nhsuk-tag nhsuk-tag--white">
+                x slots
               </span><br>
               <span class="nhsuk-u-secondary-text-colour nhsuk-u-font-size-16">Tiny note for a non-standard hold</span>
             </td>
@@ -631,6 +637,8 @@ <h1 class="nhsuk-heading-l">
             <td colspan="2" class="nhsuk-table__cell">
               <span class="nhsuk-tag nhsuk-tag--orange">
                 Held
+              </span><span class="nhsuk-tag nhsuk-tag--white">
+                hold type
               </span><br>
               <span class="nhsuk-u-secondary-text-colour nhsuk-u-font-size-16">Tiny note for a non-standard hold</span>
             </td>
@@ -682,6 +690,8 @@ <h1 class="nhsuk-heading-l">
             <td colspan="2" class="nhsuk-table__cell">
               <span class="nhsuk-tag nhsuk-tag--orange">
                 Held
+              </span><span class="nhsuk-tag nhsuk-tag--white">
+                hold type
               </span><br>
               <span class="nhsuk-u-secondary-text-colour nhsuk-u-font-size-16">Tiny note for a non-standard hold</span>
             </td>
@@ -920,8 +930,10 @@ <h1 class="nhsuk-heading-l">
               </div>
             </td>
             <td colspan="2" class="nhsuk-table__cell">
-              <span class="nhsuk-tag nhsuk-tag--yellow">
-                Special appointment 3 slots
+              <span class="nhsuk-tag nhsuk-tag--yellow app-tag--attached">
+                Special appointment
+              </span><span class="nhsuk-tag nhsuk-tag--white">
+                3 slots
               </span>
             </td>
             <td class="nhsuk-table__cell">
diff --git a/app/views/sessions/templating-01-listing.html b/app/views/sessions/templating-01-listing.html
index f9d6ae87..8edc6baf 100644
--- a/app/views/sessions/templating-01-listing.html
+++ b/app/views/sessions/templating-01-listing.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/sessions/templating-03-name-and-description.html b/app/views/sessions/templating-03-name-and-description.html
index 0eba11ba..61ae2021 100644
--- a/app/views/sessions/templating-03-name-and-description.html
+++ b/app/views/sessions/templating-03-name-and-description.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}
diff --git a/app/views/sessions/templating-04-check-answers.html b/app/views/sessions/templating-04-check-answers.html
index ae91bca6..62e0df7a 100644
--- a/app/views/sessions/templating-04-check-answers.html
+++ b/app/views/sessions/templating-04-check-answers.html
@@ -4,7 +4,7 @@
 
 {% from "_includes/primary-navigation.html" import primaryNavigation %}
 {% block header %}
-  {{ primaryNavigation("Clinics", serviceName) }}
+  {{ primaryNavigation("Clinics", serviceName, bsoName) }}
 {% endblock %}
 
 {% block beforeContent %}{% endblock %}