rails_onboarding 0.6.1

data/app/views/rails_onboarding/admin/users/index.html.erb

@@ -0,0 +1,180 @@
+<% content_for :page_title, "User Management" %>
+
+<% content_for :header_actions do %>
+  <%# Carries the active filters through so the export matches the table on screen.
+      page/per_page are deliberately left out - the export is never paginated. %>
+  <%= link_to "Export CSV",
+      export_admin_users_path(format: :csv,
+                              **request.query_parameters.slice("search", "status", "step", "sort", "direction")),
+      class: "admin-btn admin-btn-secondary" %>
+<% end %>
+
+<!-- Stats Summary -->
+<div class="admin-stats-grid admin-stats-compact">
+  <div class="admin-stat-card">
+    <div class="admin-stat-label">Total Users</div>
+    <div class="admin-stat-value"><%= number_with_delimiter(@stats[:total]) %></div>
+  </div>
+  <div class="admin-stat-card">
+    <div class="admin-stat-label">Completed</div>
+    <div class="admin-stat-value"><%= number_with_delimiter(@stats[:completed]) %></div>
+  </div>
+  <div class="admin-stat-card">
+    <div class="admin-stat-label">In Progress</div>
+    <div class="admin-stat-value"><%= number_with_delimiter(@stats[:in_progress]) %></div>
+  </div>
+  <div class="admin-stat-card">
+    <div class="admin-stat-label">Not Started</div>
+    <div class="admin-stat-value"><%= number_with_delimiter(@stats[:not_started]) %></div>
+  </div>
+  <div class="admin-stat-card">
+    <div class="admin-stat-label">Skipped</div>
+    <div class="admin-stat-value"><%= number_with_delimiter(@stats[:skipped]) %></div>
+  </div>
+</div>
+
+<!-- Filters and Search -->
+<div class="admin-filters">
+  <%= form_with url: admin_users_path, method: :get, class: "admin-filter-form" do |f| %>
+    <div class="admin-filter-group">
+      <%= f.text_field :search,
+          placeholder: "Search by email or ID...",
+          value: params[:search],
+          class: "admin-input" %>
+
+      <%= f.select :status,
+          options_for_select([
+            ['All Statuses', ''],
+            ['Completed', 'completed'],
+            ['In Progress', 'in_progress'],
+            ['Not Started', 'not_started'],
+            ['Skipped', 'skipped']
+          ], params[:status]),
+          {},
+          class: "admin-select" %>
+
+      <%= f.submit "Filter", class: "admin-btn admin-btn-primary" %>
+      <%= link_to "Reset", admin_users_path, class: "admin-btn admin-btn-secondary" %>
+    </div>
+  <% end %>
+</div>
+
+<!-- Users Table -->
+<div class="admin-card">
+  <div class="admin-card-body admin-card-no-padding">
+    <%= form_with url: bulk_action_admin_users_path, method: :post, id: "bulk-action-form" do %>
+      <table class="admin-table">
+        <thead>
+          <tr>
+            <th class="admin-table-checkbox">
+              <input type="checkbox" id="select-all" class="admin-checkbox">
+            </th>
+            <th>ID</th>
+            <th>Email</th>
+            <th>Status</th>
+            <th>Current Step</th>
+            <th>Progress</th>
+            <th>Last Activity</th>
+            <th class="admin-table-actions">Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% if @users.any? %>
+            <% @users.each do |user| %>
+              <tr>
+                <td class="admin-table-checkbox">
+                  <%= check_box_tag "user_ids[]", user.id, false, class: "admin-checkbox user-checkbox" %>
+                </td>
+                <td><%= user.id %></td>
+                <td>
+                  <%= user.respond_to?(:email) ? user.email : 'N/A' %>
+                </td>
+                <td>
+                  <% if user.onboarding_completed %>
+                    <span class="admin-badge admin-badge-success">Completed</span>
+                  <% elsif user.onboarding_skipped %>
+                    <span class="admin-badge admin-badge-warning">Skipped</span>
+                  <% elsif user.onboarding_current_step %>
+                    <span class="admin-badge admin-badge-info">In Progress</span>
+                  <% else %>
+                    <span class="admin-badge admin-badge-secondary">Not Started</span>
+                  <% end %>
+                </td>
+                <td>
+                  <%= user.onboarding_current_step&.humanize || 'N/A' %>
+                </td>
+                <td>
+                  <% if user.respond_to?(:onboarding_progress_percentage) %>
+                    <div class="admin-progress-bar">
+                      <div class="admin-progress-fill" style="--admin-progress-width: <%= user.onboarding_progress_percentage %>%"></div>
+                    </div>
+                    <span class="admin-progress-text"><%= user.onboarding_progress_percentage %>%</span>
+                  <% else %>
+                    N/A
+                  <% end %>
+                </td>
+                <td>
+                  <%= user.updated_at ? time_ago_in_words(user.updated_at) + ' ago' : 'N/A' %>
+                </td>
+                <td class="admin-table-actions">
+                  <%= link_to "View", admin_user_path(user), class: "admin-btn admin-btn-sm admin-btn-secondary" %>
+                </td>
+              </tr>
+            <% end %>
+          <% else %>
+            <tr>
+              <td colspan="8" class="admin-table-empty">
+                No users found matching your criteria
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+
+      <% if @users.any? %>
+        <div class="admin-bulk-actions">
+          <div class="admin-bulk-actions-bar">
+            <span class="admin-bulk-actions-count">
+              <span id="selected-count">0</span> users selected
+            </span>
+            <%= select_tag :bulk_action,
+                options_for_select([
+                  ['Select Action', ''],
+                  ['Reset Onboarding', 'reset_onboarding'],
+                  ['Complete Onboarding', 'complete_onboarding']
+                ]),
+                class: "admin-select" %>
+            <%= submit_tag "Apply", class: "admin-btn admin-btn-primary", data: { confirm: "Are you sure?" } %>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+  </div>
+</div>
+
+<!-- Pagination -->
+<% if @pagy.count.positive? %>
+  <div class="admin-pagination">
+    <%= raw @pagy.info_tag(item_name: "users") %>
+    <%= raw @pagy.series_nav if @pagy.pages > 1 %>
+  </div>
+<% end %>
+
+<script>
+  // Select all checkbox functionality
+  document.getElementById('select-all')?.addEventListener('change', function(e) {
+    const checkboxes = document.querySelectorAll('.user-checkbox');
+    checkboxes.forEach(cb => cb.checked = e.target.checked);
+    updateSelectedCount();
+  });
+
+  // Update selected count
+  document.querySelectorAll('.user-checkbox').forEach(checkbox => {
+    checkbox.addEventListener('change', updateSelectedCount);
+  });
+
+  function updateSelectedCount() {
+    const count = document.querySelectorAll('.user-checkbox:checked').length;
+    document.getElementById('selected-count').textContent = count;
+  }
+</script>

