From 9698bdedde07f95985f540b4f5d886240c2910ee Mon Sep 17 00:00:00 2001
From: Max Antonucci <maxx1128@users.noreply.github.com>
Date: Fri, 23 Feb 2024 16:52:21 -0500
Subject: [PATCH] [VA-17103] Add VBA Operating Status Component (#1926)

* VA-17103: add VBA OP Status More Info to query

* VA-17103: Add VBA Expandable Alert partial
---
 .../vba_facilities/expandable_alert.liquid    | 30 +++++++++++++++++++
 src/site/layouts/vba_facility.drupal.liquid   |  5 ++--
 .../drupal/graphql/vbaFacility.graphql.js     |  1 +
 3 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 src/site/includes/vba_facilities/expandable_alert.liquid

diff --git a/src/site/includes/vba_facilities/expandable_alert.liquid b/src/site/includes/vba_facilities/expandable_alert.liquid
new file mode 100644
index 0000000000..217d229a01
--- /dev/null
+++ b/src/site/includes/vba_facilities/expandable_alert.liquid
@@ -0,0 +1,30 @@
+{% assign showVBAExpandableAlert = false %}
+
+{% if fieldOperatingStatusFacility == 'notice' %}
+  {% assign showVBAExpandableAlert = true %}
+  {% assign VBAExpandableAlertTrigger = 'Facility Notice' %}
+  {% assign VBAExpandableAlertStatus = 'info' %}
+{% elsif fieldOperatingStatusFacility == 'limited' %}
+  {% assign showVBAExpandableAlert = true %}
+  {% assign VBAExpandableAlertTrigger = 'Limited services and hours' %}
+  {% assign VBAExpandableAlertStatus = 'warning' %}
+{% elsif fieldOperatingStatusFacility == 'closed' %}
+  {% assign showVBAExpandableAlert = true %}
+  {% assign VBAExpandableAlertTrigger = 'Facility Closed' %}
+  {% assign VBAExpandableAlertStatus = 'error' %}
+{% endif %}
+
+{% if showVBAExpandableAlert %}
+  <va-alert-expandable
+    data-template="components/vba_facilities/expandable-alert.drupal.liquid"
+    class="vads-u-margin-top--0 vads-u-margin-bottom--0 vamc-facility-expandable-alert"
+    status="{{ VBAExpandableAlertStatus }}"
+    trigger="{{ VBAExpandableAlertTrigger }}"
+  >
+    <div>
+      <p>
+        {{ fieldOperatingStatusMoreInfo | newline_to_br }}
+      </p>
+    </div>
+  </va-alert-expandable>
+{% endif %}
diff --git a/src/site/layouts/vba_facility.drupal.liquid b/src/site/layouts/vba_facility.drupal.liquid
index fc8dc5d9b2..8c7a2b2557 100644
--- a/src/site/layouts/vba_facility.drupal.liquid
+++ b/src/site/layouts/vba_facility.drupal.liquid
@@ -49,11 +49,12 @@
               <div>
                 <div class="vads-c-facility-detail">
 
-                  {% if fieldOperatingStatusFacility and fieldOperatingStatusFacility != 'normal' %}
+                  {% if fieldOperatingStatusMoreInfo and fieldOperatingStatusFacility and fieldOperatingStatusFacility != 'normal' %}
                     <div class="vads-u-display--inline-block vads-u-margin-bottom--1">
-                      {% include "src/site/includes/operatingStatusFlagsLinks.drupal.liquid" %}
+                      {% include "src/site/includes/vba_facilities/expandable_alert.liquid" %}
                     </div>
                   {% endif %}
+
                   <section class="vads-facility-detail">
                     <script type="application/ld+json">
                       {
diff --git a/src/site/stages/build/drupal/graphql/vbaFacility.graphql.js b/src/site/stages/build/drupal/graphql/vbaFacility.graphql.js
index b4933450e9..6c5a7a3c65 100644
--- a/src/site/stages/build/drupal/graphql/vbaFacility.graphql.js
+++ b/src/site/stages/build/drupal/graphql/vbaFacility.graphql.js
@@ -33,6 +33,7 @@ const vbaFacilityFragment = `
           fieldIntroText
           fieldFacilityLocatorApiId
           fieldOperatingStatusFacility
+          fieldOperatingStatusMoreInfo
           fieldPhoneNumber
           fieldCcBenefitsHotline {
             fetched