<div class="govuk-grid-row">
  <div class="govuk-width-container">
    <div class="govuk-grid-column-two-thirds">
      <div class="govuk-grid-row govuk-!-margin-bottom-7">
        <span class="govuk-body-l"><%= "Welcome back, #{@current_user.name}" %></span>
        <h1 class="govuk-heading-l"><%= heading_for_user_role(@current_user) %></h1>
      </div>
      <div class="govuk-grid-row">
        <div class="app-data-box-group">
          <% if @current_user.support? || (@current_user.data_coordinator? && @current_user.sales_logs.present?) %>
            <div class="app-data-box-group-one-third">
              <div class="app-data-box-one-third">
                <span><%= render partial: "home/data_box", locals: { type: "lettings" } %></span>
              </div>
              <div class="app-data-box-one-third">
                <span><%= render partial: "home/data_box", locals: { type: "sales" } %></span>
              </div>
              <div class="app-data-box-one-third">
                <span><%= render partial: "home/data_box", locals: { type: "schemes" } %></span>
              </div>
            </div>
          <% else %>
            <div class="app-data-box-group-one-half">
              <div class="app-data-box-one-half">
                <span><%= render partial: "home/data_box", locals: { type: "lettings" } %></span>
              </div>
              <% if @current_user.data_coordinator? %>
                <div class="app-data-box-one-half">
                  <span><%= render partial: "home/data_box", locals: { type: "schemes" } %></span>
                </div>
              <% elsif @current_user.sales_logs.present? %>
                <div class="app-data-box-one-half">
                  <span><%= render partial: "home/data_box", locals: { type: "sales" } %></span>
                </div>
              <% else %>
                <div class="app-data-box-one-half">
                  <span><%= render partial: "home/data_box", locals: { type: "misc" } %></span>
                </div>
              <% end %>
            </div>
          <% end %>
        </div>
      </div>
      <div class="govuk-grid-row">
        <div class="app-data-box__underline">
          <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8">
        </div>
      </div>
      <div class="govuk-grid-row">
        <%= render partial: "layouts/collection_resources" %>
        <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8 app-tab__underline">
        <%= render partial: "home/upcoming_deadlines" %>
        <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8">
        <%= render partial: "layouts/about_this_service" %>
      </div>
    </div>
  </div>
</div>