data/app/views/rails_onboarding/admin/users/show.html.erb

@@ -0,0 +1,187 @@
+<% content_for :page_title, "User Details ##{@user.id}" %>
+
+<% content_for :header_actions do %>
+  <%= link_to "← Back to Users", admin_users_path, class: "admin-btn admin-btn-secondary" %>
+<% end %>
+
+<div class="admin-user-detail-grid">
+  <!-- User Info Card -->
+  <div class="admin-card">
+    <div class="admin-card-header">
+      <h3 class="admin-card-title">User Information</h3>
+    </div>
+    <div class="admin-card-body">
+      <dl class="admin-dl">
+        <dt>User ID</dt>
+        <dd><%= @user.id %></dd>
+
+        <% if @user.respond_to?(:email) %>
+          <dt>Email</dt>
+          <dd><%= @user.email %></dd>
+        <% end %>
+
+        <%# Users that predate the gem's install can carry NULL timestamps, so
+            every date on this page has to tolerate nil rather than 500. %>
+        <dt>Created</dt>
+        <dd><%= @user.created_at&.strftime('%B %d, %Y at %I:%M %p') || 'N/A' %></dd>
+
+        <dt>Last Updated</dt>
+        <dd><%= @user.updated_at&.strftime('%B %d, %Y at %I:%M %p') || 'N/A' %></dd>
+
+        <dt>Onboarding Status</dt>
+        <dd>
+          <% if @user.onboarding_completed %>
+            <span class="admin-badge admin-badge-success">Completed</span>
+          <% elsif @user.onboarding_skipped %>
+            <span class="admin-badge admin-badge-warning">Skipped</span>
+          <% elsif @user.onboarding_current_step %>
+            <span class="admin-badge admin-badge-info">In Progress</span>
+          <% else %>
+            <span class="admin-badge admin-badge-secondary">Not Started</span>
+          <% end %>
+        </dd>
+
+        <% if @user.onboarding_current_step %>
+          <dt>Current Step</dt>
+          <dd><%= @user.onboarding_current_step.humanize %></dd>
+        <% end %>
+
+        <% if @user.onboarding_completed_at %>
+          <dt>Completed At</dt>
+          <dd><%= @user.onboarding_completed_at.strftime('%B %d, %Y at %I:%M %p') %></dd>
+        <% end %>
+
+        <% if @user.respond_to?(:onboarding_progress_percentage) %>
+          <dt>Progress</dt>
+          <dd>
+            <div class="admin-progress-bar admin-progress-large">
+              <div class="admin-progress-fill" style="--admin-progress-width: <%= @user.onboarding_progress_percentage %>%"></div>
+            </div>
+            <span class="admin-progress-text"><%= @user.onboarding_progress_percentage %>%</span>
+          </dd>
+        <% end %>
+      </dl>
+    </div>
+    <div class="admin-card-footer">
+      <%= button_to "Reset Onboarding",
+          reset_onboarding_admin_user_path(@user),
+          method: :post,
+          class: "admin-btn admin-btn-warning",
+          data: { confirm: "Are you sure you want to reset this user's onboarding?" } %>
+      <%= button_to "Complete Onboarding",
+          complete_onboarding_admin_user_path(@user),
+          method: :post,
+          class: "admin-btn admin-btn-success",
+          data: { confirm: "Are you sure you want to mark onboarding as complete?" } %>
+      <%= button_to "Restart Onboarding",
+          restart_onboarding_admin_user_path(@user),
+          method: :post,
+          class: "admin-btn admin-btn-primary",
+          data: { confirm: "Are you sure you want to restart this user's onboarding from the beginning?" } %>
+    </div>
+  </div>
+
+  <!-- Milestones Card -->
+  <% if @user_milestones && @user_milestones.any? %>
+    <div class="admin-card">
+      <div class="admin-card-header">
+        <h3 class="admin-card-title">Milestones Achieved</h3>
+        <span class="admin-badge"><%= @user_milestones.count %></span>
+      </div>
+      <div class="admin-card-body">
+        <div class="admin-list">
+          <% @user_milestones.each do |achievement| %>
+            <div class="admin-list-item">
+              <div class="admin-list-content">
+                <div class="admin-list-title">
+                  <%= achievement.milestone.icon %> <%= achievement.milestone.title %>
+                </div>
+                <div class="admin-list-meta">
+                  Achieved <%= time_ago_in_words(achievement.achieved_at) %> ago
+                </div>
+              </div>
+              <div class="admin-list-value">
+                <span class="admin-badge admin-badge-success">+<%= achievement.milestone.points %> pts</span>
+              </div>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>
+
+<!-- Timeline Card (Full Width) -->
+<div class="admin-card">
+  <div class="admin-card-header">
+    <h3 class="admin-card-title">Activity Timeline</h3>
+  </div>
+  <div class="admin-card-body">
+    <% if @user_timeline && @user_timeline.any? %>
+      <div class="admin-timeline admin-timeline-detailed">
+        <% @user_timeline.each do |item| %>
+          <div class="admin-timeline-item">
+            <div class="admin-timeline-marker">
+              <div class="admin-timeline-dot <%= item[:type] %>"></div>
+              <div class="admin-timeline-line"></div>
+            </div>
+            <div class="admin-timeline-content">
+              <div class="admin-timeline-header">
+                <h4 class="admin-timeline-title"><%= item[:description] %></h4>
+                <span class="admin-timeline-time"><%= time_ago_in_words(item[:timestamp]) %> ago</span>
+              </div>
+              <% if item[:metadata] && item[:metadata].any? %>
+                <div class="admin-timeline-metadata">
+                  <% item[:metadata].each do |key, value| %>
+                    <span class="admin-badge admin-badge-sm"><%= key %>: <%= value %></span>
+                  <% end %>
+                </div>
+              <% end %>
+              <div class="admin-timeline-timestamp">
+                <%= item[:timestamp].strftime('%B %d, %Y at %I:%M:%S %p') %>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    <% else %>
+      <p class="admin-empty-state">No activity recorded for this user</p>
+    <% end %>
+  </div>
+</div>
+
+<!-- Events Card -->
+<% if @user_events && @user_events.any? %>
+  <div class="admin-card">
+    <div class="admin-card-header">
+      <h3 class="admin-card-title">Recent Events</h3>
+      <span class="admin-badge"><%= @user_events.count %></span>
+    </div>
+    <div class="admin-card-body">
+      <table class="admin-table admin-table-sm">
+        <thead>
+          <tr>
+            <th>Event Type</th>
+            <th>Timestamp</th>
+            <th>Metadata</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @user_events.each do |event| %>
+            <tr>
+              <td><%= event.event_type.humanize %></td>
+              <td><%= event.created_at.strftime('%m/%d/%Y %I:%M %p') %></td>
+              <td>
+                <% if event.properties.present? %>
+                  <code class="admin-code"><%= event.properties.to_json %></code>
+                <% else %>
+                  -
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+<% end %>

