<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<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-home row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-2">
						<div id="back-button">
							<a href="javascript:void(0);" ng-click="setTmpMsgsArr(null); go('/conversations', 'none')">
								<img class="img-responsive" src="img/back_chevron.png">
							</a>
						</div>	
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-8">
						<div id="propose-watuu-title">{{contact_name}}</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-2">
							
					</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" >
		        <div>     
					<div id="chat-area" >
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 messages" style="min-height: {{screen_height-94}}px;">
								<ul id="messages_log" style="list-style: none; padding-left: 5px;"></ul>		
							</div>
						</div>
						
						<div class="row" id="watuu-message">
							<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
								<a href="javascript:void(0)" ng-click="setShareOnChat(1); go('/home');">
									<img id="btnwatuu" src="img/watuubtn.png" alt="Watuu menu"/>
								</a>
							</div>
							<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" >
								<input class="form-control" id="chat-input" placeholder="{{'Enter your message'|translate}}" type="text" name="message" ng-model="message" required>
							</div>
						</div>	
					</div>
				</div>	    
			</div>
		</div>
	</div>
	
	<!-- INPUT HIDDEN TO STORE IF THE USER IS TYPING -->
	<input type="hidden" name="composing" id="composing" value="false"/>
</div>				
