<!-- HEADER -->
<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">	
		<div class="header row">			
			<div class="nav" >
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" id="back-home">
					<a href="javascript:void(0);" ng-click="go('back')">
						<img class="img-responsive" src="img/back_chevron.png"/>
					</a>
				</div>
				<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8"><h4 class="center" translate>
					Send to...
				</h4></div>
				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
					
				</div>
			</div>
		</div>				
	</div>
</div>
<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<div class="row">
			<div class="player-wrapper share">
			    <div class="panel popup panel-default">
					<div class="panel-body" style="min-height: {{screen_height-52}}px;">					
						<div class="watuu-image-wrapper col-xs-3">
							<div class="row">
								<img src="{{img_path}}/imagefile.php?sku={{current_watuu.guid}}&thumbsize=200" id="album-image" class="watuu-image img-responsive" alt="Responsive image">
								<div class="player-btn-wrapper">											
									<audio id="watuu-ff-player" type="audio/mpeg" src="{{current_mp3}}" audio-events ></audio>
									<div class="controls mejs-play">
										<button title="Play/Pause" type="button" ng-click="playPause($event)"></button>
									</div>						
				                </div> 
				            </div>  	
						</div>
						<div class="col-xs-9">	
							<div class="watuu-title-dialog">{{current_watuu.title}}</div>
							<div class="watuu-author-dialog">{{current_watuu.artist}}</div>	
						</div>
						<div class="clearfix"></div>
						<div id="watuu-lyrics col-xs-12" class="watuu-lyrics">	
							{{current_watuu.lyrics}}
						</div>			             
						
						<div class="send-wrapper">
							<div class="send-info">
							<span><img src="img/arrow_icon.png" /></span>
							<span>{{current_contact.name}}</span>&nbsp;&nbsp;
							<a href="javascript:void(0);" class="glyphicon glyphicon-refresh" ng-click="go('/contacts')"></a>
							</div>
							<textarea class="message" ng-model="message"></textarea>
							<div class="row">
								<div class="col-xs-12">
									<div ng-if="current_contact.type == 'phone'">
										<div ng-if="current_contact.email != ''">
											<div class="row share-action"><div class="col-xs-12 center"><button class="btn btn-primary btn-block" ng-click="sendSMS()" translate>SMS</button></div></div>
											<div class="row share-action"><div class="col-xs-12 center"><button class="btn btn-primary btn-block" ng-click="sendEmail()" translate>Email</button></div></div>
										</div>
										<div ng-if="current_contact.email == ''">
											<div class="row share-action"><div class="col-xs-12 center"><button class="btn btn-primary btn-block" ng-click="sendSMS()" translate>SMS</button></div></div>
										</div>
									</div>
									<div ng-if="current_contact.type == 'facebook'">
										<div class="row share-action"><div class="col-xs-12 center"><button class="btn btn-primary btn-block" ng-click="sendFBMessage()" translate>Facebook MSG</button></div></div>
									</div>
									<div ng-if="current_contact.type == 'watuu'">
										<div ng-if="current_contact.email != ''">
											<div class="row share-action"><div class="col-xs-12 center"><button class="btn btn-primary btn-block" ng-click="sendEmail()" translate>Email</button></div></div>
											<div class="row share-action"><div class="col-xs-12 center"><button class="btn btn-primary btn-block" ng-click="sendChatMsg()" translate>Message</button></div></div>
										</div>
									</div>
									<div class="clearfix"></div>
									<img style="width: 16px; margin: 0 auto; display: none;" class="loading-status" src="img/loading-impar.gif"/>
								</div>
							</div>
						</div>

			         </div>   
			     </div>
			 </div>
		 </div>
	 </div>
 </div>
     
