<div class="row navbar-fixed-top fixed-header">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<div class="header row">
			<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
				<a href="javascript:void(0);" ng-click="go('/menu', 'none')">
					<img id="btnmenu"  class="img-responsive" src="img/btnmenu.png" alt="Watuu menu"/>
				</a>	
			</div>
			<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
				<h3 class="center" translate>Contacts</h3>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
				<a href="javascript:void(0);" ng-click="go('/search-friends', 'none')" class="pull-right">
					<img  class="img-responsive btnmenu" src="img/find.png" alt="Watuu menu"/>
				</a>	
			</div>
		</div>
	</div>	
</div>
<div class="row padding-for-fixed-header">
	<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">		
							<input type="text" class="form-control" value="" placeholder="{{'Filter by contact name'|translate}}" ng-model="query" />
							<input type="hidden" name="token" value="" />
						</form>
					</div>
				</div>		
			</div>
			<div class="row contacts-source-selector">
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 w-contacts active">
					<a href="javascript:void(0);" ng-click="go('/watuu-contacts', 'none')" ><img src="img/w_tab.png" /></a>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 fb-contacts">
					<a href="javascript:void(0);" ng-click="go('/facebook-contacts', 'none')" ><img src="img/fb_tab.png" /></a>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 phone-contacts">
					<a href="javascript:void(0);" ng-click="go('/contacts', 'none')" ><img src="img/phone_tab.png" /></a>
				</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>
							<li ng-repeat="contact in watuu_contacts | filter:query">
							<a href="javascript:void(0);" ng-click="setWatuuContact(contact)">
								<span class="contact-pic-wrapper"><img class="contact-pic" src="{{contact.photo}}" alt="?"/></span>
								<span class="name">{{contact.display_name}}</span>
								<span class="pull-right contact-icon email" email="{{contact.email}}"><img src="img/sms.png"/></span>
							</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>
</div>