@using Microsoft.Web.Mvc.Html
@{
    ViewBag.Title = "Inventory Distribution Report";
}

<div ng-controller="DistributionReportController as vm">
    <h1 class="page-header">
        <span class="fa-stack" style="font-size: 50%">
            <i class="fa fa-file-o fa-stack-2x"></i>
            <i class="fa  fa-share-square fa-stack-1x"></i>
        </span>
        @ViewBag.Title
    </h1>
    <div class="row hidden-print">
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-body">
                    <date-range-query query-fn="vm.loadData"></date-range-query>
                </div>
                <div class="panel-footer" ng-show="vm.distributionData.length">
                    <button ng-click="vm.export(vm.query)"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Export</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row" ng-show="vm.distributionData.length">
        <div class="col-md-12">
            <distribution-report distribution-data="vm.distributionData"></distribution-report>
        </div>
    </div>
</div>