<div class="dataWrap dataWrap--partnerTotals brick brick brick--theme-grey">
  <div class="flex mg-b-2" style="justify-content: space-between;">
    {{dashboards/revenue/date-picker
      isDateFilterDisabled=(or isGettingRevenueData isGettingSubscriptionsData)
      updateRevenueData=(action 'updateFilter')
    }}

    <div class="flex__item">
      <span class="sub-text">* {{i18n 'All revenue values are estimated (in $USD)'}}</span>
      <span class="what balloon-wrapper">
        {{~i18n '?'~}}
        <div class="balloon balloon--md balloon--left balloon--center balloon--fancy balloon--purple">
          {{i18n 'Estimated revenue presented may differ from actual revenue payouts due to timing and/or accounting issues. These figures are meant to be used as a rough guide.'}}
        </div>
      </span>
    </div>
  </div>

  <div class="brick brick--marked brick--theme-white">
    {{dashboards/revenue/revenue-totals
      isLoading=isGettingRevenueData
      rangeSubRevenue=rangeSubRevenue
      rangeAdRevenue=rangeAdRevenue
      rangeTPrimeRevenue=rangeTPrimeRevenue
      rangeBitsRevenue=rangeBitsRevenue
      compareStartDate=compareStartDate
      compareEndDate=compareEndDate
      compareRangeSubRevenue=compareRangeSubRevenue
      compareRangeAdRevenue=compareRangeAdRevenue
      compareRangeTPrimeRevenue=compareRangeTPrimeRevenue
      compareRangeBitsRevenue=compareRangeBitsRevenue
      isBitsOnboarded=isBitsOnboarded
    }}
  </div>
</div>

{{dashboards/revenue/revenue-graphs
  isRevLoading=isGettingRevenueData
  isSubLoading=isGettingSubscriptionsData
  revenueData=revenueChartData
  subscriptionsData=subscriptionsChartData
}}
