Update error pages (#309)

Author: frankieroberto

app/views/errors/500.html

@@ -1,44 +1,16 @@
 {% extends 'layout.html' %}
 
-{% block pageTitle %}
-  Service unavailable
-{% endblock %}
-
+{% set pageName = "Sorry, there is a problem with the service" %}
 
 {% block content %}
   <div class="nhsuk-grid-row">
     <div class="nhsuk-grid-column-two-thirds">
-      <h1 class="nhsuk-heading-xl">The service is unavailable</h1>
-
-      <p>There may be a problem with your internet connection, or a technical problem on our side.</p>
-
-      {% set cardHtml %}
-
-        <ul>
-          <li>Return to the start</li>
-          <li>Try using a different internet connection if the one you’re using does not work</li>
-        </ul>
-
-        {{ button({
-          text: "Try again"
-        }) }}
-
-        <p>If this does not work, you can see more options in our user guidance.</p>
-
-        <p>If you urgently need to record a vaccination, <a href="https://guide.ravs.england.nhs.uk/files/record-a-vaccination.docx">download our paper form</a>. </p>
-
-        <h3 class="nhsuk-heading-m">More advice in our user guidance</h3>
-
-        <p><a href="https://guide.ravs.england.nhs.uk">Get advice and guidance</a></p>
-      {% endset %}
+      <h1 class="nhsuk-heading-l">{{ pageName }}</h1>
 
+      <p>Try again later.</p>
 
+      <p>If you urgently need to record a vaccination, <a href="#">download our paper form</a>.</p>
 
-      {{ card({
-        "heading": "What you can do",
-        "headingLevel": "2",
-        "descriptionHtml": cardHtml
-      }) }}
 
     </div>
   </div>

app/views/errors/503.html

@@ -0,0 +1,16 @@
+{% extends 'layout.html' %}
+
+{% set pageName = "Sorry, the service is unavailable" %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+      <h1 class="nhsuk-heading-l">{{ pageName }}</h1>
+
+      <p>You will be able to use the service later.</p>
+
+      <p>If you urgently need to record a vaccination, <a href="#">download our paper form</a>.</p>
+
+    </div>
+  </div>
+{% endblock %}

app/views/index.html

@@ -68,7 +68,8 @@ <h2>Support interface</h2>
       <h2>Error pages</h2>
 
       <ul>
-        <li><a href="/errors/500">Service unavailable</a></li>
+        <li><a href="/errors/500">Sorry, there is a problem with the service (500 error)</a></li>
+        <li><a href="/errors/503">Service unavailable (503 error)</a></li>
       </ul>
 
     </div>