<div header></div>
<div class="container-fluid">	
	<div class="general-padding bg-input-search">
		<div class="container-input center-block">
			<form ng-submit="submit()">
				<span class="icon-search" ng-click="submit()"></span>
				<input type="text" ng-model="query" placeholder="{{'WEBAPP_LOOKING_FOR' | dict }}" required/>
				<button type="reset"></button>
				<span class="icon-delete"></span>
				<!--button type="submit" ng-click="submit()"></button-->
			</form>
		</div>

		<!-- LOADER -->
		<div ng-show="phase == 'waitFirst' || phase == 'waitAfter'">
			<div class="center-block general-padding">		
				<div class="loader"></div>
			</div>	
		</div>


		<!-- NO RESULT MESSAGE -->
		<div class="result general-padding" ng-show="phase == 'void'">
			<h3 class="small italic center"><dict key="WEBAPP_GOLD_SEARCH_NORESULTS"></dict></h3>
		</div>	

	</div>	


	<!-- NO RESULT -->
	<div class="noResult" ng-show="phase == 'none' || phase == 'waitFirst' || phase == 'void'">
		<div class="other-news">	
			<div class="general-padding">
				<div class="both {{ 'TEMPLATING_ITEM_SEARCH_OTHERS' | config }}">
					<h3 class="small row-title general-margin-b uppercase special-font"><dict key="WEBAPP_OTHER_NEWS"></dict></h3>
					<div ng-repeat="item in latestNews" class="item-layout ng-scope"> 
						<!-- BLOCK REPEAT ITEM - REMAIN -->
						<item content="item" class="both ng-isolate-scope" callback="trackClickOther(item.title, $index)"></item>
					</div>	
				</div>
			</div>	
		</div>		

		<!-- LIST POPULAR CATEGORIES -->
		<div class="general-padding bg-first">
			<h3 class="small general-margin-t general-margin-b uppercase special-font">{{'WEBAPP_POPULAR_CATEGORIES' | dict }}
			</h3>
		</div>	

		<div ng-repeat="item in categoriesList" >
			<div class="simple-list simple-list--single-line">
				<a ng-href="{{item.url_zoom}}" title="{{item.title}}" ng-click="trackClickCategory($event, item.title, $index)">
					<h2>{{item.title}}</h2>
					<span class="icon-arrow_dx"></span>
				</a>
			</div>	
		</div>
	</div>
	<!-- CLOSE NO RESULT -->

	<!-- CLOSE RESULT -->

	<!-- RESULT -->
	<div class="result" ng-show="phase == 'waitAfter' || phase == 'result'">
		<div infinite-scroll infinite-callback="getOtherNews" infinite-enable="gettingResult" infinite-offset="0">
			<scrolltotop></scrolltotop>
			<div class="other-news">	
				<div class="general-padding">
					<div class="both row">
						<h3 class="small double-general-margin-b uppercase special-font">{{'WEBAPP_RESULTS' | dict }}: <span class="h2">{{searchedFor}}</span></h3>
						<div ng-repeat="item in results" class="item-layout ng-scope">
						
							<item content="item" class="both ng-isolate-scope" callback="trackClickResult(item.title, $index)"></item>

						</div>
					</div>	
				</div>
			</div>
		</div>	
		<div ng-show="gettingOtherNews">
			<div class="center-block general-padding">
				<div class="loader"></div>
			</div>	
		</div>		
	</div>
	<!-- CLOSE RESULT -->	

</div>
<footer ng-show="showFooter"></footer>