data/app/views/rails_onboarding/milestones/index.html.erb

@@ -0,0 +1,64 @@
+<%# milestonesPath is passed in rather than hardcoded in the controller: the
+    engine is mounted at a host-chosen prefix, so a literal "/milestones/..."
+    fetch 404s in every app that does not mount at root. %>
+<div class="milestones-dashboard"
+     data-controller="milestone-dashboard"
+     data-milestone-dashboard-milestones-path-value="<%= milestones_path %>">
+  <div class="milestone-header">
+    <h1 class="milestone-title">🏆 Your Achievements</h1>
+    <div class="milestone-stats">
+      <div class="total-points">
+        <span class="points-value" data-milestone-dashboard-target="pointsValue"><%= @total_points %></span>
+        <span class="points-label">Total Points</span>
+      </div>
+      <div class="achievement-count">
+        <span class="count-value" data-milestone-dashboard-target="countValue"><%= @achieved_milestones.length %></span>
+        <span class="count-label">Milestones</span>
+      </div>
+    </div>
+  </div>
+
+  <% if @achieved_milestones.any? %>
+    <section class="achieved-milestones">
+      <h2 class="onboarding-section-title">🎉 Achieved Milestones</h2>
+      <div class="milestone-grid">
+        <% @achieved_milestones.each do |milestone| %>
+          <div class="milestone-card milestone-achieved" data-milestone-dashboard-target="milestoneCard">
+            <div class="milestone-icon"><%= milestone[:icon] %></div>
+            <div class="milestone-content">
+              <h3 class="milestone-name"><%= milestone[:title] %></h3>
+              <p class="milestone-description"><%= milestone[:description] %></p>
+              <div class="milestone-points">+<%= milestone[:points] %> points</div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    </section>
+  <% end %>
+
+  <% if @available_milestones.any? %>
+    <section class="available-milestones">
+      <h2 class="onboarding-section-title">🎯 Available Milestones</h2>
+      <div class="milestone-grid">
+        <% @available_milestones.each do |milestone| %>
+          <div class="milestone-card milestone-available" data-milestone-dashboard-target="milestoneCard">
+            <div class="milestone-icon milestone-locked"><%= milestone[:icon] %></div>
+            <div class="milestone-content">
+              <h3 class="milestone-name"><%= milestone[:title] %></h3>
+              <p class="milestone-description"><%= milestone[:description] %></p>
+              <div class="milestone-points">+<%= milestone[:points] %> points</div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    </section>
+  <% end %>
+
+  <% if @achieved_milestones.empty? && @available_milestones.empty? %>
+    <div class="onboarding-empty-state">
+      <div class="onboarding-empty-icon">🎯</div>
+      <h2>No milestones available</h2>
+      <p>Complete onboarding steps to start earning achievements!</p>
+    </div>
+  <% end %>
+</div>

