<div id="container-conversations">
	<div class="row ng-scope">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<div class="row">
				<div class="header">
					<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>Conversations</h3>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
							
					</div>
				</div>
			</div>
		</div>
	</div>	
	<div class="row" style="min-height: {{screen_height-50}}px; background-color: #FFF;">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">		
			<a ng-repeat="conversation in conversations" id="{{conversation.other_partyXMPP}}" ng-click="setJabberIdAndLocalNameAndRemoteNameAndImgName(conversation.other_partyXMPP, conversation.other_partyName, conversation.user_img_name); go('/chat')" href="javascript:void(0)" class="jabber_id">
		    	<div class="row conversation">
		       		<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
		       			<div class="row center container-pic">
			       			<span class="contact-pic-wrapper"><img id="contact-pic" class="contact-pic" src="{{conversation.user_img_name && conversation.user_img_name || 'img/no_contact_large.png'}}" alt="&#63;"/></span>
			       		</div>	
		       		</div>
		       		<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
		       			<div class="details-conversations-{{$even && 'par' || 'impar'}} row">
		       				<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
		       					<div class="row" id="contact-name">{{conversation.other_partyName}}</div>
		       				</div>
		       				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 without-padding">
		       					<div class="row conversation-date" id="status-{{conversation.conversationID}}"><img class="loading-status" src="img/{{$even && 'loading-par' || 'loading-impar'}}.gif"/></div>
		       				</div>
			       		</div>	
		       		</div> 		 			  
		        </div>
	        </a>       
		</div>
	</div>
</div>			
