<div class="row background-menu" id="option-list" style="min-height: {{screen_height}}px;" ng-swipe-right="go('/home', 'none')">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="menu-title">
					<a id="back-home" href="javascript:void(0);" ng-click="go('/home', 'none')">
						<img class="img-responsive" src="img/back_chevron.png"/>
					</a>
					<h4><a href="javascript:void(0);" ng-click="go('/home', 'none')" translate>Options</a></h4>
				</div>
			</div>
		</div>
		<hr id="delimiter-title">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<a href="javascript:void(0);" ng-click="showStatus()" class="menu-option">
					<img class="img-responsive icon-menu" src="img/status-option.png" alt="Watuu chat"/>
					<span class="text-menu" translate>Status</span>
					<img id="" class="arrow img-responsive" src="img/right-arrow.png" alt="Watuu chat"/>
				</a>
			</div>
		</div>
		<hr>
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<a href="javascript:void(0);" class="menu-option" ng-click="go('/propose', 'none')">
					<img class="img-responsive icon-menu" src="img/propose-option.png" alt="Watuu chat"/>
					<span class="text-menu" translate>Propose</span>
					<img id="" class="arrow img-responsive" src="img/right-arrow.png" alt="Watuu chat"/>
				</a>	
			</div>
		</div>
		<hr>
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<a href="javascript:void(0);" ng-click="about()" class="menu-option">
					<img class="img-responsive icon-menu" src="img/about-option.png" alt="Watuu chat"/>
					<span class="text-menu" translate>About</span>
					<img id="" class="arrow img-responsive" src="img/right-arrow.png" alt="Watuu chat"/>
				</a>	
			</div>
		</div>
		<hr>
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<a href="javascript:void(0);" ng-click="go('/change-password', 'none')" class="menu-option">
					<img class="img-responsive icon-menu" src="img/setting-option.png" alt="Watuu chat"/>
					<span class="text-menu" translate>Settings</span>
					<img id="" class="arrow img-responsive" src="img/right-arrow.png" alt="Watuu chat"/>
				</a>	
			</div>
		</div>
		<hr>
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<a href="javascript:void(0);" ng-click="go('/privacy-policy', 'none')" class="menu-option">
					<img class="img-responsive icon-menu" src="img/policy-option.png" alt="Watuu chat"/>
					<span class="text-menu" translate>Privacy Policy</span>
					<img id="" class="arrow img-responsive" src="img/right-arrow.png" alt="Watuu chat"/>
				</a>
			</div>
		</div>
	</div>
	<div class="warner-logo">
		<img src="img/side.png"/>
	</div>
	<!-- Initialize About Dialog -->	
	<div class="modal fade small-dialog" id="about-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header" translate>
	        		About Watuu
	        	</div>
	        	<div class="modal-body">
	        	</div>
	        	<div class="modal-footer">
	        		<div class="row">
	        			<div class="col-xs-12">
							<div class="btnleft col-xs-6"><a href="javascript:void(0);" data-dismiss="modal" translate>Close</a></div>
							<div class="btnright col-xs-6"><a href="javascript:void(0);" data-dismiss="modal" ng-click="go('/credits')" translate>Credits</a></div>
						</div>
					</div>
	        		
	        	</div>
	      	</div>
	    </div>
	</div>
	<!-- Initialize Status Dialog -->	
	<div class="modal fade small-dialog" id="status-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header">
	        		
	        	</div>
	        	<div class="modal-body">
	        		<form role="form" name="statusform" id="statusform" ng-enter="updateStatus()">
					  <div class="form-group">	
					  	<label translate>Update your status</label>			    
					    <input class="form-control" id="status" placeholder="{{'I am thinking on ...'|translate}}" type="text" name="status" ng-model="status" required>				    					
					  </div>
					</form>
	        	</div>
	        	<div class="modal-footer">
	        		<div class="row">
	        			<div class="col-xs-12">
							<div class="btnleft col-xs-6"><a href="javascript:void(0);" data-dismiss="modal" translate>Close</a></div>
							<div class="btnright col-xs-6"><a href="javascript:void(0);" ng-click="updateStatus()" translate>OK</a></div>
						</div>
					</div>
	        		
	        	</div>
	      	</div>
	    </div>
	</div>
</div>	