<%inherit file="base.html" />
<%!
	import headphones
	from headphones.helpers import checked
%>
<%def name="headerIncludes()">
	<div id="subhead_container">
		<div id="subhead_menu">
			<a class="menu_link_edit" id="manage_albums" href="#">Manage Albums</a>
				<div id="dialog" title="Choose Album Filter" style="display:none" class="configtable">
					<div class="links">
						<a href="manageAlbums?Status=Downloaded"><span class="ui-icon ui-icon-check"></span>Manage Downloaded Albums</a><br>
						<a href="manageAlbums?Status=Skipped"><span class="ui-icon ui-icon-flag"></span>Manage Skipped Albums</a><br>
						<a href="manageAlbums?Status=Snatched"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span>Manage Snatched Albums</a><br>
						<a href="manageAlbums?Status=Upcoming"><span class="ui-icon ui-icon-calendar"></span>Manage Upcoming Albums</a><br>
						<a href="manageAlbums?Status=Wanted"><span class="ui-icon ui-icon-heart"></span>Manage Wanted Albums</a><br>
						<br><br>
						<a href="manageAlbums">Manage All Albums</a>
					</div>
				</div>
			<a class="menu_link_edit" href="manageArtists">Manage Artists</a>
			%if not headphones.ADD_ARTISTS:
			<a class="menu_link_edit" href="manageNew">Manage New Artists</a>
			%endif
		</div>
	</div>	
</%def>

<%def name="body()">
	<div id="paddingheader">
		<h1 class="clearfix"><img src="interfaces/default/images/icon_manage.png" alt="manage"/>Manage</h1>
	</div>
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Scan Music Library</a></li>
			<li><a href="#tabs-2">Imports</a></li>
			<li><a href="#tabs-3">Force Actions</a></li>
		</ul>
		<div id="tabs-1" class="configtable">
			<fieldset>
				<form action="musicScan" method="GET" id="musicScan">
					<legend>Scan Music Library</legend>
					<p><strong>Where do you keep your music?</strong></p>
					<p>You can put in any directory, and it will scan for audio files in that folder
					(including all subdirectories). <br/><small>For example: '/Users/name/Music'</small></p>	
					<p>
					It may take a while depending on how many files you have. You can navigate away from the page<br />
					as soon as you click 'Save changes'
					</p>	
					<br/>
					<div class="row">
								<label for="">Path to directory</label>
					%if headphones.MUSIC_DIR:
						<input type="text" value="${headphones.MUSIC_DIR}" name="path" size="70" />
					%else:
						<input type="text" value="Enter a Music Directory to scan" onfocus="if
						(this.value==this.defaultValue) this.value='';" name="path" size="70" />
					%endif
					</div>
					<div class="row checkbox"> 
					<input type="checkbox" name="libraryscan" id="libraryscan" value="1" ${checked(headphones.LIBRARYSCAN)}><label>Automatically scan library</label>
					</div>
					<div class="row checkbox"> 
					<input type="checkbox" name="autoadd" id="autoadd" value="1" ${checked(headphones.ADD_ARTISTS)}><label>Auto-add new artists</label>
					</div>
								
				</fieldset>
				<br>
				<input type="button" value="Save Changes and Scan" onclick="addScanAction();doAjaxCall('musicScan',$(this),'tabs',true);return false;" data-success="Changes saved. Library will be scanned">
				<input type="button" value="Save Changes without Scanning Library" onclick="doAjaxCall('musicScan',$(this),'tabs',true);return false;" data-success="Changes Saved Successfully">
			</form>
		</div>

	<div id="tabs-2" class="configtable">
		<form action="importLastFM" method="GET" id="importLastFM">
			<fieldset>
			<legend>Import Last.FM Artists</legend>
			<p>Enter the username whose artists you want to import:</p>		
			<br/>
			<div class="row">
				<label for="">Username</label>
				<%
					if headphones.LASTFM_USERNAME:
						lastfmvalue = headphones.LASTFM_USERNAME
					else:
						lastfmvalue = ''
				%>
				<input type="text" value="${lastfmvalue}" placeholder="Last.fm username" onfocus="if
				(this.value==this.defaultValue) this.value='';" name="username" id="username" size="18" />
				<a href="#" onclick="doAjaxCall('importLastFM?username=',$(this),'tabs');return false;" data-success="Last.fm username has been reset"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span>Reset username</a>
			</div>
			</fieldset>
			<input type="button" value="Save changes" onclick="doAjaxCall('importLastFM',$(this),'tabs',true);return false;" data-success="Last.fm artists will be imported" data-error="Fill in a last.fm username"/>
		</form>
        <br/>
        <form action="importLastFMTag" method="GET" id="importLastFMTag">
            <fieldset>
            <legend>Import Last.FM Tag</legend>
            <p>Enter tag from which you want import top artists:</p>
            <br/>
            <div class="row">
                <label>Tag</label>
			    <input type="text" value="" onfocus="if
                (this.value==this.defaultValue) this.value='';" name="tag" id="tag" size="18" />
                <br/>
                <label>Limit</label>
			    <input type="text" value="50" onfocus="if
			    (this.value==this.defaultValue) this.value='';" name="limit" id="limit" size="18" />
            </div>
            </fieldset>
            <input type="submit" />
        </form>
    </div>


	
	<div id="tabs-3" class="configtable">
		<fieldset>
			<legend>Force Search</legend>
			<div class="links">
				<a href="#" onclick="doAjaxCall('forceSearch',$(this))" data-success="Checking for wanted albums successful" data-error="Error checking wanted albums"><span class="ui-icon ui-icon-search"></span>Force Check for Wanted Albums</a>
				<a href="#" onclick="doAjaxCall('forceUpdate',$(this))" data-success="Update active artists successful" data-error="Error forcing update artists"><span class="ui-icon ui-icon-heart"></span>Force Update Active Artists</a>
				<a href="#" onclick="doAjaxCall('forcePostProcess',$(this))" data-success="Post-Processor is being loaded" data-error="Error during Post-Processing"><span class="ui-icon ui-icon-wrench"></span>Force Post-Process Albums in Download Folder</a>
				<a href="#" onclick="doAjaxCall('checkGithub',$(this))" data-success="Checking for update successful" data-error="Error checking for update"><span class="ui-icon ui-icon-refresh"></span>Check for Headphones Updates</a>
				<a href="#" id="delete_empty_artists"><span class="ui-icon ui-icon-trash"></span>Delete empty Artists</a>
					<div id="emptyartistdialog" title="Confirm Artist Deletion" style="display:none" class="configtable">
					    %if emptyArtists:
						<h3>The following artists will be deleted:</h3>
						
						%for emptyArtist in emptyArtists:
							<p>${emptyArtist['ArtistName']}</p>
						%endfor
						<input type="button" value="Delete Empty Artists" onclick="doAjaxCall('deleteEmptyArtists',$(this))" data-success="Empty Artists deleted" data-error="Error deleting empty artists">
					    %else:
					        No empty artists found.
					    %endif
					</div>
			</div>
		</fieldset>
		
	</div>
</div>
</%def>
<%def name="javascriptIncludes()">
	<script>
		function addScanAction() {
			$('#autoadd').append('<input type="hidden" name="scan" value=1 />');
		};
		
		function initThisPage() {
			$('#manage_albums').click(function() {
				$('#dialog').dialog();
				return false;
			});
			$('#delete_empty_artists').click(function() {
				$('#emptyartistdialog').dialog();
				return false;
			});
			jQuery( "#tabs" ).tabs();
			initActions();
		};
		$(document).ready(function() {
			initThisPage();
		});
	</script>
</%def>
