@using System.Globalization

@using ApacKernel.Web
@using ApacSale.Web.MVC
@using Now.Web
@model Now.Entities.DistributionCenterSummary
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    var currentMode = ViewBag.Mode;
    var numberFormat = new CultureInfo("en-AU").NumberFormat;
}
@section topMenu
{
    @Html.ActionLink("Today", "DcNow", new { controller = "DistributionCenter" }, new { @class = "top-menu-link" })
    @Html.ActionLink("Yesterday", "DcHistorical", new { controller = "DistributionCenter", rangeName = "Yesterday", locationCode = ViewBag.LocationCode }, new { @class = (currentMode == "Yesterday" ? "top-menu-link top-menu-link__selected" : "top-menu-link") })
    @Html.ActionLink("This" + SpecialSymbols.NBSP + "Month", "DcHistorical", new { controller = "DistributionCenter", rangeName = "ThisMonth", locationCode = ViewBag.LocationCode }, new { @class = (currentMode == "ThisMonth" ? "top-menu-link top-menu-link__selected" : "top-menu-link") })
    @Html.ActionLink("Last" + SpecialSymbols.NBSP + "Month", "DcHistorical", new { controller = "DistributionCenter", rangeName = "LastMonth", locationCode = ViewBag.LocationCode }, new { @class = (currentMode == "LastMonth" ? "top-menu-link top-menu-link__selected" : "top-menu-link") })

}
<script type="text/javascript">
    window.noUpdate = true;
    window.gaugeData = @Html.Raw(Json.Encode(Model));
</script>

<div id="block-revenue-body">
    <div id="ff-distribution" class="block-revenue" role="ff-distribution">
        <h2 class="block-revenue-title">Distribution Center</h2>
       

        <div id="ff-gauges" class="block-gauges clearfix">
            <div class="block-revenue-report block-revenue-report-h">
                <div class="block-revenue-stat-td-label">Receiving</div>
                <div id="containerGaugeTotalReceiving"></div>
                <div class="block-revenue-stat-td-data"><span id="lbReceivingTotalUnits">@Model.ReceivedQtyTotal.ToString("#,0", numberFormat)</span></div>
                <div class="block-revenue-stat-td-label">Units</div>
            </div>
            <div class="block-revenue-report block-revenue-report-h">
                <div class="block-revenue-stat-td-label">Sorting</div>
                <div id="containerGaugeTotalSorting"></div>
                <div class="block-revenue-stat-td-data"><span id="lbSortingTotalUnits">@Model.PickedQtyTotal.ToString("#,0", numberFormat)</span></div>
                <div class="block-revenue-stat-td-label">Units</div>
            </div>
            <div class="block-revenue-report block-revenue-report-h">
                <div class="block-revenue-stat-td-label">Packing</div>
                <div id="containerGaugeTotalPacking"></div>
                <div class="block-revenue-stat-td-data"><span id="lbPackingTotalConsignments">@Model.ConsignmentsDispatchedQtyTotal.ToString("#,0", numberFormat)</span></div>
                <div class="block-revenue-stat-td-label">Consignments</div>
            </div>            
        </div>

       
    </div>
</div>
@Html.IncludeJSResources()


<script type="text/javascript">
    $(window.gaugeData).attr("prevReceivingPerHour", 0);
    $(window.gaugeData).attr("prevSortingPerHour", 0);
    $(window.gaugeData).attr("prevPackingPerHour", 0);

    createGauge('containerGaugeTotalReceiving', 'units/h', 'h', 6000, "prevReceivingPerHour", "ReceivingQtyPerHour");
    createGauge('containerGaugeTotalSorting', 'units/h', 'h', 6000, "prevSortingPerHour", "PickedQtyPerHour");
    createGauge('containerGaugeTotalPacking', 'consignments/h', 'h', 6000, "prevPackingPerHour", "ConsignmentsDispatchedQtyPerHour");
</script>