<div class="propose-container row">
<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="header-home row">
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-2">
					<div id="back-button">
						<a ng-click="go('/home', 'none')" href="javascript:void(0);">
							<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" translate>Propose Watuu</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-2">
						
				</div>
			</div>
		</div>	
	</div>
	<div class="row">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<div class="propose-information row">
				<p translate>Please let us know the watuu you would like to see included in our catalog.</p>
				<p class="strong-font" translate>Wee will let you know when we add it.</p>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<form role="form" name="proposeform" id="proposeform" class="row" ng-enter="proposewatuu()">
				<div id="container-form" class="">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
						<div id="required-text" translate>All fields required</div>
					</div>

					<div class="group-inline">
						<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
							<label class="simple-label" translate>Artist</label>
						</div>
						<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
							<input class="form-control" id="exampleInputEmail1" type="text" name="artist" ng-model="artist" required>		
						</div>
					</div>

					<div class="group-inline">
						<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
							<label class="simple-label" translate>Song</label>
						</div>
						<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
							<input class="form-control" id="exampleInputEmail1" type="text" name="song" ng-model="song" required>		
						</div>
					</div>

					<div class="group-inline">
						<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
							<label class="simple-label" translate>Album</label>
						</div>
						<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
							<input class="form-control" id="exampleInputEmail1" type="text" name="album" ng-model="album" required>		
						</div>
					</div>

					<div class="group-inline">
						<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
							<label class="simple-label" translate>Tags</label>
						</div>
						<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
							<input class="form-control" id="exampleInputEmail1" type="text" name="tags" ng-model="tags" required>		
						</div>
					</div>

					<div class="group-inline">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<label class="simple-label" translate>Lyrics</label>
						</div>
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<textarea class="form-control" rows="3" name="lyrics" ng-model="lyrics" required></textarea>
						</div>
					</div>	
				</div>	
			</form>
		</div>
	</div>		
	<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<div id="container-btn-propose" class="row">
			<div class="col-xs-6 cancel-propose">
			<div class="row">
			<a href="javascript:void(0);" ng-click="go('/home', 'none')">
				<span translate>Cancel</span>
			</a>
			</div>
		</div>
		<div class="col-xs-6 send-propose">
			<div class="row">
			<a href="javascript:void(0);" ng-click="proposewatuu()">
				<span translate>Send</span>
			</a>
			</div>
		</div>
		</div>
	</div>
	</div>
	
	<!-- Initialize Propose Error Dialog -->	
	<div class="modal fade" id="propose-error-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">
	        	</div>
	        	<div class="modal-footer">
	        		<div id="link-close">
	        			<a href="javascript:void(0);" data-dismiss="modal" translate>Close</a>
	        		</div>
	        	</div>
	      	</div>
	    </div>
	</div>
</div>	
</div>	