<div class="onboarding-over"></div>

<div class="onboarding-hold">
  <div class="onboarding-wrap three-border box-shadow">
    <div class="onboarding-head three-border">
      <ul class="completed group">
        <li class="step-one<%= '-done' if @current_step_index > 0 %> left"></li>
        <li class="step-two<%= '-done' if @current_step_index > 1 %> left"></li>
        <li class="step-three<%= '-done' if @current_step_index > 2 %> left"></li>
      </ul>

      <h1><%= @onboarding_heading %></h1>
      <h4><%= @onboarding_message %></h4>
    </div>

    <%= form_tag onboarding_path do %>
      <%= render :partial => "#{@current_step}_step" %>

      <div class="onboarding-foot three-border">
        <%= link_to 'No thanks, please close', dashboard_path %>
        <%= submit_tag 'Next', :class => 'onboarding-next three-border' %>
      </div>
    <% end %>
  </div>
</div>

<div class="onboarding-image">
  <%= image_tag "onboarding-trick.jpg" %>
</div>