#import base64
#import sickbeard
#import re
#from lib.libtrakt import TraktAPI
#from sickbeard.helpers import anon_url, starify
##
#set global $title = 'Config - Notifications'
#set global $header = 'Notifications'
#set global $sbPath = '../..'
#set global $topmenu = 'config'
##
#include $os.path.join($sickbeard.PROG_DIR, 'gui/slick/interfaces/default/inc_top.tmpl')

<script type="text/javascript" src="$sbRoot/js/configNotifications.js?v=$sbPID"></script>
<script type="text/javascript" src="$sbRoot/js/config.js?v=$sbPID"></script>

#if $varExists('header')
	<h1 class="header">$header</h1>
#else
	<h1 class="title">$title</h1>
#end if

<div id="config">
	<div id="config-content">
		<form id="configForm" action="saveNotifications" method="post">
			<div id="config-components">
				<ul>
					<li><a href="#tabs-1">Home Theater / NAS</a></li>
					<li><a href="#tabs-2">Devices</a></li>
					<li><a href="#tabs-3">Social</a></li>
				</ul>

				<div id="tabs-1">
				<div class="component-group">

					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/xbmc.png" alt="" title="XBMC" />
						<h3><a href="<%= anon_url('http://kodi.tv/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">XBMC</a></h3>
						<p>A free and open source cross-platform media center and home entertainment system software with a 10-foot user interface designed for the living-room TV.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label class="cleafix" for="use_xbmc">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_xbmc" id="use_xbmc" #if $sickbeard.USE_XBMC then 'checked="checked"' else ''# />
									<p>should SickGear send XBMC commands ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_xbmc">
							<div class="field-pair">
								<label for="xbmc_always_on">
									<span class="component-title">Always on</span>
									<span class="component-desc">
										<input type="checkbox" name="xbmc_always_on" id="xbmc_always_on" #if $sickbeard.XBMC_ALWAYS_ON then 'checked="checked"' else ''# />
										<p>log errors when unreachable ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="xbmc_notify_onsnatch" id="xbmc_notify_onsnatch" #if $sickbeard.XBMC_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="xbmc_notify_ondownload" id="xbmc_notify_ondownload" #if $sickbeard.XBMC_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="xbmc_notify_onsubtitledownload" id="xbmc_notify_onsubtitledownload" #if $sickbeard.XBMC_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc_update_library">
									<span class="component-title">Update library</span>
									<span class="component-desc">
										<input type="checkbox" name="xbmc_update_library" id="xbmc_update_library" #if $sickbeard.XBMC_UPDATE_LIBRARY then 'checked="checked"' else ''# />
										<p>update XBMC library when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc_update_full">
									<span class="component-title">Full library update</span>
									<span class="component-desc">
										<input type="checkbox" name="xbmc_update_full" id="xbmc_update_full" #if $sickbeard.XBMC_UPDATE_FULL then 'checked="checked"' else ''# />
										<p>perform a full library update if update per-show fails ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc_update_onlyfirst">
									<span class="component-title">Only update first host</span>
									<span class="component-desc">
										<input type="checkbox" name="xbmc_update_onlyfirst" id="xbmc_update_onlyfirst" #if $sickbeard.XBMC_UPDATE_ONLYFIRST then 'checked="checked"' else ''# />
										<p>only send library updates to the first active host ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc_host">
									<span class="component-title">XBMC IP:Port</span>
									<input type="text" name="xbmc_host" id="xbmc_host" value="$sickbeard.XBMC_HOST" class="form-control input-sm input350" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">host running XBMC (eg. 192.168.1.100:8080)</span>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">(multiple host strings must be separated by commas)</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc_username">
									<span class="component-title">XBMC username</span>
									<input type="text" name="xbmc_username" id="xbmc_username" value="$sickbeard.XBMC_USERNAME" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">username for your XBMC server (blank for none)</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc_password">
									<span class="component-title">XBMC password</span>
									<input type="password" name="xbmc_password" id="xbmc_password" value="#echo '*' * len($sickbeard.XBMC_PASSWORD)#" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">password for your XBMC server (blank for none)</span>
								</label>
							</div>
							<div class="testNotification" id="testXBMC-result">Click below to test.</div>
							<input  class="btn" type="button" value="Test XBMC" id="testXBMC" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_xbmc //-->

					</fieldset>

				</div><!-- /xbmc component-group //-->

				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/kodi.png" alt="" title="Kodi" />
						<h3><a href="<%= anon_url('http://kodi.tv/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Kodi</a></h3>
						<p>Kodi (formerly known as XBMC) is an award-winning free and open source (GPL) software media player and entertainment hub.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label class="cleafix" for="use_kodi">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_kodi" id="use_kodi" #if $sickbeard.USE_KODI then 'checked="checked"' else ''# />
									<p>should SickGear send Kodi commands ?</p>
								</span>
							</label>
						</div>
						<div id="content_use_kodi">
							<div class="field-pair">
								<label for="kodi_always_on">
									<span class="component-title">Always on</span>
									<span class="component-desc">
										<input type="checkbox" name="kodi_always_on" id="kodi_always_on" #if $sickbeard.KODI_ALWAYS_ON then 'checked="checked"' else ''# />
										<p>log errors when unreachable ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="kodi_notify_onsnatch" id="kodi_notify_onsnatch" #if $sickbeard.KODI_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="kodi_notify_ondownload" id="kodi_notify_ondownload" #if $sickbeard.KODI_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="kodi_notify_onsubtitledownload" id="kodi_notify_onsubtitledownload" #if $sickbeard.KODI_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi_update_library">
									<span class="component-title">Update library</span>
									<span class="component-desc">
										<input type="checkbox" name="kodi_update_library" id="kodi_update_library" #if $sickbeard.KODI_UPDATE_LIBRARY then 'checked="checked"' else ''# />
										<p>update Kodi library when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi_update_full">
									<span class="component-title">Full library update</span>
									<span class="component-desc">
										<input type="checkbox" name="kodi_update_full" id="kodi_update_full" #if $sickbeard.KODI_UPDATE_FULL then 'checked="checked"' else ''# />
										<p>perform a full library update if update per-show fails ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi_update_onlyfirst">
									<span class="component-title">Only update first host</span>
									<span class="component-desc">
										<input type="checkbox" name="kodi_update_onlyfirst" id="kodi_update_onlyfirst" #if $sickbeard.KODI_UPDATE_ONLYFIRST then 'checked="checked"' else ''# />
										<p>only send library updates to the first active host ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi_host">
									<span class="component-title">Kodi IP:Port</span>
									<input type="text" name="kodi_host" id="kodi_host" value="$sickbeard.KODI_HOST" class="form-control input-sm input350" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">host running Kodi (eg. 192.168.1.100:8080)</span>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">(multiple host strings must be separated by commas)</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi_username">
									<span class="component-title">Kodi username</span>
									<input type="text" name="kodi_username" id="kodi_username" value="$sickbeard.KODI_USERNAME" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">username for your KODI server (blank for none)</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi_password">
									<span class="component-title">Kodi password</span>
									<input type="password" name="kodi_password" id="kodi_password" value="#echo '*' * len($sickbeard.KODI_PASSWORD)#" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">password for your KODI server (blank for none)</span>
								</label>
							</div>
							<div class="testNotification" id="testKODI-result">Click below to test.</div>
							<input  class="btn" type="button" value="Test Kodi" id="testKODI" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_kodi //-->
					</fieldset>
				</div><!-- /kodi component-group //-->

				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/plex.png" alt="" title="Plex Media Server" />
						<h3><a href="<%= anon_url('http://www.plexapp.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Plex Media Server</a></h3>
						<p>Plex organizes all of your personal media, wherever you keep it, so you can enjoy it on any device</p>
						<p class="plexinfo hide"><span class="red-text">To send notifications to <span class="boldest">Plex Home Theater (PHT) clients</span>,</span> use the XBMC notifier with port <b>3005</b>.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_plex">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_plex" id="use_plex" #if $sickbeard.USE_PLEX then 'checked="checked" ' else ''# />
									<p>should SickGear send Plex commands ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_plex">
							<div class="component-group" style="padding: 0; min-height: 130px">
								<div class="field-pair">
									<label for="plex_username">
										<span class="component-title">Server/client username</span>
										<span class="component-desc">
											<input type="text" name="plex_username" id="plex_username" value="$sickbeard.PLEX_USERNAME" class="form-control input-sm input250" />
											<p>blank = no authentication</p>
										</span>
									</label>
								</div>
								<div class="field-pair">
									<label for="plex_password">
										<span class="component-title">Server/client password</span>
										<span class="component-desc">
											<input type="password" name="plex_password" id="plex_password" value="#echo '*' * len($sickbeard.PLEX_PASSWORD)#" class="form-control input-sm input250" />
											<p>blank = no authentication</p>
										</span>
									</label>
								</div>
							</div>

							<div class="component-group" style="padding: 0; min-height: 50px">
								<div class="field-pair">
									<label for="plex_update_library">
										<span class="component-title">Update server library</span>
										<span class="component-desc">
											<input type="checkbox" class="enabler" name="plex_update_library" id="plex_update_library" #if $sickbeard.PLEX_UPDATE_LIBRARY then 'checked="checked" ' else ''#/>
											<p>update Plex Media Server library when a download finishes</p>
										</span>
									</label>
								</div>
								<div id="content_plex_update_library">
									<div class="field-pair">
										<label for="plex_server_host">
											<span class="component-title">Plex Media Server IP:Port</span>
											<span class="component-desc">
												<input type="text" name="plex_server_host" id="plex_server_host" value="<%= re.sub(r'\b,\b', ', ', sickbeard.PLEX_SERVER_HOST) %>" class="form-control input-sm input350" />
												<div class="clear-left">
													<p>one or more hosts running Plex Media Server<br />(eg. 192.168.1.1:32400, 192.168.1.2:32400)</p>
												</div>
											</span>
										</label>
									</div>

									<div class="field-pair">
										<div class="testNotification" id="testPMS-result">Click below to test Plex server(s)</div>
										<input class="btn" type="button" value="Test Plex Server" id="testPMS" />
										<input type="submit" class="config_submitter btn" value="Save Changes" />
										<div class="clear-left">&nbsp;</div>
									</div>
								</div>
							</div>

							<div>
								<div class="field-pair">
									<label for="plex_notify_onsnatch">
										<span class="component-title">Notify on snatch</span>
										<span class="component-desc">
											<input type="checkbox" name="plex_notify_onsnatch" id="plex_notify_onsnatch" #if $sickbeard.PLEX_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
											<p>download start notification</p>
										</span>
									</label>
								</div>
								<div class="field-pair">
									<label for="plex_notify_ondownload">
										<span class="component-title">Notify on download</span>
										<span class="component-desc">
											<input type="checkbox" name="plex_notify_ondownload" id="plex_notify_ondownload" #if $sickbeard.PLEX_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
											<p>download finish notification</p>
										</span>
									</label>
								</div>
								<div class="field-pair">
									<label for="plex_notify_onsubtitledownload">
										<span class="component-title">Notify on subtitle download</span>
										<span class="component-desc">
											<input type="checkbox" name="plex_notify_onsubtitledownload" id="plex_notify_onsubtitledownload" #if $sickbeard.PLEX_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
											<p>subtitle downloaded notification</p>
										</span>
									</label>
								</div>
								<div class="field-pair">
									<label for="plex_host">
										<span class="component-title">Plex client IP:Port</span>
										<span class="component-desc">
											<input type="text" name="plex_host" id="plex_host" value="<%= re.sub(r'\b,\b', ', ', sickbeard.PLEX_HOST) %>" class="form-control input-sm input350" />
											<div class="clear-left">
												<p>one or more hosts running Plex client<br />(eg. 192.168.1.100:3000, 192.168.1.101:3000)</p>
											</div>
										</span>
									</label>
								</div>

								<div class="field-pair">
									<div class="testNotification" id="testPMC-result">Click below to test Plex client(s)</div>
									<input class="btn" type="button" value="Test Plex Client" id="testPMC" />
									<input type="submit" class="config_submitter btn" value="Save Changes" />
									<div class=clear-left><p>Note: some Plex clients <b class="boldest">do not</b> support notifications e.g. Plexapp for Samsung TVs</p></div>
								</div>
							</div><!-- /plex component-group -->
						</div><!-- /content_use_plex -->

					</fieldset>
				</div><!-- /plex component-group -->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/nmj.png" alt="" title="Networked Media Jukebox" />
						<h3><a href="<%= anon_url('http://www.popcornhour.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">NMJ</a></h3>
						<p>The Networked Media Jukebox, or NMJ, is the official media jukebox interface made available for the Popcorn Hour 200-series.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_nmj">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_nmj" id="use_nmj" #if $sickbeard.USE_NMJ then 'checked="checked"' else ''# />
									<p>should SickGear send update commands to NMJ ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_nmj">
							<div class="field-pair">
								<label for="nmj_host">
									<span class="component-title">Popcorn IP address</span>
									<input type="text" name="nmj_host" id="nmj_host" value="$sickbeard.NMJ_HOST" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">IP address of Popcorn 200-series (eg. 192.168.1.100)</span>
								</label>
							</div>
							<div class="field-pair">
								<label>
									<span class="component-title">Get settings</span>
									<input class="btn btn-inline" type="button" value="Get Settings" id="settingsNMJ" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">the Popcorn Hour device must be powered on and NMJ running.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nmj_database">
									<span class="component-title">NMJ database</span>
									<input type="text" name="nmj_database" id="nmj_database" value="$sickbeard.NMJ_DATABASE" class="form-control input-sm input250" #if $sickbeard.NMJ_DATABASE then "readonly=\"readonly\"" else ''# />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">automatically filled via the 'Get Settings' button.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nmj_mount">
									<span class="component-title">NMJ mount url</span>
									<input type="text" name="nmj_mount" id="nmj_mount" value="$sickbeard.NMJ_MOUNT" class="form-control input-sm input250" #if $sickbeard.NMJ_MOUNT then "readonly=\"readonly\"" else ''# />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">automatically filled via the 'Get Settings' button.</span>
								</label>
							</div>
							<div class="testNotification" id="testNMJ-result">Click below to test.</div>
							<input  class="btn" type="button" value="Test NMJ" id="testNMJ" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_nmj //-->

					</fieldset>
				</div><!-- /nmj component-group //-->

				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/nmj.png" alt="" title="Networked Media Jukebox v2"/>
						<h3><a href="<%= anon_url('http://www.popcornhour.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">NMJv2</a></h3>
						<p>The Networked Media Jukebox, or NMJv2, is the official media jukebox interface made available for the Popcorn Hour 300 & 400-series.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_nmjv2">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_nmjv2" id="use_nmjv2" #if $sickbeard.USE_NMJv2 then 'checked="checked"' else ''# />
									<p>should SickGear send update commands to NMJv2 ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_nmjv2">
							<div class="field-pair">
								<label for="nmjv2_host">
									<span class="component-title">Popcorn IP address</span>
									<input type="text" name="nmjv2_host" id="nmjv2_host" value="$sickbeard.NMJv2_HOST" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">IP address of Popcorn 300/400-series (eg. 192.168.1.100)</span>
								</label>
							</div>
							<div class="field-pair">
								<span class="component-title">Database location</span>
								<span class="component-desc">
									<label for="NMJV2_DBLOC_A" class="space-right">
										<input type="radio" NAME="nmjv2_dbloc" VALUE="local" id="NMJV2_DBLOC_A" #if $sickbeard.NMJv2_DBLOC=='local' then 'checked="checked"' else ''# />PCH Local Media
									</label>
									<label for="NMJV2_DBLOC_B">
										<input type="radio" NAME="nmjv2_dbloc" VALUE="network" id="NMJV2_DBLOC_B" #if $sickbeard.NMJv2_DBLOC=='network' then 'checked="checked"' else ''#/>PCH Network Media
									</label>
								</span>
							</div>
							<div class="field-pair">
								<label for="NMJv2db_instance">
									<span class="component-title">Database instance</span>
									<span class="component-desc">
									<select id="NMJv2db_instance" class="form-control input-sm">
										<option value="0">#1 </option>
										<option value="1">#2 </option>
										<option value="2">#3 </option>
										<option value="3">#4 </option>
										<option value="4">#5 </option>
										<option value="5">#6 </option>
										<option value="6">#7 </option>
									</select>
									</span>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">adjust this value if the wrong database is selected.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="settingsNMJv2">
									<span class="component-title">Find database</span>
									<input type="button" class="btn btn-inline" value="Find Database" id="settingsNMJv2" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">the Popcorn Hour device must be powered on.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nmjv2_database">
									<span class="component-title">NMJv2 database</span>
									<input type="text" name="nmjv2_database" id="nmjv2_database" value="$sickbeard.NMJv2_DATABASE" class="form-control input-sm input250" #if $sickbeard.NMJv2_DATABASE then "readonly=\"readonly\"" else ''# />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">automatically filled via the 'Find Database' buttons.</span>
								</label>
							</div>
						<div class="testNotification" id="testNMJv2-result">Click below to test.</div>
						<input class="btn" type="button" value="Test NMJv2" id="testNMJv2" />
						<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_nmjv2 //-->

					</fieldset>
				</div><!-- /nmjv2 component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/synoindex.png" alt="" title="Synology" />
						<h3><a href="<%= anon_url('http://synology.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Synology</a></h3>
						<p>The Synology DiskStation NAS.</p>
						<p>Synology Indexer is the daemon running on the Synology NAS to build its media database.</p>
					</div>

					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_synoindex">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_synoindex" id="use_synoindex" #if $sickbeard.USE_SYNOINDEX then 'checked="checked"' else ''# />
									<p>should SickGear send Synology notifications ?</p>
								</span>
							</label>
							<label>
								<span class="component-title">&nbsp;</span>
								<span class="component-desc"><b>Note:</b> requires SickGear to be running on your Synology NAS.</span>
							</label>
						</div>

						<div id="content_use_synoindex">
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_synoindex //-->

					</fieldset>
				</div><!-- /synoindex component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/synologynotifier.png" alt="" title="Synology Indexer" />
						<h3><a href="<%= anon_url('http://synology.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Synology Notifier</a></h3>
						<p>Synology Notifier is the notification system of Synology DSM</p>
					</div>

					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_synologynotifier">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_synologynotifier" id="use_synologynotifier" #if $sickbeard.USE_SYNOLOGYNOTIFIER then 'checked="checked"' else ''# />
									<p>should SickGear send notifications to the Synology Notifier ?</p>
								</span>
							</label>
							<label>
								<span class="component-title">&nbsp;</span>
								<span class="component-desc"><b>Note:</b> requires SickGear to be running on your Synology DSM.</span>
							</label>
						   </div>
						<div id="content_use_synologynotifier">
							<div class="field-pair">
								<label for="synologynotifier_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="synologynotifier_notify_onsnatch" id="synologynotifier_notify_onsnatch" #if $sickbeard.SYNOLOGYNOTIFIER_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="synologynotifier_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="synologynotifier_notify_ondownload" id="synologynotifier_notify_ondownload" #if $sickbeard.SYNOLOGYNOTIFIER_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="synologynotifier_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="synologynotifier_notify_onsubtitledownload" id="synologynotifier_notify_onsubtitledownload" #if $sickbeard.SYNOLOGYNOTIFIER_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						   </div>
					</fieldset>
				</div><!-- /synology notifier component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/pytivo.png" alt="" title="pyTivo" />
						<h3><a href="<%= anon_url('http://pytivo.sourceforge.net/wiki/index.php/PyTivo') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">pyTivo</a></h3>
						<p>pyTivo is both an HMO and GoBack server. This notifier will load the completed downloads to your Tivo.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_pytivo">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_pytivo" id="use_pytivo" #if $sickbeard.USE_PYTIVO then 'checked="checked"' else ''# />
									<p>should SickGear send notifications to pyTivo ?</p>
								</span>
							</label>
							<label>
								<span class="component-title">&nbsp;</span>
								<span class="component-desc"><b>Note:</b> requires the downloaded files to be accessible by pyTivo.</span>
							</label>
						</div>

						<div id="content_use_pytivo">
							<div class="field-pair">
								<label for="pytivo_host">
									<span class="component-title">pyTivo IP:Port</span>
									<input type="text" name="pytivo_host" id="pytivo_host" value="$sickbeard.PYTIVO_HOST" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">host running pyTivo (eg. 192.168.1.1:9032)</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pytivo_share_name">
									<span class="component-title">pyTivo share name</span>
									<input type="text" name="pytivo_share_name" id="pytivo_share_name" value="$sickbeard.PYTIVO_SHARE_NAME" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">value used in pyTivo Web Configuration to name the share.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pytivo_tivo_name">
									<span class="component-title">Tivo name</span>
									<input type="text" name="pytivo_tivo_name" id="pytivo_tivo_name" value="$sickbeard.PYTIVO_TIVO_NAME" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">(Messages & Settings > Account & System Information > System Information > DVR name)</span>
								</label>
							</div>
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_pytivo //-->

					</fieldset>
				</div><!-- /component-group //-->

			</div>


			<div id="tabs-2">
				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/growl.png" alt="" title="Growl" />
						<h3><a href="<%= anon_url('http://growl.info/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Growl</a></h3>
						<p>A cross-platform unobtrusive global notification system.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_growl">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_growl" id="use_growl" #if $sickbeard.USE_GROWL then 'checked="checked"' else ''# />
									<p>should SickGear send Growl notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_growl">
							<div class="field-pair">
								<label for="growl_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="growl_notify_onsnatch" id="growl_notify_onsnatch" #if $sickbeard.GROWL_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="growl_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="growl_notify_ondownload" id="growl_notify_ondownload" #if $sickbeard.GROWL_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="growl_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="growl_notify_onsubtitledownload" id="growl_notify_onsubtitledownload" #if $sickbeard.GROWL_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="growl_host">
									<span class="component-title">Growl IP:Port</span>
									<input type="text" name="growl_host" id="growl_host" value="$sickbeard.GROWL_HOST" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">host running Growl (eg. 192.168.1.100:23053)</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="growl_password">
									<span class="component-title">Growl password</span>
									<input type="password" name="growl_password" id="growl_password" value="#echo '*' * len($sickbeard.GROWL_PASSWORD)#" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">may leave blank if SickGear is on the same host.</span>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">otherwise Growl <b>requires</b> a password to be used.</span>
								</label>
							</div>
							<div class="testNotification" id="testGrowl-result">Click below to register and test Growl, this is required for Growl notifications to work.</div>
							<input  class="btn" type="button" value="Register Growl" id="testGrowl" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_growl //-->

					</fieldset>
				</div><!-- /growl component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/prowl.png" alt="Prowl" title="Prowl" />
						<h3><a href="<%= anon_url('http://www.prowlapp.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Prowl</a></h3>
						<p>A Growl client for iOS.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_prowl">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_prowl" id="use_prowl" #if $sickbeard.USE_PROWL then 'checked="checked"' else ''# />
									<p>should SickGear send Prowl notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_prowl">
							<div class="field-pair">
								<label for="prowl_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="prowl_notify_onsnatch" id="prowl_notify_onsnatch" #if $sickbeard.PROWL_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="prowl_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="prowl_notify_ondownload" id="prowl_notify_ondownload" #if $sickbeard.PROWL_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="prowl_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="prowl_notify_onsubtitledownload" id="prowl_notify_onsubtitledownload" #if $sickbeard.PROWL_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="prowl_api">
									<span class="component-title">Prowl API key:</span>
									<input type="text" name="prowl_api" id="prowl_api" value="<%= starify(sickbeard.PROWL_API) %>" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">get your key at: <a href="<%= anon_url('https://www.prowlapp.com/api_settings.php') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">https://www.prowlapp.com/api_settings.php</a></span>
								</label>
							</div>
							<div class="field-pair">
								<label for="prowl_priority">
									<span class="component-title">Prowl priority:</span>
									<select id="prowl_priority" name="prowl_priority" class="form-control input-sm">
										<option value="-2" #if $sickbeard.PROWL_PRIORITY == '-2' then 'selected="selected"' else ''#>Very Low</option>
										<option value="-1" #if $sickbeard.PROWL_PRIORITY == '-1' then 'selected="selected"' else ''#>Moderate</option>
										<option value="0" #if $sickbeard.PROWL_PRIORITY == '0' then 'selected="selected"' else ''#>Normal</option>
										<option value="1" #if $sickbeard.PROWL_PRIORITY == '1' then 'selected="selected"' else ''#>High</option>
										<option value="2" #if $sickbeard.PROWL_PRIORITY == '2' then 'selected="selected"' else ''#>Emergency</option>
									</select>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">priority of Prowl messages from SickGear.</span>
								</label>
							</div>
							<div class="testNotification" id="testProwl-result">Click below to test.</div>
							<input  class="btn" type="button" value="Test Prowl" id="testProwl" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_prowl //-->

					</fieldset>
				</div><!-- /prowl component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/libnotify.png" alt="" title="Libnotify" />
						<h3><a href="<%= anon_url('http://library.gnome.org/devel/libnotify/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Libnotify</a></h3>
						<p>The standard desktop notification API for Linux/*nix systems.  This notifier will only function if the pynotify module is installed (Ubuntu/Debian package <a href="apt:python-notify">python-notify</a>).</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_libnotify">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_libnotify" id="use_libnotify" #if $sickbeard.USE_LIBNOTIFY then 'checked="checked"' else ''# />
									<p>should SickGear send Libnotify notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_libnotify">
							<div class="field-pair">
								<label for="libnotify_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="libnotify_notify_onsnatch" id="libnotify_notify_onsnatch" #if $sickbeard.LIBNOTIFY_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="libnotify_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="libnotify_notify_ondownload" id="libnotify_notify_ondownload" #if $sickbeard.LIBNOTIFY_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="libnotify_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="libnotify_notify_onsubtitledownload" id="libnotify_notify_onsubtitledownload" #if $sickbeard.LIBNOTIFY_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="testNotification" id="testLibnotify-result">Click below to test.</div>
							<input  class="btn" type="button" value="Test Libnotify" id="testLibnotify" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_libnotify //-->

					</fieldset>
				</div><!-- /libnotify component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/pushover.png" alt="" title="Pushover" />
						<h3><a href="<%= anon_url('https://pushover.net/apps/clone/SickGear') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Pushover</a></h3>
						<p>Pushover makes it easy to send real-time notifications to your Android and iOS devices.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_pushover">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_pushover" id="use_pushover" #if $sickbeard.USE_PUSHOVER then 'checked="checked"' else ''# />
									<p>should SickGear send Pushover notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_pushover">
							<div class="field-pair">
								<label for="pushover_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="pushover_notify_onsnatch" id="pushover_notify_onsnatch" #if $sickbeard.PUSHOVER_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="pushover_notify_ondownload" id="pushover_notify_ondownload" #if $sickbeard.PUSHOVER_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="pushover_notify_onsubtitledownload" id="pushover_notify_onsubtitledownload" #if $sickbeard.PUSHOVER_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover_userkey">
									<span class="component-title">Pushover key</span>
									<input type="text" name="pushover_userkey" id="pushover_userkey" value="<%= starify(sickbeard.PUSHOVER_USERKEY) %>" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">user key of your Pushover account</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover_apikey">
									<span class="component-title">Pushover API key</span>
									<input type="text" name="pushover_apikey" id="pushover_apikey" value="<%= starify(sickbeard.PUSHOVER_APIKEY) %>" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc"><a href="<%= anon_url('https://pushover.net/apps/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;"><b>Click here</b></a> to create a Pushover API key</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover_priority">
									<span class="component-title">Pushover priority:</span>
									<select id="pushover_priority" name="pushover_priority" class="form-control input-sm">
										<option value="-2" #if $sickbeard.PUSHOVER_PRIORITY == '-2' then 'selected="selected"' else ''#>Lowest</option>
										<option value="-1" #if $sickbeard.PUSHOVER_PRIORITY == '-1' then 'selected="selected"' else ''#>Low</option>
										<option value="0" #if $sickbeard.PUSHOVER_PRIORITY == '0' then 'selected="selected"' else ''#>Normal</option>
										<option value="1" #if $sickbeard.PUSHOVER_PRIORITY == '1' then 'selected="selected"' else ''#>High</option>
									</select>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">priority of Pushover messages from SickGear.</span>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">overview: <a href="<%= anon_url('https://pushover.net/api#priority') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">https://pushover.net/api#priority</a></span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover_device">
									<span class="component-title">Pushover device</span>
									<input type="hidden" name="pushover_device" id="pushover_device" value="$sickbeard.PUSHOVER_DEVICE" size="35" />
									<select id="pushover_device_list" name="pushover_device_list" class="pull-left form-control input-sm" style="margin-right: 5px;">
									</select>
									<input type="button" class="btn btn-inline" value="Refresh Devices" id="getPushoverDevices" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">which device do you want to push to?</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover_sound">
									<span class="component-title">Pushover sound</span>
									<select id="pushover_sound" name="pushover_sound" class="form-control input-sm">
										<option value="pushover" #if $sickbeard.PUSHOVER_SOUND == 'pushover' then 'selected="selected"' else ''#>Pushover (default)</option>
										<option value="bike" #if $sickbeard.PUSHOVER_SOUND == 'bike' then 'selected="selected"' else ''#>Bike</option>
										<option value="bugle" #if $sickbeard.PUSHOVER_SOUND == 'bugle' then 'selected="selected"' else ''#>Bugle</option>
										<option value="cashregister" #if $sickbeard.PUSHOVER_SOUND == 'cashregister' then 'selected="selected"' else ''#>Cash Register</option>
										<option value="classical" #if $sickbeard.PUSHOVER_SOUND == 'classical' then 'selected="selected"' else ''#>Classical</option>
										<option value="cosmic" #if $sickbeard.PUSHOVER_SOUND == 'cosmic' then 'selected="selected"' else ''#>Cosmic</option>
										<option value="falling" #if $sickbeard.PUSHOVER_SOUND == 'falling' then 'selected="selected"' else ''#>Falling</option>
										<option value="gamelan" #if $sickbeard.PUSHOVER_SOUND == 'gamelan' then 'selected="selected"' else ''#>Gamelan</option>
										<option value="incoming" #if $sickbeard.PUSHOVER_SOUND == 'incoming' then 'selected="selected"' else ''#>Incoming</option>
										<option value="intermission" #if $sickbeard.PUSHOVER_SOUND == 'intermission' then 'selected="selected"' else ''#>Intermission</option>
										<option value="magic" #if $sickbeard.PUSHOVER_SOUND == 'magic' then 'selected="selected"' else ''#>Magic</option>
										<option value="mechanical" #if $sickbeard.PUSHOVER_SOUND == 'mechanical' then 'selected="selected"' else ''#>Mechanical</option>
										<option value="pianobar" #if $sickbeard.PUSHOVER_SOUND == 'pianobar' then 'selected="selected"' else ''#>Piano Bar</option>
										<option value="siren" #if $sickbeard.PUSHOVER_SOUND == 'siren' then 'selected="selected"' else ''#>Siren</option>
										<option value="spacealarm" #if $sickbeard.PUSHOVER_SOUND == 'spacealarm' then 'selected="selected"' else ''#>Space Alarm</option>
										<option value="tugboat" #if $sickbeard.PUSHOVER_SOUND == 'tugboat' then 'selected="selected"' else ''#>Tug Boat</option>
										<option value="alien" #if $sickbeard.PUSHOVER_SOUND == 'alien' then 'selected="selected"' else ''#>Alien Alarm (long)</option>
										<option value="climb" #if $sickbeard.PUSHOVER_SOUND == 'climb' then 'selected="selected"' else ''#>Climb (long)</option>
										<option value="persistent" #if $sickbeard.PUSHOVER_SOUND == 'persistent' then 'selected="selected"' else ''#>Persistent (long)</option>
										<option value="echo" #if $sickbeard.PUSHOVER_SOUND == 'echo' then 'selected="selected"' else ''#>Pushover Echo (long)</option>
										<option value="updown" #if $sickbeard.PUSHOVER_SOUND == 'updown' then 'selected="selected"' else ''#>Up Down (long)</option>
										<option value="none" #if $sickbeard.PUSHOVER_SOUND == 'none' then 'selected="selected"' else ''#>None (silent)</option>
									</select>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">select one of the predefined sounds for your notifications</span>
								</label>
							</div>
							<div class="testNotification" id="testPushover-result">Click below to test.</div>
							<input class="btn" type="button" value="Test Pushover" id="testPushover" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_pushover //-->

					</fieldset>
				</div><!-- /pushover component-group //-->

				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/boxcar2.png" alt="" title="Boxcar2"/>
						<h3><a href="<%= anon_url('https://boxcar.io/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Boxcar2</a></h3>
						<p>Read your messages where and when you want them!</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_boxcar2">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_boxcar2" id="use_boxcar2" #if $sickbeard.USE_BOXCAR2 then 'checked="checked"' else ''# />
									<p>should SickGear send Boxcar2 notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_boxcar2">
							<div class="field-pair">
								<label for="boxcar2_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="boxcar2_notify_onsnatch" id="boxcar2_notify_onsnatch" #if $sickbeard.BOXCAR2_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="boxcar2_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="boxcar2_notify_ondownload" id="boxcar2_notify_ondownload" #if $sickbeard.BOXCAR2_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="boxcar2_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="boxcar2_notify_onsubtitledownload" id="boxcar2_notify_onsubtitledownload" #if $sickbeard.BOXCAR2_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="boxcar2_accesstoken">
									<span class="component-title">Boxcar2 access token</span>
									<input type="text" name="boxcar2_accesstoken" id="boxcar2_accesstoken" value="<%= starify(sickbeard.BOXCAR2_ACCESSTOKEN) %>" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">access token for your Boxcar2 account.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="boxcar2_sound">
									<span class="component-title">Custom sound</span>
									<select id="boxcar2_sound" name="boxcar2_sound" class="form-control input-sm">
										<option value="default" #if $sickbeard.BOXCAR2_SOUND == 'default' then 'selected="selected"' else ''#>Default (General)</option>
										<option value="no-sound" #if $sickbeard.BOXCAR2_SOUND == 'no-sound' then 'selected="selected"' else ''#>Silent</option>
										<option value="beep-crisp" #if $sickbeard.BOXCAR2_SOUND == 'beep-crisp' then 'selected="selected"' else ''#>Beep Crisp</option>
										<option value="beep-soft" #if $sickbeard.BOXCAR2_SOUND == 'beep-soft' then 'selected="selected"' else ''#>Beep Soft</option>
										<option value="bell-modern" #if $sickbeard.BOXCAR2_SOUND == 'bell-modern' then 'selected="selected"' else ''#>Bell Modern</option>
										<option value="bell-one-tone" #if $sickbeard.BOXCAR2_SOUND == 'bell-one-tone' then 'selected="selected"' else ''#>Bell One Tone</option>
										<option value="bell-simple" #if $sickbeard.BOXCAR2_SOUND == 'bell-simple' then 'selected="selected"' else ''#>Bell Simple</option>
										<option value="bell-triple" #if $sickbeard.BOXCAR2_SOUND == 'bell-triple' then 'selected="selected"' else ''#>Bell Triple</option>
										<option value="bird-1" #if $sickbeard.BOXCAR2_SOUND == 'bird-1' then 'selected="selected"' else ''#>Bird 1</option>
										<option value="bird-2" #if $sickbeard.BOXCAR2_SOUND == 'bird-2' then 'selected="selected"' else ''#>Bird 2</option>
										<option value="boing" #if $sickbeard.BOXCAR2_SOUND == 'boing' then 'selected="selected"' else ''#>Boing</option>
										<option value="cash" #if $sickbeard.BOXCAR2_SOUND == 'cash' then 'selected="selected"' else ''#>Cash</option>
										<option value="clanging" #if $sickbeard.BOXCAR2_SOUND == 'clanging' then 'selected="selected"' else ''#>Clanging</option>
										<option value="detonator-charge" #if $sickbeard.BOXCAR2_SOUND == 'detonator-charge' then 'selected="selected"' else ''#>Detonator Charge</option>
										<option value="digital-alarm" #if $sickbeard.BOXCAR2_SOUND == 'digital-alarm' then 'selected="selected"' else ''#>Digital Alarm</option>
										<option value="done" #if $sickbeard.BOXCAR2_SOUND == 'done' then 'selected="selected"' else ''#>Done</option>
										<option value="echo" #if $sickbeard.BOXCAR2_SOUND == 'echo' then 'selected="selected"' else ''#>Echo</option>
										<option value="flourish" #if $sickbeard.BOXCAR2_SOUND == 'flourish' then 'selected="selected"' else ''#>Flourish</option>
										<option value="harp" #if $sickbeard.BOXCAR2_SOUND == 'harp' then 'selected="selected"' else ''#>Harp</option>
										<option value="light" #if $sickbeard.BOXCAR2_SOUND == 'light' then 'selected="selected"' else ''#>Light</option>
										<option value="magic-chime" #if $sickbeard.BOXCAR2_SOUND == 'magic-chime' then 'selected="selected"' else ''#>Magic Chime</option>
										<option value="magic-coin" #if $sickbeard.BOXCAR2_SOUND == 'magic-coin' then 'selected="selected"' else ''#>Magic Coin 1</option>
										<option value="notifier-1" #if $sickbeard.BOXCAR2_SOUND == 'notifier-1' then 'selected="selected"' else ''#>Notifier 1</option>
										<option value="notifier-2" #if $sickbeard.BOXCAR2_SOUND == 'notifier-2' then 'selected="selected"' else ''#>Notifier 2</option>
										<option value="notifier-3" #if $sickbeard.BOXCAR2_SOUND == 'notifier-3' then 'selected="selected"' else ''#>Notifier 3</option>
										<option value="orchestral-long" #if $sickbeard.BOXCAR2_SOUND == 'orchestral-long' then 'selected="selected"' else ''#>Orchestral Long</option>
										<option value="orchestral-short" #if $sickbeard.BOXCAR2_SOUND == 'orchestral-short' then 'selected="selected"' else ''#>Orchestral Short</option>
										<option value="score" #if $sickbeard.BOXCAR2_SOUND == 'score' then 'selected="selected"' else ''#>Score</option>
										<option value="success" #if $sickbeard.BOXCAR2_SOUND == 'success' then 'selected="selected"' else ''#>Success</option>
										<option value="up" #if $sickbeard.BOXCAR2_SOUND == 'up' then 'selected="selected"' else ''#>Up</option>
									</select>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">override the default sound selected for the general notification.</span>
								</label>
							</div>
							<div class="testNotification" id="testBoxcar2-result">Click below to test.</div>
							<input  class="btn" type="button" value="Test Boxcar2" id="testBoxcar2" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_boxcar2 //-->

					</fieldset>
				</div><!-- /boxcar2 component-group //-->

				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/nma.png" alt="" title="NMA"/>
						<h3><a href="<%= anon_url('https://www.notifymyandroid.com') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Notify My Android</a></h3>
						<p>Notify My Android is a Prowl-like Android App and API that offers an easy way to send notifications from your application directly to your Android device.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_nma">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_nma" id="use_nma" #if $sickbeard.USE_NMA then 'checked="checked"' else ''# />
									<p>should SickGear send NMA notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_nma">
							<div class="field-pair">
								<label for="nma_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="nma_notify_onsnatch" id="nma_notify_onsnatch" #if $sickbeard.NMA_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nma_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="nma_notify_ondownload" id="nma_notify_ondownload" #if $sickbeard.NMA_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nma_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="nma_notify_onsubtitledownload" id="nma_notify_onsubtitledownload" #if $sickbeard.NMA_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nma_api">
									   <span class="component-title">NMA API key:</span>
									<input type="text" name="nma_api" id="nma_api" value="<%= starify(sickbeard.NMA_API) %>" class="form-control input-sm input350" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">(multiple keys must be seperated by commas, up to a maximum of 5)</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nma_priority">
									<span class="component-title">NMA priority:</span>
									   <select id="nma_priority" name="nma_priority" class="form-control input-sm">
										<option value="-2" #if $sickbeard.NMA_PRIORITY == '-2' then 'selected="selected"' else ''#>Very Low</option>
										<option value="-1" #if $sickbeard.NMA_PRIORITY == '-1' then 'selected="selected"' else ''#>Moderate</option>
										<option value="0" #if $sickbeard.NMA_PRIORITY == '0' then 'selected="selected"' else ''#>Normal</option>
										<option value="1" #if $sickbeard.NMA_PRIORITY == '1' then 'selected="selected"' else ''#>High</option>
										<option value="2" #if $sickbeard.NMA_PRIORITY == '2' then 'selected="selected"' else ''#>Emergency</option>
									</select>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">priority of NMA messages from SickGear.</span>
								</label>
							</div>
							<div class="testNotification" id="testNMA-result">Click below to test.</div>
							<input  class="btn" type="button" value="Test NMA" id="testNMA" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_nma //-->

					</fieldset>
				</div><!-- /nma component-group //-->

				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/pushalot.png" alt="" title="Pushalot" />
						<h3><a href="<%= anon_url('https://pushalot.com') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Pushalot</a></h3>
						<p>Pushalot is a platform for receiving custom push notifications to connected devices running Windows Phone or Windows 8.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_pushalot">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_pushalot" id="use_pushalot" #if $sickbeard.USE_PUSHALOT then 'checked="checked"' else ''# />
									<p>should SickGear send Pushalot notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_pushalot">
							<div class="field-pair">
								<label for="pushalot_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="pushalot_notify_onsnatch" id="pushalot_notify_onsnatch" #if $sickbeard.PUSHALOT_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushalot_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="pushalot_notify_ondownload" id="pushalot_notify_ondownload" #if $sickbeard.PUSHALOT_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushalot_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="pushalot_notify_onsubtitledownload" id="pushalot_notify_onsubtitledownload" #if $sickbeard.PUSHALOT_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushalot_authorizationtoken">
									<span class="component-title">Pushalot authorization token</span>
									<input type="text" name="pushalot_authorizationtoken" id="pushalot_authorizationtoken" value="<%= starify(sickbeard.PUSHALOT_AUTHORIZATIONTOKEN) %>" class="form-control input-sm input350" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">authorization token of your Pushalot account.</span>
								</label>
							</div>
							<div class="testNotification" id="testPushalot-result">Click below to test.</div>
							<input type="button" class="btn" value="Test Pushalot" id="testPushalot" />
							<input type="submit" class="btn config_submitter" value="Save Changes" />
						</div><!-- /content_use_pushalot //-->

					</fieldset>
				</div><!-- /pushalot component-group //-->

				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/pushbullet.png" alt="" title="Pushbullet" />
						<h3><a href="<%= anon_url('https://www.pushbullet.com') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Pushbullet</a></h3>
						<p>Pushbullet allows you to send push notifications to Android, iOS and supported browsers.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_pushbullet">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_pushbullet" id="use_pushbullet" #if $sickbeard.USE_PUSHBULLET then 'checked="checked"' else ''# />
									<p>should SickGear send Pushbullet notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_pushbullet">
							<div class="field-pair">
								<label for="pushbullet_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="pushbullet_notify_onsnatch" id="pushbullet_notify_onsnatch" #if $sickbeard.PUSHBULLET_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushbullet_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="pushbullet_notify_ondownload" id="pushbullet_notify_ondownload" #if $sickbeard.PUSHBULLET_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushbullet_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="pushbullet_notify_onsubtitledownload" id="pushbullet_notify_onsubtitledownload" #if $sickbeard.PUSHBULLET_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushbullet_access_token">
									<span class="component-title">Pushbullet access token</span>
									<input type="text" name="pushbullet_access_token" id="pushbullet_access_token" value="<%= starify(sickbeard.PUSHBULLET_ACCESS_TOKEN) %>" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">get your token at: <a href="<%= anon_url('https://www.pushbullet.com/account') %>" rel="noreferrer" onclick="window.open('${sickbeard.ANON_REDIRECT}' + this.href, '_blank'); return false;">https://www.pushbullet.com/account</a></span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushbullet_device_iden">
									<span class="component-title">Pushbullet device</span>
									<input type="hidden" name="pushbullet_device_iden" id="pushbullet_device_iden" value="$sickbeard.PUSHBULLET_DEVICE_IDEN" size="35" />
									<select id="pushbullet_device_list" name="pushbullet_device_list" class="pull-left form-control input-sm" style="margin-right: 5px;">
									</select>
									<input type="button" class="btn btn-inline" value="Refresh Devices" id="getPushbulletDevices" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">which device do you want to push to?</span>
								</label>
							</div>
							<div class="testNotification" id="testPushbullet-result">Click below to test.</div>
							<input type="button" class="btn" value="Test Pushbullet" id="testPushbullet" />
							<input type="submit" class="btn config_submitter" value="Save Changes" />
						</div><!-- /content_use_pushbullet //-->

					</fieldset>
				</div><!-- /pushbullet component-group //-->

			</div>

			<div id="tabs-3">
				<div class="component-group">
					   <div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/twitter.png" alt="" title="Twitter"/>
						<h3><a href="<%= anon_url('http://www.twitter.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Twitter</a></h3>
						<p>A social networking and microblogging service, enabling its users to send and read other users' messages called tweets.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_twitter">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_twitter" id="use_twitter" #if $sickbeard.USE_TWITTER then 'checked="checked"' else ''# />
									<p>should SickGear post tweets on Twitter ?</p>
								</span>
							</label>
							<label>
								<span class="component-title">&nbsp;</span>
								<span class="component-desc"><b>Note:</b> you may want to use a secondary account.</span>
							</label>
						</div>

						<div id="content_use_twitter">
							<div class="field-pair">
								<label for="twitter_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="twitter_notify_onsnatch" id="twitter_notify_onsnatch" #if $sickbeard.TWITTER_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="twitter_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="twitter_notify_ondownload" id="twitter_notify_ondownload" #if $sickbeard.TWITTER_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="twitter_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="twitter_notify_onsubtitledownload" id="twitter_notify_onsubtitledownload" #if $sickbeard.TWITTER_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label>
									<span class="component-title">Step One</span>
								</label>
								<label>
									<span style="font-size:11px">Click the "Request Authorization" button.<br/> This will open a new page containing an auth key.<br/> <b>Note:</b> if nothing happens check your popup blocker.<br/></span>
									<input class="btn" type="button" value="Request Authorization" id="twitterStep1" />
								</label>
							</div>
							<div class="field-pair">
								<label>
									<span class="component-title">Step Two</span>
								</label>
								<label>
									<span style="font-size: 11px;">Enter the key Twitter gave you below, and click "Verify Key".<br/><br/></span>
									<input type="text" id="twitter_key" value="" class="form-control input-sm input350" />
									<input class="btn btn-inline" type="button" value="Verify Key" id="twitterStep2" />
								</label>
							</div>
							<!--
							<div class="field-pair">
								<label>
									<span class="component-title">Step Three</span>
								</label>
							</div>
							//-->
							<div class="testNotification" id="testTwitter-result">Click below to test.</div>
							<input  class="btn" type="button" value="Test Twitter" id="testTwitter" />
							<input type="submit" class="config_submitter btn" value="Save Changes" />
						</div><!-- /content_use_twitter //-->

					</fieldset>
				</div><!-- /twitter component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/trakt.png" alt="" title="Trakt"/>
						<h3><a href="<%= anon_url('http://trakt.tv/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Trakt</a></h3>
						<p>Trakt can keep a record of what TV shows you are watching and recommend additional shows based on your show data.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_trakt">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_trakt" id="use_trakt" #if $sickbeard.USE_TRAKT then 'checked="checked"' else ''# />
									<p>should SickGear use Trakt.tv ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_trakt">
							<div class="field-pair">
								<label for="trakt_accounts">
									<span class="component-title">Trakt account (status):</span>
									<span class="component-desc">
									<select name="trakt_accounts" id="trakt_accounts" class="pull-left form-control input-sm">
										<option value="new" selected="selected">Add account</option>
#set $trakt_accounts = $sickbeard.TRAKT_ACCOUNTS
#for $void, $account in $trakt_accounts.items()
											<option value="$account.account_id">$account.account_id - $account.name #if $account.active then '(ok)' else '(inactive)'#</option>
#end for
									</select>
									<input type="button" class="btn" value="Delete" id="trakt-delete" disabled="disabled" />
									</span>
								</label>
								<label for="trakt_pin">
									<span class="component-title">Trakt PIN:</span>
									<span class="component-desc">
										<input type="text" name="trakt_pin" id="trakt_pin" value="" class="form-control input-sm input250" />
										<input type="button" class="btn" value="Connect" id="trakt-authenticate" />
										<div class="clear-left"><p>get an active PIN using: <a href="<%= anon_url(sickbeard.TRAKT_PIN_URL) %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;"><b>$sickbeard.TRAKT_PIN_URL</b></a>
										<br />tip: easily add accounts by using the link in other browsers "signed in" to Trakt
										</p></div>
									</span>
								</label>
								<div class="testNotification" id="trakt-authentication-result"></div>
							</div>

							<div class="field-pair">
								<span class="trakt component-desc" style="width:100%">
#set num_accounts = len($trakt_accounts)
#set $num_columns = (1, num_accounts)[1 < num_accounts]
									<table id="trakt-collection" class="solid-border" cellpadding="0" cellspacing="0" border="0">
										<thead>
											<tr>
												<th class="col-1" style="font-size:12px;font-weight:normal" rowspan="2"><i>Update multiple accounts with downloaded episode info</i></th>
												<th colspan="$num_columns">#echo not len($trakt_accounts) and '<i>Connect New Pin</i>' or 1 < len($trakt_accounts) and 'Trakt accounts' or 'Account'#</th>
											</tr>
											<tr>
#if not len($trakt_accounts)
												<th>..</th>
#end if
#for $void, $account in $trakt_accounts.items()
												<th class="tid-$account.account_id">$account.name#if $account.active then '' else '<br />(inactive)'#</th>
#end for
											</tr>
										</thead>
										<tbody>
#if not $root_dirs:
    #set $root_dirs = [{'root_def': False, 'loc': 'all folders. Multiple parent folders will appear here.', 'b64': ''}]
#end if
#for $root_info in $root_dirs:
											<tr class="solid-border-top">
												<td class="col-1"><span style="font-size:13px;font-weight:bold" data-loc="$root_info['b64']">Update collection</span></td>
    #if not len($trakt_accounts)
												<td class="opt">..</td>
    #end if
    #for $void, $account in $trakt_accounts.items()
        #set $cur_selected = ('', ' checked="checked"')[$root_info['loc'] in $sickbeard.TRAKT_UPDATE_COLLECTION.get($account.account_id, '')]
        #set $id_loc = "update_trakt_%s_%s" % ($account.account_id, $root_info['b64'])
												<td class="opt">
													<input type="checkbox" id="$id_loc" name="$id_loc"$cur_selected />
												</td>
    #end for
												</tr>
											<tr>
												<td colspan="${1 + $num_columns}">for #if $root_info['root_def'] then '*' else ''#$root_info['loc']</td>
											</tr>
#end for
										</tbody>
									</table>
								</span>
							</div>
							<!--
							<div class="field-pair">
								<label for="trakt_default_indexer">
									<span class="component-title">Default indexer:</span>
									<span class="component-desc">
										<select id="trakt_default_indexer" name="trakt_default_indexer" class="form-control input-sm">
											#for $indexer in $sickbeard.indexerApi().indexers
											<option value="$indexer" #if $indexer == $sickbeard.TRAKT_DEFAULT_INDEXER then 'selected="selected"' else ''#>$sickbeard.indexerApi().indexers[$indexer]</option>
											#end for
										</select>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="trakt_sync">
									<span class="component-title">Sync libraries:</span>
									<span class="component-desc">
										<input type="checkbox" class="enabler" name="trakt_sync" id="trakt_sync" #if $sickbeard.TRAKT_SYNC then 'checked="checked"' else ''# />
										<p>sync your SickGear show library with your trakt show library.</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="trakt_use_watchlist">
									<span class="component-title">Use watchlist:</span>
									<span class="component-desc">
										<input type="checkbox" class="enabler" name="trakt_use_watchlist" id="trakt_use_watchlist" #if $sickbeard.TRAKT_USE_WATCHLIST then 'checked="checked"' else ''# />
										<p>get new shows from your trakt watchlist.</p>
									</span>
								</label>
							</div>
							<div id="content_trakt_use_watchlist">
								<div class="field-pair">
									<label for="trakt_method_add">
										<span class="component-title">Watchlist add method:</span>
										   <select id="trakt_method_add" name="trakt_method_add" class="form-control input-sm">
											<option value="0" #if $sickbeard.TRAKT_METHOD_ADD == 0 then 'selected="selected"' else ''#>Skip All</option>
											<option value="1" #if $sickbeard.TRAKT_METHOD_ADD == 1 then 'selected="selected"' else ''#>Download Pilot Only</option>
											<option value="2" #if $sickbeard.TRAKT_METHOD_ADD == 2 then 'selected="selected"' else ''#>Get whole show</option>
										</select>
									</label>
									<label>
										<span class="component-title">&nbsp;</span>
										<span class="component-desc">method in which to download episodes for new show's.</span>
									</label>
								</div>
								<div class="field-pair">
									<label for="trakt_remove_watchlist">
										<span class="component-title">Remove episode:</span>
										<span class="component-desc">
											<input type="checkbox" name="trakt_remove_watchlist" id="trakt_remove_watchlist" #if $sickbeard.TRAKT_REMOVE_WATCHLIST then 'checked="checked"' else ''# />
											<p>remove an episode from your watchlist after it is downloaded.</p>
										</span>
									</label>
								 </div>
								<div class="field-pair">
									<label for="trakt_remove_serieslist">
										<span class="component-title">Remove series:</span>
										<span class="component-desc">
											<input type="checkbox" name="trakt_remove_serieslist" id="trakt_remove_serieslist" #if $sickbeard.TRAKT_REMOVE_SERIESLIST then 'checked="checked"' else ''# />
											<p>remove the whole series from your watchlist after any download.</p>
										</span>
									</label>
								</div>
								<div class="field-pair">
									<label for="trakt_start_paused">
										<span class="component-title">Start paused:</span>
										<span class="component-desc">
											<input type="checkbox" name="trakt_start_paused" id="trakt_start_paused" #if $sickbeard.TRAKT_START_PAUSED then 'checked="checked"' else ''# />
											<p>show's grabbed from your trakt watchlist start paused.</p>
										</span>
									</label>
								</div>
							</div>
							-->
							<input type="submit" class="btn config_submitter" value="Save Changes" />
						</div><!-- /content_use_trakt //-->
					</fieldset>
				</div><!-- /trakt component-group //-->

				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/email.png" alt="" title="Email" />
						<h3><a href="<%= anon_url('http://en.wikipedia.org/wiki/Comparison_of_webmail_providers') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Email</a></h3>
						<p>Allows configuration of email notifications on a per show basis.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use_email">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_email" id="use_email" #if $sickbeard.USE_EMAIL then 'checked="checked"' else ''# />
									<p>should SickGear send email notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use_email">
							<div class="field-pair">
								<label for="email_notify_onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="email_notify_onsnatch" id="email_notify_onsnatch" #if $sickbeard.EMAIL_NOTIFY_ONSNATCH then 'checked="checked"' else ''# />
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_notify_ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="email_notify_ondownload" id="email_notify_ondownload" #if $sickbeard.EMAIL_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_notify_onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="email_notify_onsubtitledownload" id="email_notify_onsubtitledownload" #if $sickbeard.EMAIL_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''# />
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_host">
									<span class="component-title">SMTP host</span>
									<input type="text" name="email_host" id="email_host" value="$sickbeard.EMAIL_HOST" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">hostname of your SMTP email server.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_port">
									<span class="component-title">SMTP port</span>
									<input type="text" name="email_port" id="email_port" value="$sickbeard.EMAIL_PORT" class="form-control input-sm input75" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">port number used to connect to your SMTP host.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_from">
									<span class="component-title">SMTP from</span>
									<input type="text" name="email_from" id="email_from" value="$sickbeard.EMAIL_FROM" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">sender email address, some hosts require a real address.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_tls">
									<span class="component-title">Use TLS</span>
									<span class="component-desc">
										<input type="checkbox" name="email_tls" id="email_tls" #if $sickbeard.EMAIL_TLS then 'checked="checked"' else ''# />
										<p>check to use TLS encryption.</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_user">
									<span class="component-title">SMTP user</span>
									<input type="text" name="email_user" id="email_user" value="$sickbeard.EMAIL_USER" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">(optional) your SMTP server username.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_password">
									<span class="component-title">SMTP password</span>
									<input type="password" name="email_password" id="email_password" value="#echo '*' * len($sickbeard.EMAIL_PASSWORD)#" class="form-control input-sm input250" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">(optional) your SMTP server password.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_list">
									<span class="component-title">Global email list</span>
									<input type="text" name="email_list" id="email_list" value="$sickbeard.EMAIL_LIST" class="form-control input-sm input350" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">all emails here receive notifications for <b>all</b> shows.</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email_show">
									<span class="component-title">Show notification list</span>
									<select name="email_show" id="email_show" class="form-control input-sm">
										<option value="-1">-- Select a Show --</option>
									</select>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<input type="text" name="email_show_list" id="email_show_list" class="form-control input-sm input350" />
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">configure per show notifications here.</span>
								</label>
							</div>

							<div class="testNotification" id="testEmail-result">Click below to test.</div>
							<input class="btn" type="button" value="Test Email" id="testEmail" />
							<input class="btn" type="submit" class="config_submitter" value="Save Changes" />
						</div><!-- /content_use_email //-->
					</fieldset>
				</div><!-- /email component-group //-->

			</div><!-- /config-components //-->
		</form>

		<br/><input type="submit" class="config_submitter btn" value="Save Changes" /><br/>

	</div>
</div>

<div class="clearfix"></div>

<script type="text/javascript" charset="utf-8">
<!--
	jQuery('#config-components').tabs();
//-->
</script>

#include $os.path.join($sickbeard.PROG_DIR, 'gui/slick/interfaces/default/inc_bottom.tmpl')