<div ng-controller="wizdom365CanteenMenuAdministrationCanteens as vm" class="faq lt-module-page">

	<div class="lt-module-page__top lt-module-page-top">
		<div class="lt-module-page-top__title">
			<h1>{{'Canteens' | translate}}</h1>
		</div>
		<div class="lt-module-page-top__actions">
			<button class="btn btn-success" ng-click="vm.editCanteen(-1)" type="button">{{"Create canteen" | translate}}</button>
		</div>
	</div>

	<div class="panel panel-default lt-module-page__content-panel">
		<div class="panel-heading">{{'Canteens' | translate}}</div>
		<ul class="list-group lt-list" ng-show="vm.canteens.length">

			<li class="list-group-item lt-list__item lt-flextable__table">
				<div class="lt-flextable__row lt-flextable__row-heading">{{'Canteen' | translate}}</div>
				<div class="lt-flextable__row lt-flextable__row-heading">{{'Location' | translate}}</div>
				<div class="lt-flextable__row lt-flextable__row-heading"></div>
			</li>

			<li class="list-group-item lt-list__item lt-flextable__table" ng-repeat="canteen in vm.canteens track by $index">
				<div class="lt-list-item__title lt-list-item__title lt-flextable__row">{{canteen.title}}</div>
				<div class="lt-flextable__row">
					<span>{{canteen.location}}</span>
				</div>
				<div class="lt-list-item__actions lt-flextable__row">
					<span class="streamline icon-pencil-1" ng-click="vm.editCanteen(canteen.id)" aria-hidden="true"></span>
				</div>
			</li>
		</ul>
		<div wizdom365-spinner="" loading="loading"></div>
	</div>


	<!-- { {vm.canteen s} } -->

</div>

