From 147a329a339e7571a1f82bd37e99378b8138efcd Mon Sep 17 00:00:00 2001
From: Caitlin Barnard <54268863+CaitBarnard@users.noreply.github.com>
Date: Wed, 12 Feb 2025 09:43:10 +0000
Subject: [PATCH] FFT-179 Add a link to go from Edit Payroll to Edit Forecast
 (#618)

Co-authored-by: Sam Dudley <samuel.dudley@digital.trade.gov.uk>
Co-authored-by: Sam Dudley <dudley.co.uk@gmail.com>
---
 forecast/templates/forecast/edit/edit.html          | 10 ++++++++++
 forecast/templates/forecast/edit/forecast_base.html |  4 +++-
 front_end/styles/styles.scss                        |  8 ++++++++
 payroll/templates/payroll/page/edit_payroll.html    |  8 +++++++-
 4 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/forecast/templates/forecast/edit/edit.html b/forecast/templates/forecast/edit/edit.html
index c990341d..32477af3 100644
--- a/forecast/templates/forecast/edit/edit.html
+++ b/forecast/templates/forecast/edit/edit.html
@@ -11,6 +11,16 @@
 
 {% block title %}Edit Forecast{% endblock %}
 
+{% block page_heading %}
+<div style="display: flex; align-items: baseline; gap: 2rem;">
+    {{ block.super }}
+    {% can_access_edit_payroll user as user_can_access_edit_payroll %}
+    {% if user_can_access_edit_payroll and settings.PAYROLL.ENABLE_FORECAST %}
+        <a class="govuk-link" href="{% url 'payroll:edit' view.cost_centre_details.cost_centre_code view.financial_year %}">Go to Payroll</a>
+    {% endif %}
+</div>
+{% endblock %}
+
 {% block page_content %}
     <div class="govuk-grid-row date-selection-download">
 
diff --git a/forecast/templates/forecast/edit/forecast_base.html b/forecast/templates/forecast/edit/forecast_base.html
index ac676979..80240f56 100644
--- a/forecast/templates/forecast/edit/forecast_base.html
+++ b/forecast/templates/forecast/edit/forecast_base.html
@@ -16,7 +16,9 @@ <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title
           </div>
         </div>
     {% endif %}
-    <h1 class="govuk-heading-l">{{ view.title }}</h1>
+    {% block page_heading %}
+      <h1 class="govuk-heading-l">{{ view.title }}</h1>
+    {% endblock page_heading %}
     <a href="{% url 'forecast_cost_centre' view.cost_centre_details.cost_centre_code view.financial_year %}" target="_blank" class="govuk-heading-m cost-centre-heading-link">{{ view.cost_centre_details.cost_centre_name }} ({{ view.cost_centre_details.cost_centre_code }}) </a>
     <dl class="govuk-summary-list">
         <div class="govuk-summary-list__row">
diff --git a/front_end/styles/styles.scss b/front_end/styles/styles.scss
index fa49d985..22f7b575 100644
--- a/front_end/styles/styles.scss
+++ b/front_end/styles/styles.scss
@@ -373,6 +373,14 @@ th {
   font-size: 16px;
 }
 
+// Utility classes
+
 .scrollable {
   overflow-x: auto;
 }
+
+.flex-spread {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+}
diff --git a/payroll/templates/payroll/page/edit_payroll.html b/payroll/templates/payroll/page/edit_payroll.html
index 889be098..81334061 100644
--- a/payroll/templates/payroll/page/edit_payroll.html
+++ b/payroll/templates/payroll/page/edit_payroll.html
@@ -10,7 +10,13 @@
 {% endblock breadcrumbs %}
 
 {% block content %}
-    <h1 class="govuk-heading-l">Edit payroll</h1>
+    <div class="flex-spread">
+        <h1 class="govuk-heading-l">Edit payroll</h1>
+        {# This assumes that a user with access to payroll also has access to forecast #}
+        {% if settings.PAYROLL.ENABLE_FORECAST %}
+            <a class="govuk-link" href="{% url 'edit_forecast' cost_centre_code financial_year %}">Go to Forecast</a>
+        {% endif %}
+    </div>
 
     <div id="payroll-app"></div>