{% extends 'templates/nhs_layout.html' %}
{% import 'includes/ui_element_macros.html' as ui_element_macros %}

{% block content %}
<main id="content" role="main">

  <a href="change-to-next-available-appointment" class="back-to-previous">Back</a>

  <h1 class="heading-xlarge">
    <span class="heading-secondary">Change an appointment</span>
    Confirm change
  </h1>

  <h2 class="heading-medium">New appointment</h2>
  {{
    ui_element_macros.link_appointment({
      appointment_date: 'Monday 28th January 2016',
      appointment_time: '11:00',
      avatar_img_path: '/public/images/icon-avatar-malcolm-branch.png',
      name: 'Dr. Malcolm Branch',
      appointment_type: 'Face to face'
    })
  }}

  <h2 class="heading-medium">Old appointment</h2>
  {{
    ui_element_macros.link_appointment({
      appointment_date: 'Friday 25th January 2016',
      appointment_time: '16:30',
      avatar_img_path: '/public/images/icon-avatar-helen-leaf.png',
      name: 'Dr. Helen Leaf',
      appointment_type: 'Face to face',
      modifier_css_classes: 'link-appointment--secondary'
    })
  }}

  <div class="form-group">
    <a class="button" href="appointment-confirmed">Make change</a>
  </div>

</main>
{% endblock %}

{% extends 'templates/nhs_layout.html' %}
{% import 'includes/ui_element_macros.html' as ui_element_macros %}

{% block content %}
<main id="content" role="main">

  <a href="change-to-next-available-appointment" class="back-to-previous">Back</a>

  <h1 class="heading-xlarge">
    <span class="heading-secondary">Change an appointment</span>
    Confirm change
  </h1>

  <h2 class="heading-medium">New appointment</h2>
  {{
    ui_element_macros.link_appointment({
      appointment_date: 'Monday 28th January 2016',
      appointment_time: '11:00',
      avatar_img_path: '/public/images/icon-avatar-malcolm-branch.png',
      name: 'Dr. Malcolm Branch',
      appointment_type: 'Face to face'
    })
  }}

  <h2 class="heading-medium">Old appointment</h2>
  {{
    ui_element_macros.link_appointment({
      appointment_date: 'Friday 25th January 2016',
      appointment_time: '16:30',
      avatar_img_path: '/public/images/icon-avatar-helen-leaf.png',
      name: 'Dr. Helen Leaf',
      appointment_type: 'Face to face',
      modifier_css_classes: 'link-appointment--secondary'
    })
  }}

  <div class="form-group">
    <a class="button" href="appointment-confirmed">Confirm change</a>
  </div>

</main>
{% endblock %}

Change button wording to "Confirm change"
Change button wording to "Confirm change"
