extends ./grid
block vars
	- var script = "inventoryAtLocation"
block left
	event(params="deliveries")
block middle
	div(data-ng-show="inventoryLoaded", class="inner")
		div(class="inset")
			div(ng-include, src="'configure_linkTemplate'")
			br
			div(class="accordion-container")
				div(class="accordion accordion-dir", data-ng-repeat="uom in uoms")
					div(class="accordion-header")
						h3(id="heading_{{ uom }}", style="text-transform:uppercase;") {{ uom == 'percent' ? '%' : uom }}
					div(class="accordion-section")
						div(class="inset")
							div(id="{{ uom }}", align="center", style="margin:0 5px; height:100%;")
								div(class="bar-chart", chart="data", data-uom="{{ uom }}", data-config="{{chartConfig}}")
			div(class="pull-right")
				form(class="form-search")
					input(id="input-search", class="input-medium search-query", data-ng-model="searchText", type="text", placeholder="#{__("Search...")}")
			div(class="clear")
			div(ng-include, src="'configure_materialsAtTemplate'")

		include pager

block right
	// event(params="events")