18F/micropurchase

<div class="auction-show">
  <div class="auction-header-wrapper">
    <div class="usa-grid">
      <div class="auction-title">
        <h1><%= @view_model.title %></h1>
        <div class="auction-subtitles">
          <div class="auction-subtitle">
            <div class="bidding-status">
              <%= render partial: 'auctions/bidding_status_label',
                locals: { status: @view_model.bidding_status_presenter } %>
            </div>
          </div>
          <div class="auction-subtitle">
            <%= @view_model.relative_time %>
          </div>
          <div class="auction-subtitle">
            <%= @view_model.bid_label %>
          </div>
        </div>
      </div>

      <%= render partial: 'auctions/subnav' %>
    </div>
  </div>

  <div class="usa-grid">
    <div class="usa-width-two-thirds">
      <%= render partial: 'admin/auctions/auction', locals: { auction: @view_model } %>
      <%= render partial: 'admin/auctions/bids', locals: { auction_bids: @view_model } %>
    </div>

    <div class="usa-width-one-third">
      <%= render partial: 'auctions/status',
        locals: { status: @view_model.admin_auction_status_presenter  } %>

      <%= render partial: 'admin/auctions/actions', locals: { auction: @view_model } %>

      <%= render partial: @view_model.admin_notes_partial,
        locals: { auction: @view_model.auction  } %>

      <div class="auction-detail-panel">
        <div class="auction-info">
          <% @view_model.admin_data.each do |label, data| %>
            <%= render partial: 'auctions/data',
              locals: { label: label, data: data } %>
          <% end %>
        </div>
      </div>
    </div>
  </div>