m<%inherit file="base.html"/>
<%!
	import headphones
%>

<%def name="headerIncludes()">
	<div id="subhead_container">
		<div id="subhead_menu">
			<a id="menu_link_shutdown" href="shutdown">Shut Down</a>
			<a id="menu_link_shutdown" href="restart">Restart</a>
		</div>
	</div>
</%def>
<%def name="body()">



	<div id="paddingheader">
		<h1 class="clearfix"><img src="interfaces/default/images/icon_gear.png" alt="settings"/>Settings</h1>
	</div>
	<form action="configUpdate" method="post" class="form" id="configUpdate">
	
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Web Interface</a></li>
			<li><a href="#tabs-2">Download settings</a></li>
			<li><a href="#tabs-3">Search providers</a></li>
			<li><a href="#tabs-4">Quality &amp; Post Processing</a></li>
			<li><a href="#tabs-5">Advanced Settings</a></li>
		</ul>
		<div id="tabs-1">
		
		
        <table class="configtable" summary="Web Interface">
            <tr>
            	<td>
            		<fieldset>
            			<legend>Basic</legend>
	            		<div class="row">
	            		 	<label>HTTP Host</label>
	            		   <input type="text" name="http_host" value="${config['http_host']}" size="30">
	            		   <small>e.g. localhost or 0.0.0.0</small>
	            		</div> 
	            		<div class="row">
	            		      <label>HTTP Port</label>
	            		      <input type="text" name="http_port" value="${config['http_port']}" size="10">
	            		 </div>
	            		 <div class="row">
	            		     <label>HTTP Username</label>
	            		     <input type="text" name="http_username" value="${config['http_user']}" size="30">
	            		 </div>
	            		 
	            		 <div class="row">
	            		   <label>HTTP Password</label>
	            		   <input type="password" name="http_password" value="${config['http_pass']}" size="30">
	            		 </div>
	            		 <div class="row checkbox">	                   
	            		     <input type="checkbox" name="launch_browser" value="1" ${config['launch_browser']} /> <label>Launch Browser on Startup</label> 
	            		 </div>
            		 </fieldset>
            	</td>
                <td>          
                   <fieldset>
	                   	<legend>API</legend>
	                    <div class="row checkbox">	                   
		                    <input type="checkbox" id="useapi" name="api_enabled" id="api_enabled" value="1" ${config['api_enabled']} /><label>Enable API</label>
		                 </div>
	                     <div id="apioptions" class="row">
			      	        <label>API key</label>
			      	        <input type="text" name="api_key" id="api_key" value="${config['api_key']}" size="20">
			      	        <input type="button" value="Generate" id="generate_api">
			      	        <small>Current API key: <strong>${config['api_key']}</strong></small>
	                     </div>
                    </fieldset>
                    
                    <fieldset>
                    	<legend>Interval</legend>
	                   	<div class="row">
	                    	<label>NZB Search Interval</label>
	                    	<input type="text" name="nzb_search_interval" value="${config['nzb_search_interval']}" size="4">mins
	                    </div>
	            
	                	<div class="row">
	                    	<label>Download Scan Interval</label>
	                    	<input type="text" name="download_scan_interval" value="${config['download_scan_interval']}" size="4">mins
	                    </div>
	                
	                    <div class="row">
	                   	 	<label>Library Scan Interval</label>
	                    	<input type="text" name="libraryscan_interval" value="${config['libraryscan_interval']}" size="4">mins
	                    </div>
	                </fieldset>
                </td>
            </tr>
        </table>
	</div>
	
	<div id="tabs-2">
        <table class="configtable" summary="Download Settings">
	    <tr>
                <td>
                	<fieldset>
                		<legend>SABnzbd</legend>
	                	<div class="row">
		                    <label>SABnzbd Host:</label>
		                    <input type="text" name="sab_host" value="${config['sab_host']}" size="30">
		                    <small>usually http://localhost:8080</small>
	                    </div>
	                   	<div class="row">
		                    <label>SABnzbd Username</label>
		                    <input type="text" name="sab_username" value="${config['sab_user']}" size="20">
	                    </div>	               
	                	<div class="row">
		                    <label>SABnzbd API:</label>
		                    <input type="text" name="sab_apikey" value="${config['sab_api']}" size="36">
	                    </div>
	                   	<div class="row">
		                    <label>SABnzbd Password:</label>
		                    <input type="password" name="sab_password" value="${config['sab_pass']}" size="20">
	                    </div>
	                    <div class="row">
	                        <label>SABnzbd Category:</label>
	                        <input type="text" name="sab_category" value="${config['sab_cat']}" size="20">
	                    </div>
                    </fieldset>
                    <fieldset>
                    		<legend>Downloads</legend>
                       	<div class="row">
                            <label>Music Download Directory:</label>
                            <input type="text" name="download_dir" value="${config['download_dir']}" size="50">
                            <small>Full path where SAB downloads your music. e.g. /Users/name/Downloads/music</small>
                        </div>
                    </fieldset>                    
                </td>
           
                <td>
                   	<fieldset>
                   		<legend>Torrents</legend>
                   		<div class="row">               
                   		    <label>Black Hole Directory</label>
                   		    <input type="text" name="torrentblackhole_dir" value="${config['torrentblackhole_dir']}" size="50">
                   		    <small>Folder your Download program watches for Torrents</small>
                   		</div>
                   		<div class="row">
                   		    <label>Minimum seeders:</label>
                   		    <input type="text" name="numberofseeders" value="${config['numberofseeders']}" size="5">
                   		    <small>Number of minimum seeders a torrent must have to be accepted</small>
                   		</div>
                   		<div class="row">
                   		<label>Music Download Directory</label>
                   		<input type="text" name="download_torrent_dir" value="${config['download_torrent_dir']}" size="50">
                   		<small>Full path where your torrent client downloads your music e.g. /Users/name/Downloads/music</small>
                   		</div>                   		
                   	</fieldset>
                   	<fieldset>
                   		<legend>Usenet</legend>
                   	    <div class="row checkbox">                    	 
                   	    	<input id="useblackhole" type="checkbox" name="blackhole" value=1 ${config['use_blackhole']} /><label>Use Black Hole</label>
                   	    </div>
                   	    <div class="config">
	                   	    <div class="row">
	                   	        <label>Black Hole Directory</label>
	                   	        <input type="text" name="blackhole_dir" value="${config['blackhole_dir']}" size="50">
	                   	        <small>Folder your Download program watches for NZBs</small>
	                   	    </div>
                   	    </div>
                   	    <div class="checkbox row">                    	
                   	    	<input type="text" name="usenet_retention" value="${config['usenet_retention']}" size="5"><label>Usenet Retention</label>
                   	    </div>
                   	 </fieldset>
                </td>
            </tr>            
    
	    </table>
	</div>
	<div id="tabs-3">
        <table class="configtable" summary="Search Providers">
	    <tr>
                <td>
                	<fieldset>
                		<legend>NZBMatrix</legend>
                		<div class="row checkbox">                    	
                			<input id="usenzbmatrix" type="checkbox" onclick="initConfigCheckbox($(this));" name="nzbmatrix" value="1" ${config['use_nzbmatrix']} /><label>Use NZBMatrix</label> 
                		</div>
                		<div class="config">
	                		<div class="row">
	                			<label>NZBMatrix Username: </label>
	                			<input type="text" name="nzbmatrix_username" value="${config['nzbmatrix_user']}" size="30">
	                		</div>
	                		<div class="row">
	                		 	<label>NZBMatrix API</label>
	                		   <input type="text" name="nzbmatrix_apikey" value="${config['nzbmatrix_api']}" size="36">
	                		 </div>
                		</div>
                	</fieldset>
                	
                	<fieldset>
                		<legend>Newznab</legend>
                		<div class="row checkbox">                    	
                			<input  id="usenewznab" type="checkbox" name="newznab" onclick="initConfigCheckbox($(this));" value="1" ${config['use_newznab']} /><label>Use Newznab</label>
                		</div>
                		<div class="config">
	                		<div class="row">
	                		<label>Newznab Host</label>
	                		  <input type="text" name="newznab_host" value="${config['newznab_host']}" size="30">
	                		  <small>e.g. http://nzb.su</small>
	                		 </div>
	                		 <div class="row">
	                		 <label>Newznab API: </label>
	                		  <input type="text" name="newznab_apikey" value="${config['newznab_api']}" size="36">
	                		  </div>
                		  </div>
                	</fieldset>                	
                </td>
        
                <td>
                	<fieldset>
                		<legend>NZBs.org</legend>
                		<div class="row checkbox">                    	
                			<input id="usenzbsorg" type="checkbox" name="nzbsorg" onclick="initConfigCheckbox($(this));" value="1" ${config['use_nzbsorg']} /><label>Use NZBs.org</label>
                		</div>
                		<div class="config">
                			<div class="row">
                			<label>NZBs.org API Key</label>
                			  <input type="text" name="nzbsorg_hash" value="${config['nzbsorg_hash']}" size="30">
                			</div>
                		</div>
                	</fieldset>
                	<fieldset>
                		<legend>Newsbin</legend>
                		<div class="row checkbox">                    	
                			<input id="usenewzbin" type="checkbox" name="newzbin" onclick="initConfigCheckbox($(this));" value="1" ${config['use_newzbin']} /><label>Use Newzbin</label> 
                		</div>
                		<div class="config">
                			<div class="row">
                			<label>Newzbin UID: </label>
                			 <input type="text" name="newzbin_uid" value="${config['newzbin_uid']}" size="30">
                			</div>
                			<div class="row">
                			<label>Newzbin Password: </label>
                			  <input type="text" name="newzbin_password" value="${config['newzbin_pass']}" size="36">
                			</div>
                		</div>
                	</fieldset>
                    <fieldset>
                    	<legend>Torrents</legend>
                    	<div class="row checkbox">                    	
                    		<input type="checkbox" name="use_isohunt" value="1" ${config['use_isohunt']} /><label>Isohunt</label> 
                    	</div>
                    	<div class="row checkbox">                    	 
                    		<input type="checkbox" name="use_mininova" value="1" ${config['use_mininova']} /><label>Mininova</label>
                    	</div>
                    	<div class="row checkbox">
                    	<input type="checkbox" name="use_kat" value="1" ${config['use_kat']} /><label>Kick Ass Torrents</label></div>
                        <div class="row checkbox">
                            <input id="usewaffles" type="checkbox" name="waffles" onclick="initConfigCheckbox($(this));" value="1" ${config['use_waffles']} /><label>Waffles.fm</label>
                        </div>
                        <div class="config">
                            <div class="row">
                                <label>Waffles UID Number: </label>
                                <input type="text" name="waffles_uid" value="${config['waffles_uid']}" size="36">
                            </div>
                            <div class="row">
                                <label>Waffles Passkey: </label>
                                <input type="text" name="waffles_passkey" value="${config['waffles_passkey']}" size="36">
                            </div>
                        </div>
                    </fieldset>
                    
                </td>

            </tr>
        </table>
	</div>
	<div id="tabs-4">
        <table class="configtable" summary="Quality & Post Processing">
            <tr>
                <td>
                	<fieldset>
                		<legend>Quality</legend>
                		<div class="row radio clearfix">
                		   	<input type="radio" name="preferred_quality" value="0" ${config['pref_qual_0']} /><label>Highest Quality excluding Lossless</label>
                		    <input type="radio" name="preferred_quality" value="1" ${config['pref_qual_1']} /><label>Highest Quality including Lossless</label>
                		    <input type="radio" name="preferred_quality" value="3" ${config['pref_qual_3']} /><label>Lossless Only</label>
                		    <input type="radio" name="preferred_quality" value="2" ${config['pref_qual_2']} /><label>Preferred Bitrate:
                			<input type="text" name="preferred_bitrate" value="${config['pref_bitrate']}" size="3">kbps</label>
                		</div>
                		<div class="row checkbox left">    					
                		 	<input type="checkbox" name="detect_bitrate" value="1" ${config['detect_bitrate']} />
                		 	<label>Auto-Detect Preferred Bitrate</label>
                		</div>
                		
                	</fieldset>
               	</td>
                <td>
                	<fieldset>
                		<legend>Post-Processing</legend>
                		<div class="row checkbox left clearfix">
                		 	<input type="checkbox" name="move_files" value="1" ${config['move_files']} /><label>Move downloads to Destination Folder</label>
                		 	<input type="checkbox" name="rename_files" value="1" ${config['rename_files']} /><label>Rename files</label>
     
                		   <input type="checkbox" name="correct_metadata" value="1" ${config['correct_metadata']} /><label>Correct metadata</label>
                		   <input type="checkbox" name="cleanup_files" value="1" ${config['cleanup_files']} /><label>Delete leftover files <small>(.m3u, .nfo, .sfv, .nzb, etc.)</small></label>                	
                		 	<input type="checkbox" name="add_album_art" value="1" ${config['add_album_art']}><label>Add album art as 'folder.jpg' to album folder</label>
                		 	<input type="checkbox" name="embed_album_art" value="1" ${config['embed_album_art']}><label>Embed album art in each file</label>
                		 	<input type="checkbox" name="embed_lyrics" value="1" ${config['embed_lyrics']}><label>Embed lyrics</label>
                		</div>
                		<div class="row">
	                		<label>Path to Destination folder</label>
	                		<input type="text" name="destination_dir" value="${config['dest_dir']}" size="50">
	                		<small>e.g. /Users/name/Music/iTunes or /Volumes/share/music</small>
                		</div>
                	</fieldset>
               </td>
            </tr>
		</table>
	</div>
	<div id="tabs-5">
        <table class="configtable" summary="Advanced Settings">
            <tr>
                <td>
                
                	<fieldset>
                		<legend>Renaming options</legend>
                		<div class="row">
                		     <label>Folder Format</label>
                		     <input type="text" name="folder_format" value="${config['folder_format']}" size="43">
                		     <small>Use: $Artist/$artist, $Album/$album, $Year/$year, $Type/$type (release type) and $First/$first (first letter in artist name)
                		       				E.g.: $Type/$First/$artist/$album [$year] = Album/G/girl talk/all day [2010]</small>
                		
                		 </div>
                		 <div class="row">
                		  	<label>File Format</label>
                		  	<input type="text" name="file_format" value="${config['file_format']}" size="43">
                		   	<small>Use: $Track/$track (track #), $Title/$title, $Artist/$artist, $Album/$album and $Year/$year</small>
                		</div>
                	</fieldset>
                	
                	<fieldset>
    	           		 <legend>Re-Encoding Options</legend>
    	           		 <small class="heading"><span style="float: left; margin-right: .3em; margin-top: 4px;" class="ui-icon ui-icon-info"></span>Note: this option requires the lame or ffmpeg encoder</small>
    	           		 <div class="checkbox row clearfix">
    	                  		<input type="checkbox" name="music_encoder" id="music_encoder" value="1" ${config['music_encoder']}/><label>Re-encode downloads during postprocessing</label>
    	                	</div>
    	                	<div id="encoderoptions" class="row clearfix checkbox">
    	                  		<input type="checkbox" name="encoderlossless" value="1" ${config['encoderlossless']}/><label>Only re-encode lossless files (.flac)</label>
    						</div>
    						<%
    							if config['encoder'] == 'lame':
    								lameselect = 'selected="selected"'
    								ffmpegselect = ''
    							else:
    								lameselect = ''
    								ffmpegselect = 'selected="selected"'
    						%>
    						<div class="row">
    							<label>Encoder</label>
    							<select name="encoder">
    								<option value="lame" ${lameselect}>lame</option>
    								<option value="ffmpeg" ${ffmpegselect}>ffmpeg</option>
    							</select>
    						</div>
    						<div class="row">
    						<label>Format</label>
    						<select name="encoderoutputformat">
    						%for x in ['mp3', 'ogg', 'm4a']:
    							<%
    								if config['encoderoutputformat'] == x:
    									outputselect = 'selected'
    								else:
    									outputselect = ''
    							%>
    							<option value=${x} ${outputselect}>${x}</option>
    						%endfor
    						</select>
    						</div>
    	           	</fieldset>
    				
    				<fieldset>
    				 	<legend>Audio Properties</legend>
    				 	<div class="row">						
    				 	<label>VBR/CBR</label>
    				 	<select name="encodervbrcbr">
    				 	%for x in ['cbr', 'vbr']:
    				 		<%
    				 			if config['encodervbrcbr'] == x:
    				 				outputselect = 'selected'
    				 			else:
    				 				outputselect = ''
    				 		%>
    				 		<option value=${x} ${outputselect}>${x}</option>
    				 	%endfor
    				 	</select>
    				 	</div>
    				 	<div class="row">
    				 	<label>Quality</label>
    				 	<select name="encoderquality">
    				 	%for x in [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]:
    				 		<%
    				 			if config['encoderquality'] == x:
    				 				outputselect = 'selected'
    				 			else:
    				 				outputselect = ''
    				 		%>
    				 		<option value=${x} ${outputselect}>${x}</option>
    				 	%endfor
    				 	</select>
    				 	</div>
    				 	<div class="row">
    				 	<label>Bitrate</label>
    				 	<select name="bitrate">
    				 	%for x in [64, 128, 192, 256, 320]:
    				 		<%
    				 			if config["bitrate"] == x:
    				 				bitrateselected = "selected"
    				 			else:
    				 				bitrateselected = ''
    				 		%>
    				 		<option value=${x} ${bitrateselected}> ${x} kbps</option>
    				 	%endfor
    				 	</select>
    				 	</div>
    				 	
    				 	
    				 	<%
    				 		if config["samplingfrequency"] == 44100:
    				 			freq44100 = 'selected="selected"'
    				 			freq48000 = ''
    				 		else:
    				 			freq44100 = ''
    				 			freq48000 = 'selected="selected"'
    				 	%>
    				 	<div class="row">
    				 	<label>Sampling</label>
    				 	<select name="samplingfrequency">
    				 		<option value=44100 ${freq44100}>44.1 kHz</option>
    				 		<option value=48000 ${freq48000}>48.0 kHz</option>
    				 	</select>
    				 	</div>
    				 </fieldset>
    				
    				<fieldset>
    					<legend>Advanced Encoding Options</legend>
    					<div class="row">
    						<label>(ignores audio properties)</label>
    						<input type="text" name="advancedencoder" value="${config['advancedencoder']}" size="43">
    					</div>
    					<div class="row">
    					    <label>Path to Encoder</label>
    					    <input type="text" name="encoderfolder" value="${config['encoderfolder']}" size="43">
    					</div>
    					
    				</fieldset>
    				
				</td>
				<td>
					
		        	<fieldset>
		        		<legend>Miscellaneous</legend>
		        		<div class="checkbox left row">
		        		  	<input type="checkbox" name="include_extras" value="1" ${config['include_extras']} /><label>Automatically Include Extras When Adding an Artist <small>(EPs, Compilations, Live Albums, Remix Albums and Singles)</small></label>
		        		  	
		        		</div>
		        		<div class="row left checkbox">
		        			<input type="checkbox" name="autowant_upcoming" value="1" ${config['autowant_upcoming']} /><label>Automatically Mark Upcoming Albums as Wanted</label>	
		        			<div class="row leftcheckbox">
		        				<input type="checkbox" name="autowant_all" value="1" ${config['autowant_all']} /><label>Automatically Mark All Albums as Wanted</label>
		        			</div>
		        		</div>                		
		        	</fieldset>
					<fieldset>
						<legend>Interface</legend>
						<div class="row">
							<label>Interface</label> 
							<select name="interface"><h3>
							%for interface in config['interface_list']:
								<%
									if interface == headphones.INTERFACE:
										selected = 'selected="selected"'
									else:
										selected = ''
								%>
								<option value="${interface}" ${selected}>${interface}</option>
							%endfor
							</select>
							
						</div>
						<div class="row">
							<label>Log Directory:</label>
							<input type="text" name="log_dir" value="${config['log_dir']}" size="50">
						</div>
					</fieldset>
						            	
                                        
            
					<h2>Notifications</h2>                                
					<fieldset>		
						<h3>Prowl</h3>				
						<div class="row checkbox">
						     <input type="checkbox" name="prowl_enabled" id="prowl" value="1" ${config['prowl_enabled']} /><label>Enable Prowl Notifications</label>
						 </div>
						 <div id="prowloptions">
						     <div class="row">
						     	<label>API key</label><input type="text" name="prowl_keys" value="${config['prowl_keys']}" size="50">
						     </div>
						 	<div class="row checkbox">
						 		<input type="checkbox" name="prowl_onsnatch" value="1" ${config['prowl_onsnatch']} /><label>Notify on snatch?</label>
						 	</div>
						 	<div class="row">
						 		<label>Priority (-2,-1,0,1 or 2):</label>
						 		<input type="text" name="prowl_priority" value="${config['prowl_priority']}" size="2">
						 	</div>
						 </div>						
					</fieldset>
					
                      
                     <fieldset>    
                     	<h3>XBMC</h3>                 	
                     	<div class="checkbox row">
                     		<input type="checkbox" name="xbmc_enabled" id="xbmc" value="1" ${config['xbmc_enabled']} /><label>Enable XBMC Updates</label>
                     	</div>
                     	<div id="xbmcoptions">
                     	    <div class="row">
                     	    	<label>XBMC Host:Port</label>
                     	    	<input type="text" name="xbmc_host" value="${config['xbmc_host']}" size="30">
                     	    	<small>e.g. http://localhost:8080. Separate hosts with commas</small>
                     	    </div>
                     	    <div class="row">                     	    
                     	    <label>XBMC Username</label><input type="text" name="xbmc_username" value="${config['xbmc_username']}" size="30">
                     	    </div>
                     	    <div class="row">
                     	    <label>XBMC Password</label><input type="password" name="xbmc_password" value="${config['xbmc_password']}" size="30">
                     	    </div>
                     		<div class="checkbox row">
                     			<input type="checkbox" name="xbmc_update" value="1" ${config['xbmc_update']} /><label>Update XBMC Library</label>
                     		</div>
                     		<div class="checkbox row">
                     			<input type="checkbox" name="xbmc_notify" value="1" ${config['xbmc_notify']} /><label>Send Notification to XBMC</label>
                     		</div>
                     	</div>
                     </fieldset>
                      
                     <fieldset>
                     	<h3>NotifyMyAndroid</h3>
                     	<div class="checkbox row">
                     		<input type="checkbox" name="nma_enabled" id="nma" value="1" ${config['nma_enabled']} /><label>Enable NotifyMyAndroid</label>
                     	</div>
                     	<div id="nmaoptions">
                     	    <div class="row">
	                     	    <label>NotifyMyAndroid API Key</label>
	                     	    <input type="text" name="nma_apikey" value="${config['nma_apikey']}" size="30">
	                     	    <small>Separate multiple api keys with commas</small>
                     	    </div>
                     	    <div class="row">
                     	    <label>Priority</label>
                     	    <select name="nma_priority">
                     			%for x in [-2,-1,0,1,2]:
                     				<%
                     					if config['nma_priority'] == x:
                     						nma_priority_selected = 'selected'
                     					else:
                     						nma_priority_selected = ''
                     					
                     					if x == -2:
                     						nma_priority_value = 'Very Low'
                     					elif x == -1:
                     						nma_priority_value = 'Moderate'
                     					elif x == 0:
                     						nma_priority_value = 'Normal'
                     					elif x == 1:
                     						nma_priority_value = 'High'
                     					else:
                     						nma_priority_value = 'Emergency'
                     				%>
                     				<option value=${x} ${nma_priority_selected}>${nma_priority_value}</option>
                     			%endfor
                     		</select>
                     		</div>
                     	</div>
                     </fieldset>

                    <fieldset>
                        <h3>Synology NAS</h3>
                        <div class="checkbox row">
                            <input type="checkbox" name="synoindex_enabled" id="synoindex" value="1" ${config['synoindex_enabled']} /><label>Enable Synoindex</label>
                        </div>
                    </fieldset>

                 	<fieldset>
                 		<legend>Musicbrainz</legend>
                 		<div class="row">
                 			<label>Muscbrainz Mirror</label>
                 		<select name="mirror" id="mirror">
                 		%for mirror in config['mirror_list']:
                 			<%
                 				if mirror == headphones.MIRROR:
                 					selected = 'selected="selected"'
                 				else:
                 					selected = ''
                 			%>
                 			<option value="${mirror}" ${selected}>${mirror}</option>
                 		%endfor
                 		</select>
                 		</div>
                 		<div id="customoptions">
                 			<div class="row">
                 				<label>Host</label><input type="text" name="customhost" value="${config['customhost']}" size="20">
                 			</div>
                 			<div class="row">
                 				<label>Port</label><input type="text" name="customport" value="${config['customport']}" size="8">
                 			</div>
                 			<div class="row">
                 				<label>Sleep Interval</label><input type="text" name="customsleep" value="${config['customsleep']}" size="4">
                 			</div>
                 		</div>
                 		
                 		<div id="hpserveroptions">
                 			<div class="row">
                 				<label>Username:</label><input type="text" name="hpuser" value="${config['hpuser']}" size="20">
                 			</div>
                 			<div class="row">
                 				<label>Password:</label><input type="password" name="hppass" value="${config['hppass']}" size="15"><br>
                 				<a href="http://headphones.codeshy.com/vip" id="vipserver">Get an Account!</a>
                 			</div>
                 		</div>
                 	</fieldset>
                 	
				</td>
			</tr>
        </table>
    </div>	
        <input type="button" value="Save Changes" onclick="doAjaxCall('configUpdate',$(this),'tabs',true);return false;" data-success="Changes saved successfully">
        <div class="message">
        	<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>Web Interface changes require a restart to take effect</p>
		</div>

      </form>
 </div>
</%def>

<%def name="javascriptIncludes()">
	<script>
	
	hideServerDivs = function () {
		$("#customoptions").slideUp();
		$("#hpserveroptions").slideUp();
	};
	
	handleNewSelection = function () {
	
		hideServerDivs();
		
		switch ($(this).val()) {
			case 'custom':
				$("#customoptions").slideDown();
			break;
			case 'headphones':
				$("#hpserveroptions").slideDown();
			break;
		}
	};
	
	function initThisPage() 
	
	{
		if ($("#api_enabled").is(":checked"))
			{
				$("#apioptions").show();
			}
		else
			{
				$("#apioptions").hide();
			}
		
		$("#api_enabled").click(function(){
			if ($("#api_enabled").is(":checked"))
			{
				$("#apioptions").slideDown();
			}
			else
			{
				$("#apioptions").slideUp();
			}
		});		
    
    	$('#api_key').click(function(){ $('#api_key').select() });
    	$("#generate_api").click(function(){
    	    $.get('generateAPI', 
    	        function(data){
    	            if (data.error != undefined) {
    	                alert(data.error);
    	                return;
    	            }
    	            $('#api_key').val(data);
    	    });
    	});
		if ($("#music_encoder").is(":checked"))
			{
				$("#encoderoptions").show();
			}
		else
			{
				$("#encoderoptions").hide();
			}

		$("#music_encoder").click(function(){
			if ($("#music_encoder").is(":checked"))
			{
				$("#encoderoptions").slideDown();
			}
			else
			{
				$("#encoderoptions").slideUp();
			}
		});

		if ($("#prowl").is(":checked"))
			{
				$("#prowloptions").show();
			}
		else
			{
				$("#prowloptions").hide();
			}
		
		$("#prowl").click(function(){
			if ($("#prowl").is(":checked"))
			{
				$("#prowloptions").slideDown();
			}
			else
			{
				$("#prowloptions").slideUp();
			}
		});		

		if ($("#xbmc").is(":checked"))
			{
				$("#xbmcoptions").show();
			}
		else
			{
				$("#xbmcoptions").hide();
			}
		
		$("#xbmc").click(function(){
			if ($("#xbmc").is(":checked"))
			{
				$("#xbmcoptions").slideDown();
			}
			else
			{
				$("#xbmcoptions").slideUp();
			}
		});		
		
		if ($("#nma").is(":checked"))
			{
				$("#nmaoptions").show();
			}
		else
			{
				$("#nmaoptions").hide();
			}
		
		$("#nma").click(function(){
			if ($("#nma").is(":checked"))
			{
				$("#nmaoptions").slideDown();
			}
			else
			{
				$("#nmaoptions").slideUp();
			}
		});	
		
		$("#mirror").change(handleNewSelection);
			handleNewSelection.apply($("#mirror"));
		$(function() {
			$( "#tabs" ).tabs();
		});
		initActions();
		initConfigCheckbox("#usenzbmatrix");
		initConfigCheckbox("#usenewznab");
		initConfigCheckbox("#usenewzbin");
		initConfigCheckbox("#usenzbsorg");
		initConfigCheckbox("#usewaffles");
		initConfigCheckbox("#useblackhole");
		initConfigCheckbox("#useapi");
	}
	$(document).ready(function() {
		initThisPage();
	});
	
	</script>
</%def>