Merge pull request #674 from defra-design/david-slurry-2024

Adding new slurry journey

app/views/index.html

@@ -31,6 +31,14 @@ <h2 class="govuk-heading-m"> Prototypes </h2>
   </thead>
   <tbody class="govuk-table__body">
 
+  <tr class="govuk-table__row">
+    <td class="govuk-table__cell"><a href="slurrystorage-2024" class="govuk-lik govuk-link--no-visited-state">Slurry Infrastructure Grant (2024)</a>
+      </td>
+
+    <td class="govuk-table__cell">Checker (R1, last updated on 16 May 2024)</td>
+
+  </tr>
+
   <tr class="govuk-table__row">
       <td class="govuk-table__cell"><a href="ahw-adult-cattle-housing" class="govuk-lik govuk-link--no-visited-state">Adult cattle housing grant</a>
         </td>

app/views/slurrystorage-2024/current/agent-details.html

@@ -0,0 +1,128 @@
+{% extends "layout.html" %}
+
+{% block pageTitle %}
+  Agent's details
+{% endblock %}
+
+{% block beforeContent %}
+  <a class="govuk-back-link" href="javascript:history.back()">Back</a>
+{% endblock %}
+
+{% block content %}
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+      <form class="form" id="mainForm" action="{{ nextUrl }}" method="post">
+        <h1 class="govuk-heading-l"> Agent's details</h1>
+        <div id="agent-hint" class="govuk-hint govuk-!-padding-bottom-2">Enter the agent and agent business details
+          </div>
+        <h2 class="govuk-heading-m">Name</h2>
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="agent-firstname">
+            First name
+          </label>
+          <input class="govuk-input govuk-!-width-one-half" id="agent-firstname" name="agent-firstname" type="text" spellcheck="false" autocomplete="name" value="{{ data['agent-firstname'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="agent-lastname">
+            Last name
+          </label>
+          <input class="govuk-input govuk-!-width-one-half" id="agent-lastname" name="agent-lastname" type="text" spellcheck="false" autocomplete="name" value="{{ data['agent-lastname'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="business-name">
+            Business name
+          </label>
+          <input class="govuk-input govuk-!-width-one-half" id="business-name" name="business-name" type="text" spellcheck="false" autocomplete="business-name" value="{{ data['business-name'] }}">
+        </div>
+
+        <h2 class="govuk-heading-m govuk-!-padding-top-6 govuk-!-padding-bottom-2">Contact details</h2>
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="agent-email">
+              Email address
+              <div id="event-name-hint" class="govuk-hint">
+                  We will only use this to send you confirmation
+              </div>
+          </label>
+          <input class="govuk-input  govuk-!-width-two-thirds" id="agent-email" name="agent-email" type="agent-email" spellcheck="false" aria-describedby="agent-email-hint" autocomplete="agent-email" value="{{ data['agent-email'] }}">
+        </div>
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="confirm-farmer-email">
+              Confirm email address
+          </label>
+          <input class="govuk-input  govuk-!-width-two-thirds" id="confirm-farmer-email" name="confirm-farmer-email" type="confirm-farmer-email" spellcheck="false"  value="{{ data['confirm-agent-email'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="agent-landline">
+              Mobile phone number
+          </label>
+          <div id="farmer-landline-hint" class="govuk-hint">
+              We will only use this to contact you about your application
+          </div>
+          <input class="govuk-input  govuk-!-width-two-thirds" id="agent-landline" name="agent-landline" type="agent-landline" spellcheck="false" aria-describedby="agent-landline-hint" autocomplete="agent-landline" value="{{ data['agent-landline'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="agent-mobile">
+              Landline number
+          </label>
+          <div id="farmer-mobile-hint" class="govuk-hint">
+              We will only use this to contact you about your application
+          </div>
+          <input class="govuk-input  govuk-!-width-two-thirds" id="agent-mobile" name="agent-mobile" type="agent-mobile" spellcheck="false" aria-describedby="agent-mobile-hint" autocomplete="agent-mobile" value="{{ data['agent-mobile'] }}">
+        </div>
+
+        <h2 class="govuk-heading-m govuk-!-padding-top-6 govuk-!-padding-bottom-3">Business address</h2>
+        <div class="govuk-form-group">
+            <label class="govuk-label" for="agent-address1">
+                Address line 1
+            </label>
+            <input class="govuk-input govuk-!-width-two-thirds" id="agent-address1" name="agent-address1" type="agent-address1" spellcheck="false" aria-describedby="agent-address1-hint" autocomplete="agent-address1" value="{{ data['agent-address1'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+            <label class="govuk-label" for="agent-address2">
+                Address line 2 (optional)
+            </label>
+            <input class="govuk-input govuk-!-width-two-thirds" id="agent-address2" name="agent-address2" type="agent-address2" spellcheck="false" aria-describedby="agent-address2-hint" autocomplete="agent-address2" value="{{ data['agent-address2'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+            <label class="govuk-label" for="agent-town">
+                Town
+            </label>
+            <input class="govuk-input govuk-!-width-one-half" id="agent-town" name="agent-town" type="agent-town" spellcheck="false" aria-describedby="agent-town-hint" autocomplete="agent-town" value="{{ data['agent-town'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+            <label class="govuk-label" for="agent-county">
+                County
+            </label>
+            <input class="govuk-input govuk-!-width-one-half" id="agent-county" name="agent-county" type="agent-county" spellcheck="false" aria-describedby="agent-county-hint" autocomplete="agent-county" value="{{ data['agent-county'] }}">
+        </div>
+
+        <div class="govuk-form-group ">
+            <label class="govuk-label" for="agent-postcode">
+                Postcode
+            </label>
+            <input class="govuk-input govuk-!-width-one-quarter" id="agent-postcode" name="agent-postcode" type="agent-postcode" spellcheck="false" aria-describedby="agent-postcode-hint" autocomplete="agent-postcode" value="{{ data['agent-postcode'] }}">
+        </div>
+
+        <button class="govuk-button" data-module="govuk-button">
+          Continue
+        </button>
+        {% if data['DETAILS'] == true %}
+          <button onclick="document.getElementById('mainForm').action='{{ detailsUrl }}'"
+            class="govuk-button govuk-button--secondary " data-module="govuk-button"
+          >
+            Back to details
+          </button>
+        {% endif %}
+
+      </form>
+    </div>
+  </div>
+
+{% endblock %}

