From 3b81d70b0391e002b6626d3ec103317cb993ddab Mon Sep 17 00:00:00 2001
From: Kegan Maher <kegan@compiler.la>
Date: Fri, 22 Mar 2024 20:48:54 +0000
Subject: [PATCH] feat(enrollment): include the alert-box for the CalFresh
 index

---
 .../alert-box--warning--calfresh.html         | 19 +++++++++++++++++++
 .../templates/enrollment/index--calfresh.html |  4 +---
 2 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 benefits/enrollment/templates/enrollment/includes/alert-box--warning--calfresh.html

diff --git a/benefits/enrollment/templates/enrollment/includes/alert-box--warning--calfresh.html b/benefits/enrollment/templates/enrollment/includes/alert-box--warning--calfresh.html
new file mode 100644
index 0000000000..095e0fecad
--- /dev/null
+++ b/benefits/enrollment/templates/enrollment/includes/alert-box--warning--calfresh.html
@@ -0,0 +1,19 @@
+{% extends "core/includes/alert-box--warning.html" %}
+{% load i18n %}
+
+{% block alert-heading %}
+    {% translate "Do not enter information from your EBT card." %}
+{% endblock alert-heading %}
+
+{% block alert-body %}
+    {% translate "Read our guidance on the CalFresh benefit" as calfresh_modal_link %}
+    <p>
+        {% blocktranslate %}
+        You can’t pay for transit using the CalFresh funds on your Golden State Advantage card.
+        Please provide details from your contactless debit or credit card issued by Visa or Mastercard
+        and use that card to pay for transit.
+        {% endblocktranslate %}
+        {% include "core/includes/modal-trigger.html" with modal="modal--calfresh" text=calfresh_modal_link period=True %}
+    </p>
+    {% include "eligibility/includes/modal--calfresh.html" with id="modal--calfresh" size="modal-lg" header="p-md-2 p-3" body="pb-md-3 mb-md-3 mx-md-3 py-0 pt-0 absolute-top" %}
+{% endblock alert-body %}
diff --git a/benefits/enrollment/templates/enrollment/index--calfresh.html b/benefits/enrollment/templates/enrollment/index--calfresh.html
index 6f6d55183e..17214047c6 100644
--- a/benefits/enrollment/templates/enrollment/index--calfresh.html
+++ b/benefits/enrollment/templates/enrollment/index--calfresh.html
@@ -10,7 +10,5 @@
 {% endblock media-items %}
 
 {% block additional-info %}
-  <div class="col-12 col-sm-12 col-lg-8">
-    <p>Info alert here</p>
-  </div>
+  <div class="col-12 col-sm-12 col-lg-8">{% include "enrollment/includes/alert-box--warning--calfresh.html" %}</div>
 {% endblock additional-info %}