diff --git a/app/assets/sass/components/_card.scss b/app/assets/sass/components/_card.scss
index 9837245c..3a39888b 100644
--- a/app/assets/sass/components/_card.scss
+++ b/app/assets/sass/components/_card.scss
@@ -8,3 +8,13 @@
   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/_compact.scss b/app/assets/sass/components/_compact.scss
index 9d13e658..4f3c3866 100644
--- a/app/assets/sass/components/_compact.scss
+++ b/app/assets/sass/components/_compact.scss
@@ -273,12 +273,6 @@
   }
 
   .app-clinic-appointments-table {
-    table-layout: fixed;
-    width: 100%;
-
-    .app-clinic-appointments-table__time-column {
-      width: 22%;
-    }
 
     .app-clinic-appointments-table__time-column .nhsuk-tag {
       display: inline-block;
@@ -428,3 +422,16 @@
     @include nhsuk-font($size: 22, $weight: bold);
   }
 }
+
+.app-clinic-appointments-table.nhsuk-u-margin-bottom-0 tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+.app-clinic-appointments-table {
+  table-layout: fixed;
+  width: 100%;
+
+  .app-clinic-appointments-table__time-column {
+    width: 22%;
+  }
+}
diff --git a/app/lib/utils/clinics.js b/app/lib/utils/clinics.js
index 9c97d9c4..b6407298 100644
--- a/app/lib/utils/clinics.js
+++ b/app/lib/utils/clinics.js
@@ -114,7 +114,7 @@ const getFilteredClinics = (clinics, filter = 'all') => {
   switch (filter) {
     case 'today':
       return recentClinics.filter((clinic) =>
-        dayjs(clinic.date).isSame(today, 'day')
+        dayjs(clinic.date).isSame(today, 'day') && clinic.status !== 'closed'
       )
 
     case 'upcoming':
@@ -124,7 +124,10 @@ const getFilteredClinics = (clinics, filter = 'all') => {
 
     case 'completed':
       return recentClinics
-        .filter((clinic) => dayjs(clinic.date).isBefore(today, 'day'))
+        .filter((clinic) =>
+          dayjs(clinic.date).isBefore(today, 'day') ||
+          (dayjs(clinic.date).isSame(today, 'day') && clinic.status === 'closed')
+        )
         .sort((a, b) => new Date(b.date) - new Date(a.date)) // Most recent first
 
     case 'all':
diff --git a/app/routes/clinics.js b/app/routes/clinics.js
index faad4200..966fc807 100644
--- a/app/routes/clinics.js
+++ b/app/routes/clinics.js
@@ -12,8 +12,9 @@ const {
   urlWithReferrer,
   appendReferrer
 } = require('../lib/utils/referrers')
-const { getParticipant } = require('../lib/utils/participants')
+const { getParticipant, getFullName } = require('../lib/utils/participants')
 const { updateAppointmentStatus } = require('../lib/utils/appointment-status')
+const { getAppointment } = require('../lib/utils/appointment-data')
 
 /**
  * Get clinic and its related data from id
@@ -163,6 +164,197 @@ module.exports = (router) => {
     res.redirect(returnUrl)
   })
 
+  // Close clinic page
+  router.get('/clinics/:id/close', (req, res) => {
+    const clinicData = getClinicData(req.session.data, req.params.id)
+
+    if (!clinicData) {
+      return res.redirect('/clinics')
+    }
+
+    const resolvedKey = `closeClinicResolved_${req.params.id}`
+
+    // Group by status so similar statuses appear together
+    const statusOrder = ["in_progress", "paused", "checked_in", "scheduled", "attended_not_screened", "did_not_attend", "complete", "partially_screened", "cancelled", "rescheduled"]
+    const sortedAppointments = [...clinicData.appointments].sort((a, b) =>
+      statusOrder.indexOf(a.status) - statusOrder.indexOf(b.status)
+    )
+
+    res.render('clinics/close', {
+      clinicId: req.params.id,
+      clinic: clinicData.clinic,
+      allAppointments: sortedAppointments
+    })
+  })
+
+  // Mark appointment as attended not screened from close clinic page
+  router.get('/clinics/:id/close/attended-not-screened/:appointmentId', (req, res) => {
+    const { id, appointmentId } = req.params
+    updateAppointmentStatus(req.session.data, appointmentId, 'attended_not_screened')
+    const resolvedKey = `closeClinicResolved_${id}`
+    if (!req.session[resolvedKey]) req.session[resolvedKey] = []
+    if (!req.session[resolvedKey].includes(appointmentId)) req.session[resolvedKey].push(appointmentId)
+    if (req.headers.accept?.includes('application/json')) {
+      return res.json({ status: 'success' })
+    }
+    res.redirect(`/clinics/${id}/close`)
+  })
+
+  // Undo attended not screened
+  router.get('/clinics/:id/close/undo-attended-not-screened/:appointmentId', (req, res) => {
+    const { id, appointmentId } = req.params
+    updateAppointmentStatus(req.session.data, appointmentId, 'checked_in')
+    const resolvedKey = `closeClinicResolved_${id}`
+    if (req.session[resolvedKey]) req.session[resolvedKey] = req.session[resolvedKey].filter((i) => i !== appointmentId)
+    if (req.headers.accept?.includes('application/json')) {
+      return res.json({ status: 'success' })
+    }
+    res.redirect(`/clinics/${id}/close`)
+  })
+
+  // Mark appointment as did not attend from close clinic page
+  router.get('/clinics/:id/close/did-not-attend/:appointmentId', (req, res) => {
+    const { id, appointmentId } = req.params
+    updateAppointmentStatus(req.session.data, appointmentId, 'did_not_attend')
+    const resolvedKey = `closeClinicResolved_${id}`
+    if (!req.session[resolvedKey]) req.session[resolvedKey] = []
+    if (!req.session[resolvedKey].includes(appointmentId)) req.session[resolvedKey].push(appointmentId)
+    if (req.headers.accept?.includes('application/json')) {
+      return res.json({ status: 'success' })
+    }
+    res.redirect(`/clinics/${id}/close`)
+  })
+
+  // Undo did not attend
+  router.get('/clinics/:id/close/undo-did-not-attend/:appointmentId', (req, res) => {
+    const { id, appointmentId } = req.params
+    updateAppointmentStatus(req.session.data, appointmentId, 'scheduled')
+    const resolvedKey = `closeClinicResolved_${id}`
+    if (req.session[resolvedKey]) req.session[resolvedKey] = req.session[resolvedKey].filter((i) => i !== appointmentId)
+    if (req.headers.accept?.includes('application/json')) {
+      return res.json({ status: 'success' })
+    }
+    res.redirect(`/clinics/${id}/close`)
+  })
+
+  // Bulk mark all checked-in as attended not screened
+  router.get('/clinics/:id/close/attended-not-screened-all', (req, res) => {
+    const { id } = req.params
+    const data = req.session.data
+    const appointments = data.appointments.filter(
+      (a) => a.clinicId === id && a.status === 'checked_in'
+    )
+    const resolvedKey = `closeClinicResolved_${id}`
+    if (!req.session[resolvedKey]) req.session[resolvedKey] = []
+    appointments.forEach((a) => {
+      updateAppointmentStatus(data, a.id, 'attended_not_screened')
+      if (!req.session[resolvedKey].includes(a.id)) req.session[resolvedKey].push(a.id)
+    })
+    if (req.headers.accept?.includes('application/json')) {
+      return res.json({ status: 'success', count: appointments.length })
+    }
+    res.redirect(`/clinics/${id}/close`)
+  })
+
+  // Bulk undo attended not screened (revert to checked_in)
+  router.get('/clinics/:id/close/undo-attended-not-screened-all', (req, res) => {
+    const { id } = req.params
+    const data = req.session.data
+    const resolvedKey = `closeClinicResolved_${id}`
+    const resolvedIds = req.session[resolvedKey] || []
+    const appointments = data.appointments.filter(
+      (a) => a.clinicId === id && a.status === 'attended_not_screened' && resolvedIds.includes(a.id)
+    )
+    appointments.forEach((a) => {
+      updateAppointmentStatus(data, a.id, 'checked_in')
+    })
+    if (req.session[resolvedKey]) {
+      req.session[resolvedKey] = req.session[resolvedKey].filter(
+        (i) => !appointments.find((a) => a.id === i)
+      )
+    }
+    if (req.headers.accept?.includes('application/json')) {
+      return res.json({ status: 'success', count: appointments.length })
+    }
+    res.redirect(`/clinics/${id}/close`)
+  })
+
+  // Bulk mark all remaining as did not attend
+  router.get('/clinics/:id/close/did-not-attend-all', (req, res) => {
+    const { id } = req.params
+    const data = req.session.data
+    const appointments = data.appointments.filter(
+      (a) => a.clinicId === id && a.status === 'scheduled'
+    )
+    const resolvedKey = `closeClinicResolved_${id}`
+    if (!req.session[resolvedKey]) req.session[resolvedKey] = []
+    appointments.forEach((a) => {
+      updateAppointmentStatus(data, a.id, 'did_not_attend')
+      if (!req.session[resolvedKey].includes(a.id)) req.session[resolvedKey].push(a.id)
+    })
+    if (req.headers.accept?.includes('application/json')) {
+      return res.json({ status: 'success', count: appointments.length })
+    }
+    res.redirect(`/clinics/${id}/close`)
+  })
+
+  // Bulk undo did not attend (revert to scheduled)
+  router.get('/clinics/:id/close/undo-did-not-attend-all', (req, res) => {
+    const { id } = req.params
+    const data = req.session.data
+    const resolvedKey = `closeClinicResolved_${id}`
+    const resolvedIds = req.session[resolvedKey] || []
+    const appointments = data.appointments.filter(
+      (a) => a.clinicId === id && a.status === 'did_not_attend' && resolvedIds.includes(a.id)
+    )
+    appointments.forEach((a) => {
+      updateAppointmentStatus(data, a.id, 'scheduled')
+    })
+    if (req.session[resolvedKey]) {
+      req.session[resolvedKey] = req.session[resolvedKey].filter(
+        (i) => !appointments.find((a) => a.id === i)
+      )
+    }
+    if (req.headers.accept?.includes('application/json')) {
+      return res.json({ status: 'success', count: appointments.length })
+    }
+    res.redirect(`/clinics/${id}/close`)
+  })
+
+  // Confirm and close clinic
+  router.post('/clinics/:id/close', (req, res) => {
+    const { id } = req.params
+    const data = req.session.data
+
+    // Check all appointments have a final outcome
+    const finalStatuses = ['complete', 'partially_screened', 'did_not_attend', 'attended_not_screened', 'cancelled', 'rescheduled']
+    const clinicAppointments = data.appointments.filter((a) => a.clinicId === id)
+    const unresolved = clinicAppointments.filter((a) => !finalStatuses.includes(a.status))
+
+    if (unresolved.length > 0) {
+      req.flash('error', [{
+        text: `${unresolved.length} participant${unresolved.length === 1 ? '' : 's'} still need${unresolved.length === 1 ? 's' : ''} an outcome recorded before the clinic can be closed`
+      }])
+      return res.redirect(`/clinics/${id}/close`)
+    }
+
+    const clinicIndex = data.clinics.findIndex((c) => c.id === id)
+
+    if (clinicIndex !== -1) {
+      const updatedClinic = { ...data.clinics[clinicIndex], status: 'closed' }
+      data.clinics[clinicIndex] = updatedClinic
+      if (data._changes?.clinics) {
+        data._changes.clinics[id] = updatedClinic
+      }
+      req.flash('success', `Clinic ${updatedClinic.clinicCode} closed`)
+    }
+
+    // Clean up resolved tracking
+    delete req.session[`closeClinicResolved_${id}`]
+
+    res.redirect('/clinics/completed')
+  })
+
   // Single clinic view
   const VALID_FILTERS = [
     'remaining',
diff --git a/app/views/clinics/close.html b/app/views/clinics/close.html
new file mode 100644
index 00000000..18c4149b
--- /dev/null
+++ b/app/views/clinics/close.html
@@ -0,0 +1,287 @@
+{# app/views/clinics/close.html #}
+
+{% extends 'layout-app.html' %}
+{% set pageHeading = "Close clinic " ~ clinic.clinicCode %}
+{% set gridColumn = "nhsuk-grid-column-full" %}
+
+{% set back = {
+  href: "/clinics/" + clinicId,
+  text: "Back to clinic"
+} %}
+
+{% block pageContent %}
+
+  {% set unit = data.breastScreeningUnits | findById(clinic.breastScreeningUnitId) %}
+
+  <h1 class="nhsuk-heading-l">
+    <span class="nhsuk-caption-l">{{ unit.name }}</span>
+    {{ pageHeading }}
+  </h1>
+
+  <p>{{ clinic.sessionTimes | formatTimeRange }} - {{ clinic.date | formatDate }}</p>
+
+  {% set needsOutcomeAppointments = allAppointments | removeWhere("status", ["complete", "partially_screened", "did_not_attend", "attended_not_screened", "cancelled", "rescheduled"]) %}
+
+  <div id="js-close-clinic-content">
+
+  {{ insetText({
+    html: "<p>Record an appointment outcome for every participant to close this clinic.</p><p>There were " + allAppointments | length + " total participants in this clinic, and " + needsOutcomeAppointments | length + " still need a final outcome assigned.</p>"
+  }) }}
+
+  {# Macro for appointment table rows #}
+  {% macro appointmentRow(appointment, clinicId, showActions) %}
+    {% set participant = data.participants | findById(appointment.participantId) %}
+    <tr data-appointment-id="{{ appointment.id }}">
+      <td class="nhsuk-table__cell">{{ appointment.statusHistory[0].timestamp | formatTimeString }}</td>
+      <td class="nhsuk-table__cell">
+        <p class="nhsuk-u-margin-bottom-1 nhsuk-u-font-weight-bold">{{ participant | getFullName }}</p>
+        <p class="nhsuk-u-secondary-text-colour nhsuk-u-margin-bottom-1">NHS: {{ participant.medicalInformation.nhsNumber | formatNhsNumber }}</p>
+        <p class="nhsuk-u-margin-bottom-0"><a href="/clinics/{{ clinicId }}/appointments/{{ appointment.id }}">View appointment</a></p>
+      </td>
+      <td class="nhsuk-table__cell" data-cell="status">{{ appointment.status | toTag({ vocabulary: "appointment" }) }}</td>
+      <td class="nhsuk-table__cell" data-cell="actions">
+        {% if showActions %}
+        {% if appointment.status == "in_progress" or appointment.status == "paused" %}
+          <a href="/clinics/{{ clinicId }}/appointments/{{ appointment.id }}">Go to appointment</a>
+        {% elseif appointment.status == "checked_in" %}
+          <a href="/clinics/{{ clinicId }}/close/attended-not-screened/{{ appointment.id }}" class="js-close-clinic-action" data-new-status="attended_not_screened" data-undo-url="/clinics/{{ clinicId }}/close/undo-attended-not-screened/{{ appointment.id }}">Mark as attended not screened</a>
+        {% elseif appointment.status == "scheduled" %}
+          <a href="/clinics/{{ clinicId }}/close/did-not-attend/{{ appointment.id }}" class="js-close-clinic-action" data-new-status="did_not_attend" data-undo-url="/clinics/{{ clinicId }}/close/undo-did-not-attend/{{ appointment.id }}">Mark as did not attend</a>
+        {% elseif appointment.status == "attended_not_screened" %}
+          <a href="/clinics/{{ clinicId }}/close/undo-attended-not-screened/{{ appointment.id }}" class="js-close-clinic-action" data-new-status="checked_in">Undo</a>
+        {% elseif appointment.status == "did_not_attend" %}
+          <a href="/clinics/{{ clinicId }}/close/undo-did-not-attend/{{ appointment.id }}" class="js-close-clinic-action" data-new-status="scheduled">Undo</a>
+        {% endif %}
+        {% endif %}
+      </td>
+    </tr>
+  {% endmacro %}
+
+  {# Macro for a status group table #}
+  {% macro statusGroupTable(appointments, clinicId, showActions) %}
+    <table class="nhsuk-table app-clinic-appointments-table nhsuk-u-margin-bottom-0">
+      <thead class="nhsuk-table__head">
+        <tr>
+          <th class="nhsuk-table__header app-clinic-appointments-table__time-column">Time</th>
+          <th class="nhsuk-table__header">Details</th>
+          <th class="nhsuk-table__header" style="width: 25%">Status</th>
+          <th class="nhsuk-table__header" style="width: 30%">{{ "Actions" if showActions }}</th>
+        </tr>
+      </thead>
+      <tbody class="nhsuk-table__body">
+        {% for appointment in appointments %}
+          {{ appointmentRow(appointment, clinicId, showActions) }}
+        {% endfor %}
+      </tbody>
+    </table>
+  {% endmacro %}
+
+  {% if needsOutcomeAppointments | length %}
+    {% set needsOutcomeHtml %}
+      {# In progress #}
+      {% set inProgressAppointments = allAppointments | where("status", ["in_progress", "paused"]) %}
+      {% if inProgressAppointments | length %}
+        <h3 class="nhsuk-heading-s">In progress</h3>
+        <p>Complete or end these appointments to close the clinic.</p>
+        {{ statusGroupTable(inProgressAppointments, clinicId, true) }}
+      {% endif %}
+
+      {# Checked in, not screened #}
+      {% set checkedInAppointments = allAppointments | where("status", "checked_in") %}
+      {% if checkedInAppointments | length %}
+        <h3 class="nhsuk-heading-s nhsuk-u-margin-top-4">Checked in, not screened</h3>
+        <p class="js-bulk-action-container">
+          <a href="/clinics/{{ clinicId }}/close/attended-not-screened-all" class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-bottom-0 js-close-clinic-action" data-bulk="true" data-source-status="checked_in" data-new-status="attended_not_screened" data-undo-url="/clinics/{{ clinicId }}/close/undo-attended-not-screened-all" role="button">Mark all as attended not screened</a>
+        </p>
+        {{ statusGroupTable(checkedInAppointments, clinicId, true) }}
+      {% endif %}
+
+      {# Did not check in #}
+      {% set scheduledAppointments = allAppointments | where("status", "scheduled") %}
+      {% if scheduledAppointments | length %}
+        <h3 class="nhsuk-heading-s nhsuk-u-margin-top-4">Did not check in</h3>
+        <p class="js-bulk-action-container">
+          <a href="/clinics/{{ clinicId }}/close/did-not-attend-all" class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-bottom-0 js-close-clinic-action" data-bulk="true" data-source-status="scheduled" data-new-status="did_not_attend" data-undo-url="/clinics/{{ clinicId }}/close/undo-did-not-attend-all" role="button">Mark all as did not attend</a>
+        </p>
+        {{ statusGroupTable(scheduledAppointments, clinicId, true) }}
+      {% endif %}
+    {% endset %}
+
+    {{ card({
+      heading: "Needs an outcome (" + needsOutcomeAppointments | length + ")",
+      headingLevel: "2",
+      feature: true,
+      descriptionHtml: needsOutcomeHtml
+    }) }}
+  {% endif %}
+
+  {# Outcome recorded #}
+  {% set outcomeRecordedAppointments = allAppointments | where("status", ["complete", "partially_screened", "did_not_attend", "attended_not_screened", "cancelled", "rescheduled"]) %}
+
+  {% set outcomeRecordedHtml %}
+    <p><a href="" class="js-refresh-link" hidden>Refresh to update the list</a></p>
+    {% if outcomeRecordedAppointments | length %}
+      {{ statusGroupTable(outcomeRecordedAppointments, clinicId, false) }}
+    {% endif %}
+  {% endset %}
+
+  {{ card({
+    heading: "Outcome recorded (" + outcomeRecordedAppointments | length + ")",
+    headingLevel: "2",
+    feature: true,
+    classes: "app-card--feature-green",
+    descriptionHtml: outcomeRecordedHtml
+  }) }}
+
+  </div>
+
+  <form method="post" action="/clinics/{{ clinicId }}/close">
+    {{ button({
+      text: "Confirm and close clinic"
+    }) }}
+  </form>
+
+{% endblock %}
+
+{% block pageScripts %}
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    var container = document.getElementById('js-close-clinic-content')
+    if (!container) return
+
+    var statusTags = {
+      checked_in: { text: 'Checked in', colour: '' },
+      scheduled: { text: 'Scheduled', colour: '' },
+      attended_not_screened: { text: 'Attended not screened', colour: 'red' },
+      did_not_attend: { text: 'Did not attend', colour: 'red' }
+    }
+
+    var clinicId = window.location.pathname.split('/')[2]
+
+    function renderTag(status) {
+      var config = statusTags[status]
+      if (!config) return ''
+      var colourClass = config.colour ? ' nhsuk-tag--' + config.colour : ''
+      return '<strong class="nhsuk-tag app-nowrap' + colourClass + '">' + config.text + '</strong>'
+    }
+
+    function renderActionCell(appointmentId, newStatus) {
+      if (newStatus === 'attended_not_screened') {
+        return '<a href="/clinics/' + clinicId + '/close/undo-attended-not-screened/' + appointmentId + '" class="js-close-clinic-action" data-new-status="checked_in">Undo</a>'
+      }
+      if (newStatus === 'did_not_attend') {
+        return '<a href="/clinics/' + clinicId + '/close/undo-did-not-attend/' + appointmentId + '" class="js-close-clinic-action" data-new-status="scheduled">Undo</a>'
+      }
+      if (newStatus === 'checked_in') {
+        return '<a href="/clinics/' + clinicId + '/close/attended-not-screened/' + appointmentId + '" class="js-close-clinic-action" data-new-status="attended_not_screened">Mark as attended not screened</a>'
+      }
+      if (newStatus === 'scheduled') {
+        return '<a href="/clinics/' + clinicId + '/close/did-not-attend/' + appointmentId + '" class="js-close-clinic-action" data-new-status="did_not_attend">Mark as did not attend</a>'
+      }
+      return ''
+    }
+
+    function showRefreshLink() {
+      var link = container.querySelector('.js-refresh-link')
+      if (link) link.hidden = false
+    }
+
+    function updateRow(row, newStatus) {
+      var statusCell = row.querySelector('[data-cell="status"]')
+      var actionsCell = row.querySelector('[data-cell="actions"]')
+      var appointmentId = row.getAttribute('data-appointment-id')
+
+      if (statusCell) statusCell.innerHTML = renderTag(newStatus)
+      if (actionsCell) {
+        actionsCell.innerHTML = renderActionCell(appointmentId, newStatus)
+        bindActions()
+      }
+    }
+
+    function replaceBulkButtonWithUndo(bulkLink, undoUrl, count, statusLabel) {
+      var containerEl = bulkLink.closest('.js-bulk-action-container')
+      if (!containerEl) return
+      var originalUrl = bulkLink.href
+      var originalLabel = bulkLink.textContent
+      var sourceStatus = bulkLink.getAttribute('data-source-status')
+      var newStatus = bulkLink.getAttribute('data-new-status')
+      containerEl.innerHTML = count + ' participants marked as ' + statusLabel + ' (<a href="' + undoUrl + '" class="js-close-clinic-action" data-bulk-undo="true" data-undo-url="' + originalUrl + '" data-undo-label="' + originalLabel + '" data-source-status="' + newStatus + '" data-new-status="' + sourceStatus + '">Undo</a>)'
+      bindActions()
+    }
+
+    function replaceBulkUndoWithButton(undoLink, originalUrl, originalLabel) {
+      var containerEl = undoLink.closest('.js-bulk-action-container')
+      if (!containerEl) return
+      var sourceStatus = undoLink.getAttribute('data-new-status')
+      var newStatus = undoLink.getAttribute('data-source-status')
+      var undoUrl = undoLink.href
+      containerEl.innerHTML = '<a href="' + originalUrl + '" class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-bottom-0 js-close-clinic-action" data-bulk="true" data-source-status="' + sourceStatus + '" data-new-status="' + newStatus + '" data-undo-url="' + undoUrl + '" role="button">' + originalLabel + '</a>'
+      bindActions()
+    }
+
+    function handleClick(e) {
+      e.preventDefault()
+      e.stopPropagation()
+
+      var link = e.currentTarget
+      var url = link.href
+      var newStatus = link.getAttribute('data-new-status')
+      var isBulk = link.getAttribute('data-bulk') === 'true'
+      var isBulkUndo = link.getAttribute('data-bulk-undo') === 'true'
+
+      fetch(url, { headers: { 'Accept': 'application/json' } })
+        .then(function (response) {
+          if (!response.ok) throw new Error('Request failed')
+          return response.json()
+        })
+        .then(function (data) {
+          if (isBulk) {
+            var sourceStatus = link.getAttribute('data-source-status')
+            var count = 0
+            container.querySelectorAll('tr[data-appointment-id]').forEach(function (row) {
+              var actionLink = row.querySelector('[data-cell="actions"] .js-close-clinic-action')
+              if (actionLink && actionLink.getAttribute('data-new-status') === newStatus) {
+                updateRow(row, newStatus)
+                count++
+              }
+            })
+            var undoUrl = link.getAttribute('data-undo-url')
+            var statusLabel = statusTags[newStatus] ? statusTags[newStatus].text.toLowerCase() : newStatus
+            replaceBulkButtonWithUndo(link, undoUrl, data.count || count, statusLabel)
+            showRefreshLink()
+          } else if (isBulkUndo) {
+            var revertStatus = link.getAttribute('data-new-status')
+            var sourceStatusUndo = link.getAttribute('data-source-status')
+            container.querySelectorAll('tr[data-appointment-id]').forEach(function (row) {
+              var actionLink = row.querySelector('[data-cell="actions"] .js-close-clinic-action')
+              if (actionLink && actionLink.getAttribute('data-new-status') === revertStatus) {
+                updateRow(row, revertStatus)
+              }
+            })
+            var originalUrl = link.getAttribute('data-undo-url')
+            var originalLabel = link.getAttribute('data-undo-label')
+            replaceBulkUndoWithButton(link, originalUrl, originalLabel)
+          } else {
+            var row = link.closest('tr')
+            if (row) updateRow(row, newStatus)
+            showRefreshLink()
+          }
+        })
+        .catch(function (error) {
+          console.error('Error:', error)
+          window.location.href = url
+        })
+    }
+
+    function bindActions() {
+      container.querySelectorAll('.js-close-clinic-action').forEach(function (link) {
+        if (link.getAttribute('data-bound')) return
+        link.setAttribute('data-bound', 'true')
+        link.addEventListener('click', handleClick)
+      })
+    }
+
+    bindActions()
+  })
+</script>
+{% endblock %}
diff --git a/app/views/clinics/index.html b/app/views/clinics/index.html
index 7422368c..d5d115ab 100644
--- a/app/views/clinics/index.html
+++ b/app/views/clinics/index.html
@@ -7,7 +7,7 @@
     {% case 'upcoming' %}
      Upcoming clinics
     {% case 'completed' %}
-     Completed clinics
+     Closed clinics
     {% default %}
      All clinics
   {% endswitch %}
@@ -28,7 +28,7 @@ <h1>{{pageHeading}}</h1>
   {% for item in [
     { id: 'today', label: 'Today' },
     { id: 'upcoming', label: 'Upcoming' },
-    { id: 'completed', label: 'Completed' },
+    { id: 'completed', label: 'Closed' },
     { id: 'all', label: 'All' }
   ] %}
     {% set href -%}
@@ -54,7 +54,7 @@ <h1>{{pageHeading}}</h1>
     <table class="nhsuk-table app-clinics-table">
       <thead class="nhsuk-table__head">
         <tr>
-          <th scope="col" class="app-clinics-table__location-column">Location</th>
+          <th scope="col" class="app-clinics-table__location-column">Clinic name and location</th>
           <th scope="col" class="app-clinics-table__date-time-column">Date and time</th>
           <th scope="col" class="app-clinics-table__clinic-type-column">Clinic type</th>
           <th scope="col" class="app-clinics-table__participants-column nhsuk-table__cell--numeric">Participants</th>
@@ -70,14 +70,14 @@ <h1>{{pageHeading}}</h1>
           <tr>
             <td class="app-clinics-table__location-column">
               <a href="/clinics/{{ clinic.id }}" class="nhsuk-link">
-                {% if location.type === 'mobile_unit' %}
-                  {{ location.name }} at {{ clinic.siteName }}
-                {% else %}
-                  {{ location.name }}
-                {% endif %}
-                <br>
-                ({{ clinic.sessionType | sentenceCase }})
+                {{ clinic.clinicCode }} ({{ clinic.sessionType | lower }})
               </a>
+              <br>
+              {% if location.type === 'mobile_unit' %}
+                {{ (location.name + " at " + clinic.siteName) | asHint }}
+              {% else %}
+                {{ location.name | asHint }}
+              {% endif %}
             </td>
             <td class="app-clinics-table__date-time-column">{{ clinic.date | formatDate |  noWrap }}<br>
               {{clinic.sessionTimes | formatTimeRange | asHint }}
diff --git a/app/views/clinics/show.html b/app/views/clinics/show.html
index e4a22690..a4d2cb82 100644
--- a/app/views/clinics/show.html
+++ b/app/views/clinics/show.html
@@ -34,9 +34,14 @@ <h1 class="nhsuk-heading-l">
     </h1>
     <div class="app-header-with-status__status-tag">
       {{ clinic.status | toTag({ vocabulary: "clinic" }) }}
-      <p class="nhsuk-u-margin-top-2">
+      <p class="nhsuk-u-margin-top-2 nhsuk-u-margin-bottom-1">
         <a href="/reports/{{ clinic.id }}">View clinic report</a>
       </p>
+      {% if clinic.status !== "closed" and clinic.status !== "scheduled" %}
+      <p class="nhsuk-u-margin-bottom-0">
+        <a href="/clinics/{{ clinicId }}/close">Close clinic {{ clinic.clinicCode }}</a>
+      </p>
+      {% endif %}
     </div>
 
   </div>