Add a CE hours detail section to the registration ticket

CE requirements (CAMFT approval, license-number and payment rules,
sign-in, post-training evaluation) used to live in a long confirmation
email. Surface them per event the same way "Before you attend" works: a
ticket call-out linking to a sanitized-HTML details page, so admins can
keep the embedded links instead of re-sending an email each time.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: maebeale

app/controllers/events_controller.rb

@@ -1,8 +1,8 @@
 class EventsController < ApplicationController
   include AhoyTracking, TagAssignable
-  skip_before_action :authenticate_user!, only: [ :index, :show, :staff, :details ]
+  skip_before_action :authenticate_user!, only: [ :index, :show, :staff, :details, :ce_hours ]
   skip_before_action :verify_authenticity_token, only: [ :preview ]
-  before_action :set_event, only: %i[ show edit update destroy preview dashboard background registrants details staff edit_staff update_staff recipients bulk_payments preview_reminder send_reminder copy_registration_form allocate_bulk_payment create_bulk_payment ]
+  before_action :set_event, only: %i[ show edit update destroy preview dashboard background registrants details ce_hours staff edit_staff update_staff recipients bulk_payments preview_reminder send_reminder copy_registration_form allocate_bulk_payment create_bulk_payment ]
 
   def index
     authorize!
@@ -104,6 +104,20 @@ def details
     @event = @event.decorate
   end
 
+  # Public CE hours page (continuing education requirements, payment, sign-in
+  # rules). Linked from the registration ticket. When no details are set there
+  # is nothing to show, so fall back to the event page.
+  def ce_hours
+    authorize! @event, to: :ce_hours?
+
+    if @event.ce_hours_details.blank?
+      redirect_to event_path(@event, reg: params[:reg].presence)
+      return
+    end
+
+    @event = @event.decorate
+  end
+
   def staff
     authorize! @event, to: :staff?
     @event = @event.decorate

app/models/event.rb

@@ -156,6 +156,13 @@ def event_details_label
     super.presence || "Before you attend"
   end
 
+  # Heading shown on the CE hours ticket call-out and its details page. Falls
+  # back to the default even when an admin clears it, so the section never
+  # renders unlabelled.
+  def ce_hours_details_label
+    super.presence || "CE hours"
+  end
+
   # Virtual attributes for date/time inputs (Firefox datetime-local compat)
   attr_writer :start_date_date, :start_date_time,
               :end_date_date, :end_date_time,

app/policies/event_policy.rb

@@ -112,6 +112,8 @@ def google_analytics?
                   :rhino_description,
                   :event_details,
                   :event_details_label,
+                  :ce_hours_details,
+                  :ce_hours_details_label,
                   :autoshow_cost,
                   :autoshow_date,
                   :autoshow_location,
@@ -150,6 +152,7 @@ def google_analytics?
 
   alias_rule :preview?, to: :edit?
   alias_rule :details?, to: :show?
+  alias_rule :ce_hours?, to: :show?
 
   private
 

app/views/event_registrations/_ticket.html.erb

@@ -109,6 +109,21 @@
         <% end %>
       <% end %>
 
+      <!-- CE hours (continuing education requirements, payment, sign-in rules) -->
+      <% if event_registration.event.ce_hours_details.present? %>
+        <%= link_to ce_hours_event_path(event_registration.event, reg: event_registration.slug),
+                      class: "flex items-center gap-3 rounded-xl border-2 border-indigo-300 bg-indigo-50 px-4 py-3 hover:bg-indigo-100 transition-colors" do %>
+          <i class="fa-solid fa-graduation-cap text-indigo-500 text-xl shrink-0"></i>
+
+          <div class="flex-1 min-w-0 text-left">
+            <p class="font-semibold text-indigo-900"><%= event_registration.event.ce_hours_details_label %></p>
+            <p class="text-sm text-indigo-700">Continuing education hours — requirements &amp; next steps</p>
+          </div>
+
+          <i class="fa-solid fa-arrow-right text-indigo-500 shrink-0"></i>
+        <% end %>
+      <% end %>
+
       <!-- Additional forms the registrant asked for during registration -->
       <% if event_registration.w9_requested? %>
         <%= link_to "/documents/awbw-w9.pdf",

app/views/events/_form.html.erb

@@ -454,6 +454,43 @@
       </div>
     </div>
 
+    <%# ---- CE HOURS (ticket call-out + details page) ---- %>
+    <div class="ce-hours-section" data-controller="dropdown">
+      <button
+        type="button"
+        id="ce_hours_button"
+        class="
+          flex items-center justify-between cursor-pointer w-full
+          bg-gray-500 text-white hover:bg-gray-300 px-3 py-2 rounded-md"
+        data-action="dropdown#toggle"
+        data-dropdown-payload-param='[{"ce_hours_details":"hidden"}, {"ce_hours_arrow":"rotate-180"}, {"ce_hours_button":"rounded-md rounded-t-md"}]'>
+        CE hours
+        <i id="ce_hours_arrow" class="fa-solid fa-chevron-down w-4 h-4 transition-transform duration-300"></i>
+      </button>
+
+      <div id="ce_hours_details" class="hidden border border-gray-300 p-4 rounded-b-md">
+        <p class="text-sm text-gray-500 mb-4">Continuing education info shown on the registration ticket as a prominent call-out linking to its own details page — CAMFT approval, license-number and payment requirements, sign-in rules, and the post-training evaluation (the kind of thing that used to live in a long CE confirmation email).</p>
+
+        <div class="form-group">
+          <%= f.label :ce_hours_details_label, "CE hours section label", class: "block font-medium mb-1 text-gray-700" %>
+          <%= f.text_field :ce_hours_details_label,
+                       placeholder: "CE hours",
+                       class: "w-full rounded border-gray-300 shadow-sm px-3 py-1.5 text-sm focus:ring-blue-500 focus:border-blue-500" %>
+          <p class="text-gray-500 text-sm mt-1">Heading for the CE hours call-out on the ticket and the details page (e.g. "CE hours", "Continuing education").</p>
+        </div>
+
+        <div class="form-group mt-6">
+          <%= f.label :ce_hours_details, "CE hours content", class: "block font-medium mb-1 text-gray-700" %>
+          <p class="text-xs text-gray-500 mb-1">
+            CE requirements, payment, sign-in rules, and the post-training evaluation — shown on its own page linked prominently from the ticket. Leave blank to hide it entirely. Accepts basic HTML — bold, italics, links, lists, headings, and line breaks.
+          </p>
+          <%= f.text_area :ce_hours_details, rows: 8,
+                placeholder: "e.g. <p>AWBW is approved by CAMFT…</p><h3>Before the training</h3><ul><li>Email your license number</li></ul>",
+                class: "w-full rounded border-gray-300 shadow-sm px-3 py-2 text-sm font-mono" %>
+        </div>
+      </div>
+    </div>
+
     <div class="images-section" data-controller="dropdown">
       <button
         type="button"

