<!-- Account Summary Dialog -->
<div layout="screen" layout-id="account/affiliate" class="screen secondary" id="account-affiliate">
  <!-- header -->
  <div class="content-head">
    <!-- icon -->
    <div class="content-icon">
      <%= image_tag "content/icon_dollar.png", {:width => 24, :height => 24} %>
    </div>
    <!-- section head text -->
    <h1>affiliate report</h1>
    <%= render "screen_navigation" %>
  </div>
  <!-- end header -->

  <!-- profile scrolling area -->
  <div class="content-body">
    <div id="account-affiliate-content-scroller" class="content-body-scroller">
    </div>
  </div>
  <!-- end content scrolling area -->
</div>

<script type="text/template" id="template-account-affiliate">
  <!-- content wrapper -->
  <div class="content-wrapper account-affiliate">
    <br />
    <div class="account-left">
      <div style='float:right; margin-right:20px;'><h2>Total Count:&nbsp;&nbsp;{total_count}</h2></div>
      <br />
      <div style="overflow:scroll; margin-left: 50px; margin-top: 20px">
        <div style="float:left;">Registration Date</div><div style="float:left; margin-left:20px">Number of Users</div>
      <br />
      {by_date}
      </div>
    </div>
    <br clear="all" />
  </div>
  <!-- end content wrapper -->

</script>

