From 0c5cc2e31b7104471a2d122a8926d2e73df6372b Mon Sep 17 00:00:00 2001
From: Mat Johnson <demotive@gmail.com>
Date: Thu, 20 Aug 2026 13:37:10 +0100
Subject: [PATCH 1/2] Shift older work into subfolder and update index

---
 .../{ => z-older-versions}/00-create-day-clinic.html  |  0
 .../{ => z-older-versions}/01-set-date-and-time.html  |  0
 .../{ => z-older-versions}/02-organise-slots.html     |  0
 .../{ => z-older-versions}/03-publish-clinic.html     |  0
 .../clinics/{ => z-older-versions}/clinic-detail.html |  0
 app/views/clinics/{ => z-older-versions}/index.html   |  0
 .../templating-01-set-times.html                      |  0
 app/views/index.html                                  | 11 ++++++++---
 8 files changed, 8 insertions(+), 3 deletions(-)
 rename app/views/clinics/{ => z-older-versions}/00-create-day-clinic.html (100%)
 rename app/views/clinics/{ => z-older-versions}/01-set-date-and-time.html (100%)
 rename app/views/clinics/{ => z-older-versions}/02-organise-slots.html (100%)
 rename app/views/clinics/{ => z-older-versions}/03-publish-clinic.html (100%)
 rename app/views/clinics/{ => z-older-versions}/clinic-detail.html (100%)
 rename app/views/clinics/{ => z-older-versions}/index.html (100%)
 rename app/views/clinics/{ => z-older-versions}/templating-01-set-times.html (100%)

diff --git a/app/views/clinics/00-create-day-clinic.html b/app/views/clinics/z-older-versions/00-create-day-clinic.html
similarity index 100%
rename from app/views/clinics/00-create-day-clinic.html
rename to app/views/clinics/z-older-versions/00-create-day-clinic.html
diff --git a/app/views/clinics/01-set-date-and-time.html b/app/views/clinics/z-older-versions/01-set-date-and-time.html
similarity index 100%
rename from app/views/clinics/01-set-date-and-time.html
rename to app/views/clinics/z-older-versions/01-set-date-and-time.html
diff --git a/app/views/clinics/02-organise-slots.html b/app/views/clinics/z-older-versions/02-organise-slots.html
similarity index 100%
rename from app/views/clinics/02-organise-slots.html
rename to app/views/clinics/z-older-versions/02-organise-slots.html
diff --git a/app/views/clinics/03-publish-clinic.html b/app/views/clinics/z-older-versions/03-publish-clinic.html
similarity index 100%
rename from app/views/clinics/03-publish-clinic.html
rename to app/views/clinics/z-older-versions/03-publish-clinic.html
diff --git a/app/views/clinics/clinic-detail.html b/app/views/clinics/z-older-versions/clinic-detail.html
similarity index 100%
rename from app/views/clinics/clinic-detail.html
rename to app/views/clinics/z-older-versions/clinic-detail.html
diff --git a/app/views/clinics/index.html b/app/views/clinics/z-older-versions/index.html
similarity index 100%
rename from app/views/clinics/index.html
rename to app/views/clinics/z-older-versions/index.html
diff --git a/app/views/clinics/templating-01-set-times.html b/app/views/clinics/z-older-versions/templating-01-set-times.html
similarity index 100%
rename from app/views/clinics/templating-01-set-times.html
rename to app/views/clinics/z-older-versions/templating-01-set-times.html
diff --git a/app/views/index.html b/app/views/index.html
index e4b8108..9859d1c 100755
--- a/app/views/index.html
+++ b/app/views/index.html
@@ -73,14 +73,19 @@ <h2 class="nhsuk-heading-m">July 2026</h2>
           <a href="sessions/templating-01-listing">Template listing</a>
         </li>
       </ol>
-      <h2 class="nhsuk-heading-m">May–June 2026</h2>
+      <h2 class="nhsuk-heading-m">
+        May–June 2026
+        <strong class="nhsuk-tag nhsuk-tag--red">
+          superceded
+        </strong>
+      </h2>
       <p>Clinics: first run</p>
       <ol>
         <li>
