@model IEnumerable<Now.Entities.DispatchedOrdersForPeriod>
@{
    ViewBag.Title = "Consolidation";
    Layout = "~/Views/Shared/_LayoutMaster.cshtml";
}
<script type="text/javascript">
	var model = @Html.Raw(Json.Encode(Model));
</script>
<div id="block-revenue-body" class="clearfix">
    <div id="block-revenue" class="block-revenue">
		<h2 class="workspace-content-title workspace-content-title__space">Consolidation</h2>
        <div class="card card__space">
            <div class="block-revenue-total" role="totalOrders"><!-- Saving --></div>
            <div class="block-revenue-stat" role="blockRevenueStatTable"><!-- Orders Consolidated Consignments --></div>

            <div id="block-gauges" class="block-gauges clearfix">
                <div>
                    <div id="containerGH" class="block-revenue-report block-revenue-report-h consolidation-pie"></div>
                    <div id="containerGM" class="block-revenue-report block-revenue-report-m consolidation-pie"></div>
                </div>
            </div>
            <div class="block-revenue-stat" role="blockRevenueConsignmentsTable"><!-- Consignments --></div>
        </div>
    </div>

    <div class="left block-revenue__tables">
        <div id="block-country-summary" class="st-table-block st-table-block__left-space">
			<h2 class="workspace-content-title workspace-content-title__space">Locations Summary</h2>

            <div class="card card__space">
                <table class="st-table">
                    <thead>
                        <tr>
                            <th class="st-table-th">&nbsp;</th>
                            <th class="st-table-th st-table-cell__right">Orders</th>
                            <th class="st-table-th st-table-cell__right">Consolidated</th>
                            <th class="st-table-th st-table-cell__right">%</th>
                            <th class="st-table-th st-table-cell__right">Consignments</th>
                            <th class="st-table-th st-table-cell__right">%</th>
                            <th class="st-table-th st-table-cell__right">Savings</th>
                            <th class="st-table-th st-table-cell__right">Units</th>
                            <th class="st-table-th st-table-cell__right">Days</th>
                        </tr>
                    </thead>
                    <tbody id="block-country-summary-table-body" role="block-country-summary-table-body">
                        <tr>
                            <td colspan="9" class="st-table-cell__center st-table-loading">Loading..</td>
                        </tr>
                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>

<!--********************************TEMPLATES************************************-->

<!----------------------------------Countries-------------------------------------->
<script type="text/template" class="template" role="blockCountrySummaryRow">
	<td class="st-table-td st-table-td__caption st-table-td__left"><%=LocationCode%></td>
	<td class="st-table-td st-table-cell__right"><%=OrdersQty%></td>
	<td class="st-table-td st-table-cell__right"><%=OrdersConsolidatedQty%></td>
	<td class="st-table-td st-table-cell__right"><%=OrdersQtyPercents%></td>
	<td class="st-table-td st-table-cell__right"><%=ConsignmentsQty%></td>
	<td class="st-table-td st-table-cell__right"><%=ConsignmentsQtyPercents%></td>
	<td class="st-table-td st-table-cell__right"><%=Savings%></td>
	<td class="st-table-td st-table-cell__right"><%=UnitsQty%></td>
	<td class="st-table-td st-table-cell__right"><%=AvgDaysFromApprovedToDispatched%></td>
</script>

<!-------------------------Orders/Consolidated/Consignments------------------------>
<script type="text/template" class="template" role="totalOrdersRow">
<tr>
    <td class="block-revenue-stat-td-data"><span class="decimal-format">$<%=TotalSaving%></span></td>
    <td class="block-revenue-stat-td-data"><span class="decimal-format"><%=TotalConsignments%></span></td>
    <td class="block-revenue-stat-td-data"><span class="decimal-format"><%=TotalUnits%></span></td>
	<td class="block-revenue-stat-td-data"><span class="decimal-format"><%=DaysFromApprovedToDispatchedSum%></span></td>
</tr>
<tr>
	<td class="block-revenue-stat-td-label">Savings</td>
    <td class="block-revenue-stat-td-label">Consignments</td>
    <td class="block-revenue-stat-td-label">Units</td>
    <td class="block-revenue-stat-td-label">Days</td>
</tr>
</script>

<!----------------------------Yesterday/This Week/Last Week-------------------------------------->
@if (ViewContext.HttpContext.GetOverriddenBrowser().IsMobileDevice)
{
    <script type="text/template" class="template" role="totalConsignmentsRow">
	<tr>
        <td class="block-revenue-hstat-td-data">
			<span class="decimal-format" id="lblConsignmentsSavedYesterday" role="lblConsignmentsSavedYesterday" title="<%=lblConsignmentsSavedYesterdayAttr%>"><%=lblConsignmentsSavedYesterdayText%></span></td>
        <td class="block-revenue-hstat-td-data">
			<span class="decimal-format" id="lblConsignmentsSavedThisWeek" role="lblConsignmentsSavedThisWeek" title="<%=lblConsignmentsSavedThisWeekAttr%>"><%=lblConsignmentsSavedThisWeekText%></span></td>
        <td class="block-revenue-hstat-td-data">
			<span class="decimal-format" id="lblConsignmentsSavedLastWeek" role="lblConsignmentsSavedLastWeek" title="<%=lblConsignmentsSavedLastWeekAttr%>"><%=lblConsignmentsSavedLastWeekText%></span></td>
    </tr>
    <tr>
        <td class="block-revenue-hstat-td-label">Yesterday</td>
        <td class="block-revenue-hstat-td-label">This&nbsp;Week</td>
        <td class="block-revenue-hstat-td-label">Last&nbsp;Week</td>
	</tr>
    </script>
}
else
{
    <script type="text/template" class="template" role="totalConsignmentsRow">
	<tr>
        <td class="block-revenue-hstat-td-data">
			<span class="decimal-format" id="lblConsignmentsSavedYesterday" role="lblConsignmentsSavedYesterday" title="<%=lblConsignmentsSavedYesterdayAttr%>"><%=lblConsignmentsSavedYesterdayText%></span></td>
        <td class="block-revenue-hstat-td-data"><span class="decimal-format" id="lblConsignmentsSavedThisWeek" role="lblConsignmentsSavedThisWeek" title="<%=lblConsignmentsSavedThisWeekAttr%>"><%=lblConsignmentsSavedThisWeekText%></span></td>
        <td class="block-revenue-hstat-td-data"><span class="decimal-format" id="lblConsignmentsSavedLastWeek" role="lblConsignmentsSavedLastWeek" title="<%=lblConsignmentsSavedLastWeekAttr%>"><%=lblConsignmentsSavedLastWeekText%></span></td>
    </tr>
	<tr>                    
        <td class="block-revenue-hstat-td-label">Yesterday</td>
        <td class="block-revenue-hstat-td-label">This&nbsp;Week</td>
        <td class="block-revenue-hstat-td-label">Last&nbsp;Week</td>
	</tr>
    </script>
}

<script src="/signalr/hubs"></script>