data/app/views/rails_onboarding/milestones/show.html.erb

@@ -0,0 +1,57 @@
+<div class="milestone-detail" data-controller="milestone-detail">
+  <div class="milestone-hero <%= 'onboarding-achieved' if @achieved %>">
+    <div class="milestone-icon-large">
+      <%= @milestone[:icon] %>
+    </div>
+    <h1 class="milestone-title"><%= @milestone[:title] %></h1>
+    <p class="milestone-description"><%= @milestone[:description] %></p>
+    
+    <div class="milestone-meta">
+      <div class="milestone-points">
+        <span class="points-value"><%= @milestone[:points] %></span>
+        <span class="points-label">points</span>
+      </div>
+      
+      <% if @achieved %>
+        <div class="achievement-status onboarding-achieved">
+          <span class="status-icon">✅</span>
+          <span class="status-text">Achieved</span>
+        </div>
+      <% else %>
+        <div class="achievement-status onboarding-pending">
+          <span class="status-icon">⏳</span>
+          <span class="status-text">Not Yet Achieved</span>
+        </div>
+      <% end %>
+    </div>
+  </div>
+
+  <div class="milestone-info">
+    <h3>How to achieve this milestone:</h3>
+    <div class="achievement-requirements">
+      <% if @milestone[:trigger] == :onboarding_step_completed %>
+        <p>Complete the <strong><%= @milestone[:conditions][:step].to_s.humanize %></strong> step in onboarding.</p>
+      <% elsif @milestone[:trigger] == :onboarding_completed %>
+        <p>Complete the entire onboarding flow.</p>
+      <% elsif @milestone[:trigger] == :custom %>
+        <% if @milestone[:key] == :early_adopter %>
+          <p>Join within the first hour of account creation.</p>
+        <% else %>
+          <p>This milestone has custom requirements.</p>
+        <% end %>
+      <% else %>
+        <p>Complete specific actions to unlock this achievement.</p>
+      <% end %>
+    </div>
+  </div>
+
+  <div class="milestone-actions">
+    <%= link_to "← Back to Achievements", milestones_path, class: "onboarding-btn onboarding-btn-secondary" %>
+    
+    <% unless @achieved %>
+      <% if current_user.needs_onboarding? %>
+        <%= link_to "Continue Onboarding", onboarding_path, class: "onboarding-btn onboarding-btn-primary" %>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/rails_onboarding/onboarding/_custom_footer.html.erb

