<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<div class="header row">
			<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
				<a href="javascript:void(0);" ng-click="go('/watuu-contacts', 'none')">
					<img id="btnmenu"  class="img-responsive" src="img/back_chevron.png" alt="Watuu menu"/>
				</a>	
			</div>
			<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
				<h3 class="center" translate>Add friends</h3>
			</div>
			<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
					
			</div>
		</div>
	</div>	
</div>
<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 contacts-wrapper">
		<div style="min-height: {{screen_height-50}}px; background-color: #ffffff;" class="row">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<!-- SEARCH BAR -->
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<div class="background-input-thin row">
						<form method="POST" action="" class="form-inline" role="form" ng-submit="searchFriends(query);">		
							<input type="text" class="form-control" value="" placeholder="{{'Enter name, nickname or email'|translate}}" ng-model="query" />
							<input type="hidden" name="token" value="" />
						</form>
					</div>
				</div>		
			</div>
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<div class="row phone-contacts-wrapper">
						<ul ng-if="no_results == 0">
							<li ng-repeat="contact in watuu_users">
							<a href="javascript:void(0);" id="{{contact.id}}" ng-click="addContact(contact)">
								<img class="contact-pic" src="img/no_contact_large.png"/>
								<span class="name" ng-if="contact.firstname">{{contact.firstname}} {{contact.lastname}}</span>
								<span class="name" ng-if="!contact.firstname">{{contact.email}}</span>
								<span class="pull-right contact-icon glyphicon glyphicon-plus"></span>
							</a>
							</li>
						</ul>
						<div ng-if="no_results == 1">
							<br/><br/><br/><h4 class="center" translate>No friends found</h4>
						</div>
						<div ng-if="too_many_results == 1">
							<br/><br/><br/><h4 class="center" translate>Too many results, please narrow down the search</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>
</div>