app/views/events/ce_hours.html.erb

@@ -0,0 +1,33 @@
+<% content_for(:page_bg_class, "public") %>
+
+<% reg_slug = params[:reg].presence %>
+<% back_path = reg_slug ? registration_ticket_path(reg_slug) : event_path(@event) %>
+<% back_label = reg_slug ? "Back to ticket" : "Back to event" %>
+<div class="max-w-3xl mx-auto px-4 pt-4">
+  <%= link_to back_path, class: "inline-flex items-center gap-1.5 text-sm text-gray-500 hover:text-gray-700 px-2 py-1" do %>
+    <i class="fa-solid fa-arrow-left text-xs"></i> <%= back_label %>
+  <% end %>
+</div>
+
+<div class="max-w-3xl mx-auto pb-12 pt-6 px-4">
+  <div class="bg-white rounded-2xl shadow-xl ring-1 ring-black/5 overflow-hidden">
+    <div class="relative bg-gradient-to-r from-purple-950 to-purple-700 text-white px-6 sm:px-8 py-5">
+      <div class="flex items-center gap-5">
+        <div class="shrink-0">
+          <%= image_tag("logo.png", alt: "Organization logo", class: "h-9 w-auto") %>
+        </div>
+        <div class="flex-1">
+          <h1 class="text-xl font-semibold tracking-wide leading-tight"><%= @event.ce_hours_details_label %></h1>
+          <p class="text-sm text-blue-200"><%= @event.title %></p>
+        </div>
+      </div>
+      <div class="absolute inset-x-0 bottom-0 h-1 bg-gradient-to-r from-accent via-amber-400 to-accent"></div>
+    </div>
+
+    <div class="px-6 sm:px-8 py-7">
+      <div class="rich-label prose max-w-none text-gray-700 leading-relaxed prose-headings:text-gray-800 prose-a:text-blue-700">
+        <%= form_label_html(@event.ce_hours_details) %>
+      </div>
+    </div>
+  </div>
+</div>

config/routes.rb

@@ -129,6 +129,7 @@
       get :background
       get :registrants
       get :details
+      get :ce_hours
       get :staff
       get "staff/edit", action: :edit_staff, as: :edit_staff
       patch "staff", action: :update_staff

db/migrate/20260617120000_add_ce_hours_details_to_events.rb

@@ -0,0 +1,11 @@
+class AddCeHoursDetailsToEvents < ActiveRecord::Migration[8.1]
+  def up
+    add_column :events, :ce_hours_details, :text
+    add_column :events, :ce_hours_details_label, :string, default: "CE hours", null: false
+  end
+
+  def down
+    remove_column :events, :ce_hours_details, if_exists: true
+    remove_column :events, :ce_hours_details_label, if_exists: true
+  end
+end

db/schema.rb

@@ -492,6 +492,8 @@
     t.boolean "autoshow_title", default: true, null: false
     t.boolean "autoshow_videoconference_label", default: true, null: false
     t.boolean "autoshow_videoconference_link", default: true, null: false
+    t.text "ce_hours_details"
+    t.string "ce_hours_details_label", default: "CE hours", null: false
     t.integer "cost_cents"
     t.datetime "created_at", null: false
     t.integer "created_by_id"

spec/requests/events_spec.rb

@@ -111,6 +111,23 @@
     end
   end
 
+  describe "GET /ce_hours" do
+    let(:event) { create(:event, :published, :publicly_visible) }
+
+    it "renders the CE hours page when details are present" do
+      event.update!(ce_hours_details_label: "Continuing education", ce_hours_details: "<p>Email your license number</p>")
+      get ce_hours_event_path(event)
+      expect(response).to have_http_status(:ok)
+      expect(response.body).to include("Continuing education")
+      expect(response.body).to include("Email your license number")
+    end
+
+    it "redirects to the event when details are blank" do
+      get ce_hours_event_path(event)
+      expect(response).to redirect_to(event_path(event))
+    end
+  end
+
   describe "GET /new" do
     context "as admin" do
       it "renders successfully" do
@@ -156,6 +173,13 @@
       expect(response.body).to include("event[event_details_label]")
       expect(response.body).to include("event[event_details]")
     end
+
+    it "renders the 'CE hours' toggle with the details fields" do
+      get edit_event_path(event)
+      expect(response.body).to include("CE hours")
+      expect(response.body).to include("event[ce_hours_details_label]")
+      expect(response.body).to include("event[ce_hours_details]")
+    end
   end
 
   describe "POST /create" do