<div class="widget">
    <div class="widget-header">
      <div class="title">
        <span class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></span> Current Statistics
      </div>
    </div>
    <div class="widget-body">
      <div class="easy-pie-charts-container">
        <div class="pie-chart">
          <div class="chart1" data-percent="100">
            <%= @user.paid_time_off.pto_days_remaining %>
          </div>
          <h5 class="name">
            Available PTO
          </h5>
        </div>
        <div class="pie-chart">
          <div class="chart2" data-percent="<%= @user.paid_time_off.sick_days_taken_percentage %>">
            <%= @user.paid_time_off.sick_days_taken %>
          </div>
          <h5 class="name">
            Sick Days Taken
          </h5>
        </div>
        <div class="pie-chart">
          <div class="chart3" data-percent="100">
            <%= @user.work_info.income %>
          </div>
          <h5 class="name">
            Income
          </h5>
        </div>
        <div class="pie-chart">
          <div class="chart4" data-percent="100">
            <%= @user.performance.last.score %>
          </div>
          <h5 class="name">
            Performance Score
          </h5>
        </div>
        <div class="pie-chart">
          <div class="chart5" data-percent="91">
             <%= @user.retirement.total %>
          </div>
          <h5 class="name">
            401k
          </h5>
        </div>
        <div class="clearfix">
        </div>
      </div>
    </div>
  </div>

