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

<div ng-controller="MovementReportController 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-cubes fa-stack-1x"></i>
        </span>
         @ViewBag.Title
    </h1>
    <div class="row hidden-print">
        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-body">
                    <month-query query-fn="vm.loadData"></month-query>
                </div>
                <div class="panel-footer" ng-show="vm.movementData.items.length">
                    <button ng-click="vm.export(vm.movementData.month)"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Export</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row" ng-show="vm.movementData.items.length">
        <div class="col-md-12">
            <h3>{{vm.movementData.month | date:'MMMM yyyy'}}</h3>
            <movement-report movement-data="vm.movementData"></movement-report>
        </div>
    </div>
</div>