@@ -0,0 +1,2 @@
+<%# This partial can be overridden by the host application to provide custom footer content %>
+<%# Place your custom footer content here %>

data/app/views/rails_onboarding/onboarding/_progress_indicator.html.erb

@@ -0,0 +1,56 @@
+<div class="progress-indicator" data-controller="progress" data-progress-value="<%= @progress %>">
+  <div class="onboarding-progress-bar">
+    <div class="onboarding-progress-fill" style="--onboarding-progress-width: <%= @progress %>%"></div>
+  </div>
+
+  <div class="progress-steps">
+    <%
+      # Calculate current step index (1-based)
+      current_step_index = @current_step ? RailsOnboarding.configuration.step_index(@current_step[:name]) + 1 : 1
+    %>
+
+    <% RailsOnboarding.configuration.steps.each_with_index do |step, index| %>
+      <% step_number = index + 1 %>
+      <%
+        step_class = "progress-step"
+        step_class += " onboarding-completed" if step_number < current_step_index
+        step_class += " onboarding-current" if step_number == current_step_index
+        step_class += " onboarding-upcoming" if step_number > current_step_index
+      %>
+
+      <div class="<%= step_class %>" data-step="<%= step_number %>">
+        <div class="step-marker">
+          <% if step_number < current_step_index %>
+            <span class="step-check">✓</span>
+          <% elsif step_number == current_step_index %>
+            <span class="step-number"><%= step_number %></span>
+          <% else %>
+            <span class="step-number"><%= step_number %></span>
+          <% end %>
+        </div>
+
+        <%# No .step-title here: that class is the page heading everywhere else
+            (application.css pairs it with .step-heading at 3xl/700), so using it
+            for a progress label rendered each step name at heading size. The
+            surrounding .step-label already supplies the intended styling. %>
+        <div class="step-label"><%= step[:title] %></div>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="onboarding-progress-text">
+    <span class="current-progress">Step <%= current_step_index %></span>
+    <span class="total-steps">of <%= @total_steps %></span>
+    
+    <% if RailsOnboarding.configuration.enable_milestones && defined?(current_user) && current_user %>
+      <div class="milestone-progress">
+        <span class="milestone-points">🏆 <%= current_user.total_milestone_points %> points</span>
+        <% if current_user.recent_milestones(limit: 1).any? %>
+          <span class="recent-milestone">
+            Latest: <%= current_user.recent_milestones(limit: 1).first[:icon] %> <%= current_user.recent_milestones(limit: 1).first[:title] %>
+          </span>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/rails_onboarding/onboarding/_step_navigation.html.erb