app/views/slurrystorage-2024/current/answers.html

@@ -0,0 +1,53 @@
+{% extends "layout.html" %}
+
+{% block pageTitle %}
+  Score results
+{% endblock %}
+
+{% block beforeContent %}
+{% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %}
+  {{ govukPhaseBanner({
+    tag: {
+    text: "Prototype",
+    classes: "govuk-tag--pink"
+    },
+      html: 'This is not a full service. It is not production code and you might experience problems  .'
+  }) }}
+
+  <a class="govuk-back-link" href="javascript:history.back()">Back</a>
+{% endblock %}
+{% block content %}
+
+
+
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-two-thirds">
+
+<h1 class="govuk-heading-l">Your results</h1>
+<p class="govuk-!-font-size-19">Based on your answers, your project is:</p>
+
+    <div class="govuk-inset-text">
+      <h2 class="govuk-heading-m">Eligible to apply</h2>
+    </div>
+    <p class="govuk-body">The RPA wants to fund projects that have a higher environmental benefit.<br><br>
+    We will do this by prioritising projects in areas that need urgent action to reduce nutrient pollution from agriculture and restore natural habitats.<br><br>
+    Depending on the number of applications received, we may invite projects outside these areas to submit a full application.</p>
+
+
+<h2 class="govuk-heading-m">Next steps</h2>
+<p class="govuk-body">Next, add your business and contact details and submit them to the RPA (you should only do this once).</p>
+<p>You’ll get an email with your answers and a reference number.</p>
+<br/><br/>
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+
+        <form class="form" action="{{ nextUrl }}" method="post">
+          <button class="govuk-button govuk-!-margin-right-1 govuk-!-padding-left-4 govuk-!-padding-right-4" data-module="govuk-button">
+            Continue
+          </button>
+        </form>
+
+       </div>
+    </div>
+
+{% endblock %}

