.comable-page
  .comable-page-heading
    h1.page-header
      = Comable.t('admin.nav.dashboard')

  .comable-page-body
    section.row
      .col-md-4
        - number = @this_week_orders.count
        = render 'widget',
          title: Comable.t('admin.new_orders'),
          number: number_with_delimiter(number),
          progress: (number.to_f / @last_week_orders.count) * 100,
          color: 'green',
          fa: 'shopping-cart'

      .col-md-4
        - number = @this_week_orders.sum(:total_price)
        = render 'widget',
          title: Comable.t('admin.sales'),
          number: number_to_currency(number),
          progress:  (number.to_f / @last_week_orders.sum(:total_price)) * 100,
          color: 'blue',
          fa: 'dollar'

      .col-md-4
        - number = @this_week_users.count
        = render 'widget',
          title: Comable.t('admin.new_users'),
          number: number_with_delimiter(number),
          progress: (number.to_f / @last_week_users.count) * 100,
          color: 'black',
          fa: 'user'

    section
      .panel.panel-default
        .panel-body
          #comable-morris.morris style="height: 300px;"

      javascript:
        comable_morris_data = #{raw @this_month_orders.to_morris};
        comable_morris_keys = #{raw Comable::Order.morris_keys};
        comable_morris_labels = ['#{Comable.t('admin.order_count')}', '#{Comable.t('admin.sales')}'];