@@ -0,0 +1,44 @@
+<nav class="step-navigation" data-controller="navigation">
+  <div class="navigation-buttons">
+    <div class="navigation-center">
+      <% if @current_step && @current_step[:skippable] %>
+        <div class="skip-options">
+          <%= form_with url: rails_onboarding.skip_onboarding_path, method: :post, local: true, class: "onboarding-form" do |form| %>
+            <%= form.submit "Skip this step", class: "secondary-action" %>
+          <% end %>
+
+          <%= form_with url: rails_onboarding.skip_onboarding_path(skip_all: true), method: :post, local: true, class: "onboarding-form" do |form| %>
+            <%= form.submit "Exit onboarding", class: "secondary-action" %>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+
+  <div class="help-tooltip" data-navigation-target="helpTooltip" hidden>
+    <div class="tooltip-content">
+      <h4>Need assistance?</h4>
+      <p>
+        <% if @current_step %>
+          <% case @current_step[:name] %>
+        <% when :welcome %>
+            This onboarding will help you get familiar with the key features. You can skip any step that's not mandatory.
+          <% when :profile %>
+            Setting up your profile helps personalize your experience. All settings can be changed later.
+          <% when :first_action %>
+            Choose any action that interests you most - you can explore all features after onboarding.
+          <% when :explore %>
+            This overview shows you what's available. Don't worry about remembering everything!
+          <% else %>
+            Take your time with each step. You can always access help from the main menu later.
+          <% end %>
+        <% else %>
+          Take your time with each step. You can always access help from the main menu later.
+        <% end %>
+      </p>
+      <button type="button" class="close-help" data-action="click->navigation#hideHelp">
+        Got it
+      </button>
+    </div>
+  </div>
+</nav>

data/app/views/rails_onboarding/onboarding/step.html.erb

@@ -0,0 +1,38 @@
+<div class="generic-step">
+  <div class="step-description">
+    <p class="step-intro">
+      <% if @current_step %>
+        Welcome to the <%= @current_step[:title].downcase %> step of your onboarding journey.
+      <% else %>
+        Welcome to this step of your onboarding journey.
+      <% end %>
+    </p>
+  </div>
+
+  <div class="step-content">
+    <% if @current_step %>
+      <div class="step-placeholder">
+        <h2>Step: <%= @current_step[:title] %></h2>
+        <p>This step is not yet fully configured. Please contact support if you see this message.</p>
+
+        <div class="step-debug">
+          <strong>Debug Info:</strong><br>
+          Step Name: <%= @current_step[:name] %><br>
+          Step Title: <%= @current_step[:title] %><br>
+          Skippable: <%= @current_step[:skippable] %><br>
+          Progress: <%= @progress %>/<%= @total_steps %>
+        </div>
+      </div>
+    <% else %>
+      <div class="step-error">
+        <h2>Configuration Error</h2>
+        <p>No step information is available. Please check your onboarding configuration.</p>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="onboarding-actions">
+    <%= render 'step_navigation' %>
+  </div>
+</div>
+<%= render 'custom_footer' %>