app/views/slurrystorage-2024/current/answers2.html

@@ -0,0 +1,53 @@
+{% extends "layout.html" %}
+
+{% block pageTitle %}
+  Score results
+{% endblock %}
+
+{% block beforeContent %}
+{% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %}
+  {{ govukPhaseBanner({
+    tag: {
+    text: "Prototype",
+    classes: "govuk-tag--pink"
+    },
+      html: 'This is not a full service. It is not production code and you might experience problems  .'
+  }) }}
+
+  <a class="govuk-back-link" href="javascript:history.back()">Back</a>
+{% endblock %}
+{% block content %}
+
+
+
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-two-thirds">
+
+<h1 class="govuk-heading-l">Your results</h1>
+<p class="govuk-!-font-size-19">Based on your answers, your project is:</p>
+
+    <div class="govuk-inset-text">
+      <h2 class="govuk-heading-m">Eligible to apply</h2>
+    </div>
+    <p class="govuk-body">The RPA wants to fund projects that have a higher environmental benefit.<br><br>
+    We will do this by inviting applicants with projects near protected sites (for example, SSSI) to submit a full application.<br><br>
+    Depending on the number of applications received, we may invite projects outside protected sites to submit a full application.</p>
+
+
+<h2 class="govuk-heading-m">Next steps</h2>
+<p class="govuk-body">Next, add your business and contact details and submit them to the RPA (you should only do this once).</p>
+<p>You’ll get an email with your answers and a reference number.</p>
+<br/><br/>
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+
+        <form class="form" action="{{ nextUrl }}" method="post">
+          <button class="govuk-button govuk-!-margin-right-1 govuk-!-padding-left-4 govuk-!-padding-right-4" data-module="govuk-button">
+            Continue
+          </button>
+        </form>
+
+       </div>
+    </div>
+
+{% endblock %}

app/views/slurrystorage-2024/current/applicant-details.html

