<section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>Kategorije</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer">
	<div class="row searchBar">
	    <div class="small-12 columns small-centered searchIssuesBox">
	    	<p>Pronađi prodavnicu</p>
			<input type="text" class="searchStores" ng-model="search">
			<input type="submit" id="searchButton" class="sButton" ng-tap="searchStores()">
	    </div>
	</div>
	<div class="row contentHolder container beforeSearch">
		<div class="large-12 columns">
				<div class="cats" ng-repeat="category in categories">
					<a ng-tap="$navigate.go('/rest/{{category.id}}', 'slide')">
						<span ng-bind-html-unsafe="category.title"></span>
					</a>
				</div>
		</div>
	</div>

	<div class="row contentHolder container searchSuccess">
		<div class="large-12 columns">
				<div class="cats" ng-repeat="term in searchResults">
					<a ng-tap="$navigate.go('/store/{{term.id}}', 'slide')">
						<span ng-bind-html-unsafe="term.title"></span>
					</a>
				</div>
		</div>
	</div>
	<p class="noSearchResult">Nema rezultata pretrage.</p>
</section>