-          <a href="/clinics/">Clinic listing</a>
+          <a href="/clinics/z-older-versions/">Clinic listing</a>
         </li>
         <li>
-          <a href="/clinics/clinic-detail">Clinic detail</a>
+          <a href="/clinics/z-older-versions/clinic-detail">Clinic detail</a>
         </li>
       </ol>
 

From 3943fff52e0b91d6e3db4dd3dfdc6e3be50d3eb6 Mon Sep 17 00:00:00 2001
From: Mat Johnson <demotive@gmail.com>
Date: Fri, 21 Aug 2026 10:00:03 +0100
Subject: [PATCH 2/2] Update index, start iterating

---
 app/views/clinics/clinic-detail.html | 143 +++++++++++++++++++++++++++
 app/views/clinics/index.html         | 128 ++++++++++++++++++++++++
 app/views/index.html                 |   5 +-
 3 files changed, 275 insertions(+), 1 deletion(-)
 create mode 100644 app/views/clinics/clinic-detail.html
 create mode 100644 app/views/clinics/index.html

diff --git a/app/views/clinics/clinic-detail.html b/app/views/clinics/clinic-detail.html
new file mode 100644
index 0000000..dc4324a
--- /dev/null
+++ b/app/views/clinics/clinic-detail.html
@@ -0,0 +1,143 @@
+{% extends 'layout.html' %}
+
+{% set pageName = "Clinics" %}
+
+{% from "_includes/primary-navigation.html" import primaryNavigation %}
+{% block header %}
+  {{ primaryNavigation("Clinics", serviceName) }}
+{% endblock %}
+
+{% block beforeContent %}
+  <nav>
+    <a class="nhsuk-back-link" href="/clinics/">
+      Back to clinics
+    </a>
+  </nav>
+{% endblock %}
+
+{% block content %}
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-three-quarters">
+      <h1 class="nhsuk-heading-l">
+        <span class="nhsuk-caption-l">Clinic</span>
+        Chichester - St Richards
+      </h1>
+      <p>
+        <a href="#">Alpha van</a><br>
+        <a href="#">St Richard’s Hospital, Chichester</a>
+      </p>
+    </div>
+    <div class="nhsuk-grid-column-one-quarter">
+      <ul class="nhsuk-list">
+        <li>
+          <a href="#">Edit clinic name</a>
+        </li>
+        <li>
+          <a href="#">Change unit and location</a>
+        </li>
+        <li>
+          <a href="#" class="app-link--warning">Archive this clinic</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+
+  <hr class="nhsuk-section-break nhsuk-section-break--m nhsuk-section-break--visible">
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-full">
+      <div class="app-card-editable">
+        <h2 class="nhsuk-heading-l">Schedules</h2>
+        {{ button({
+          text: "Create a new schedule",
+          href: "#",
+          classes: "nhsuk-button--secondary"
+        }) }}
+      </div>
+    </div>
+  </div>
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-full">
+
+      <table class="nhsuk-table nhsuk-table-responsive">
+        <thead class="nhsuk-table__head">
+          <tr class="nhsuk-table__row">
+            <th scope="col" class="nhsuk-table__header">
+              Clinic
+            </th>
+            <th scope="col" class="nhsuk-table__header">
+              Unit and location
+            </th>
+            <th scope="col" class="nhsuk-table__header">
+              Current schedules
+            </th>
+            <th scope="col" class="nhsuk-table__header">
+              Current capacity
+            </th>
+          </tr>
+        </thead>
+        <tbody class="nhsuk-table__body">
+          <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">
+              31 August 2026 to 9 October 2026
+            </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>
+
+          <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>
+    
+        
+<!-- 
+    [
+      {
+        html: '<a href="#">Worthing - special slots May 2026<br></a><span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">HWO-NNN-special-20260501</span>'
+      },
+      {
+        html: 'Worthing<br><span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">Worthing Hospital</span>'
+      },
+      {
+        html: 'Home base<br><span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">HWO-static-1</span> '
+      },
+      {
+        html: '<progress class="app-progress-bar --generic" value="60" max="100">60%</progress><span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">40 slots available of 100</div>'
+      }
+    ]
+  ]
+}) }} -->
+
+
+    </div>
+  </div>
+
+{% endblock %}
diff --git a/app/views/clinics/index.html b/app/views/clinics/index.html
new file mode 100644
index 0000000..b7bdbb2
--- /dev/null
+++ b/app/views/clinics/index.html
@@ -0,0 +1,128 @@
+{% extends 'layout.html' %}
+
+{% set pageName = "Clinics" %}
+
+{% from "_includes/primary-navigation.html" import primaryNavigation %}
+{% block header %}
+  {{ primaryNavigation("Clinics", serviceName) }}
+{% endblock %}
+
+{% block beforeContent %}{% endblock %}
+
+{% block content %}
+
+  {% set secondaryNavItems = [] %}
+
+  {% for item in [
+    { href: '/clinics/', label: 'Active clinics', selected: 'true' },
+    { href: '#', label: 'Archived clinics' },
+    { href: '/sessions/templating-01-listing', label: 'Manage session templates' }
+  ] %}
+    {% set secondaryNavItems = secondaryNavItems | push({
+      text: item.label | safe,
+      href: item.href | trim,
+      current: true if item.selected == 'true'
+    }) %}
+  {% endfor %}
+
+  {{ appSecondaryNavigation({
+    visuallyHiddenTitle: "Secondary menu",
+    items: secondaryNavItems
+  }) }}
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-full">
+      <div class="app-card-editable">
+        <h1 class="nhsuk-heading-l">Active clinics</h1>
+        {{ button({
+          text: "Create a new clinic",
+          href: "00-create-day-clinic",
+          classes: "nhsuk-button--secondary"
+        }) }}
+      </div>
+    </div>
+  </div>
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-full">
+
+      <table class="nhsuk-table nhsuk-table-responsive">
+        <thead class="nhsuk-table__head">
+          <tr class="nhsuk-table__row">
+            <th scope="col" class="nhsuk-table__header">
+              Clinic
+            </th>
+            <th scope="col" class="nhsuk-table__header">
+              Unit and location
+            </th>
+            <th scope="col" class="nhsuk-table__header">
+              Current schedules
+            </th>
+            <th scope="col" class="nhsuk-table__header">
+              Current capacity
+            </th>
+          </tr>
+        </thead>
+        <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>
+            </td>
+            <td class="nhsuk-table__cell">
+              Alpha van<br>
+              St Richard’s Hospital, Chichester
+            </td>
+            <td class="nhsuk-table__cell">
+              31 August 2026 to 9 October 2026
+            </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>
+
+          <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>
+    
+        
+<!-- 
+    [
+      {
+        html: '<a href="#">Worthing - special slots May 2026<br></a><span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">HWO-NNN-special-20260501</span>'
+      },
+      {
+        html: 'Worthing<br><span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">Worthing Hospital</span>'
+      },
+      {
+        html: 'Home base<br><span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">HWO-static-1</span> '
+      },
+      {
+        html: '<progress class="app-progress-bar --generic" value="60" max="100">60%</progress><span class="nhsuk-u-font-size-16 nhsuk-u-secondary-text-colour">40 slots available of 100</div>'
+      }
+    ]
+  ]
+}) }} -->
+
+
+    </div>
+  </div>
+
+{% endblock %}
diff --git a/app/views/index.html b/app/views/index.html
index 9859d1c..c03bb3c 100755
--- a/app/views/index.html
+++ b/app/views/index.html
@@ -47,7 +47,10 @@ <h2 class="nhsuk-heading-m">August 2026</h2>
       <p>Clinics with schedules ideation</p>
       <ol>
         <li>
-          <a href="/clinics-schedules">Create a new clinic</a>
+          <a href="/clinics">Create a new clinic (containers)</a>
+        </li>
+        <li>
+          <a href="/clinics-schedules">Create a new clinic (transaction)</a>
         </li>
       </ol>
       <p>Appointments and active clinics</p>