@@ -0,0 +1,125 @@
+{% extends "layout.html" %}
+
+{% block pageTitle %}
+  Applicant's details
+{% endblock %}
+
+{% block beforeContent %}
+  <a class="govuk-back-link" href="javascript:history.back()">Back</a>
+{% endblock %}
+
+{% block content %}
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+
+      <form class="form" id="mainForm" action="{{ nextUrl }}" method="post">
+        <h1 class="govuk-heading-l"> Applicant's details</h1>
+        <div id="applicant-hint" class="govuk-hint govuk-!-padding-bottom-2">Enter farmer and farm business details</div>
+        <h2 class="govuk-heading-m">Name</h2>
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="farmer-firstname">
+            First name
+          </label>
+          <input class="govuk-input govuk-!-width-one-half" id="farmer-firstname" name="farmer-firstname" type="text" spellcheck="false" autocomplete="name" value="{{ data['farmer-firstname'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="farmer-lastname">
+            Last name
+          </label>
+          <input class="govuk-input govuk-!-width-one-half" id="farmer-lastname" name="farmer-lastname" type="text" spellcheck="false" autocomplete="name" value="{{ data['farmer-lastname'] }}">
+        </div>
+
+        <h2 class="govuk-heading-m govuk-!-padding-top-6 govuk-!-padding-bottom-2">Contact details</h2>
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="farmer-email">
+              Email address
+              <div id="event-name-hint" class="govuk-hint">
+                  We will only use this to send you confirmation
+              </div>
+          </label>
+          <input class="govuk-input  govuk-!-width-two-thirds" id="farmer-email" name="farmer-email" type="farmer-email" spellcheck="false" aria-describedby="farmer-email-hint" autocomplete="farmer-email" value="{{ data['farmer-email'] }}">
+        </div>
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="confirm-farmer-email">
+              Confirm email address
+          </label>
+          <input class="govuk-input  govuk-!-width-two-thirds" id="confirm-farmer-email" name="confirm-farmer-email" type="confirm-farmer-email" spellcheck="false"  value="{{ data['confirm-farmer-email'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="farmer-landline">
+              Mobile phone number
+          </label>
+          <div id="farmer-landline-hint" class="govuk-hint">
+              We will only use this to contact you about your application
+          </div>
+          <input class="govuk-input  govuk-!-width-two-thirds" id="farmer-landline" name="farmer-landline" type="farmer-landline" spellcheck="false" aria-describedby="farmer-landline-hint" autocomplete="farmer-landline" value="{{ data['farmer-landline'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="farmer-mobile">
+              Landline number
+          </label>
+          <div id="farmer-mobile-hint" class="govuk-hint">
+              We will only use this to contact you about your application
+          </div>
+          <input class="govuk-input  govuk-!-width-two-thirds" id="farmer-mobile" name="farmer-mobile" type="farmer-mobile" spellcheck="false" aria-describedby="farmer-mobile-hint" autocomplete="farmer-mobile" value="{{ data['farmer-mobile'] }}">
+        </div>
+
+        <h2 class="govuk-heading-m govuk-!-padding-top-6 govuk-!-padding-bottom-3">Business address</h2>
+        <div class="govuk-form-group">
+            <label class="govuk-label" for="farmer-address1">
+                Address line 1
+            </label>
+            <input class="govuk-input govuk-!-width-two-thirds" id="farmer-address1" name="farmer-address1" type="farmer-address1" spellcheck="false" aria-describedby="farmer-address1-hint" autocomplete="farmer-address1" value="{{ data['farmer-address1'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+            <label class="govuk-label" for="farmer-address2">
+                Address line 2 (optional)
+            </label>
+            <input class="govuk-input govuk-!-width-two-thirds" id="farmer-address2" name="farmer-address2" type="farmer-address2" spellcheck="false" aria-describedby="farmer-address2-hint" autocomplete="farmer-address2" value="{{ data['farmer-address2'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+            <label class="govuk-label" for="farmer-town">
+                Town
+            </label>
+            <input class="govuk-input govuk-!-width-one-half" id="farmer-town" name="farmer-town" type="farmer-town" spellcheck="false" aria-describedby="farmer-town-hint" autocomplete="farmer-town" value="{{ data['farmer-town'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+            <label class="govuk-label" for="farmer-county">
+                County
+            </label>
+            <input class="govuk-input govuk-!-width-one-half" id="farmer-county" name="farmer-county" type="farmer-county" spellcheck="false" aria-describedby="farmer-county-hint" autocomplete="farmer-county" value="{{ data['farmer-county'] }}">
+        </div>
+
+        <div class="govuk-form-group ">
+            <label class="govuk-label" for="farmer-postcode">
+                Business postcode
+            </label>
+            <input class="govuk-input govuk-!-width-one-quarter" id="farmer-postcode" name="farmer-postcode" type="farmer-postcode" spellcheck="false" aria-describedby="farmer-postcode-hint" autocomplete="farmer-postcode" value="{{ data['farmer-postcode'] }}">
+        </div>
+
+        <div class="govuk-form-group">
+            <label class="govuk-label" for="project-postcode">
+                Project postcode
+            </label>
+            <div id="project-postcode-hint" class="govuk-hint">
+                The site postcode where the work will happen
+            </div>
+            <input class="govuk-input govuk-!-width-one-quarter" id="project-postcode" name="project-postcode" type="project-postcode" spellcheck="false" aria-describedby="project-postcode-hint" autocomplete="project-postcode" value="{{ data['project-postcode'] }}">
+        </div>
+
+        <button class="govuk-button" data-module="govuk-button">
+          Continue
+        </button>
+
+
+      </form>
+    </div>
+  </div>
+
+{% endblock %}