#import base64
#import sickgear
#import re
#from lib.api_trakt import TraktAPI
#from sickgear.helpers import anon_url, starify
#from sickgear.notifiers import NotifierFactory
<% def sg_var(varname, default=False): return getattr(sickgear, varname, default) %>#slurp#
<% def sg_str(varname, default=''): return getattr(sickgear, varname, default) %>#slurp#
##
#set global $title = 'Config - Notifications'
#set global $header = 'Notifications'
#set global $sbPath = '../..'
#set global $topmenu = 'config'
##
#include $os.path.join($sickgear.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

<img src="$sbRoot/images/loading16#echo ('', '-dark')['dark' == $sickgear.THEME_NAME]#.gif" height="16" width="16" style="display:none">
<div id="config">
	<div id="config-content">
		<form id="configForm" action="$sbRoot/config/notifications/save-notifications" method="post">
			$xsrf_form_html

			<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 bubblelist">
					<div class="type bgcol">
						<span class="list"><div class="item text">Bubble links:</div>
							<div class="item"><a href="#emby" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/emby.png">Emby</a></div>
							<div class="item"><a href="#kodi" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/kodi.png">Kodi</a></div>
							<div class="item"><a href="#plex" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/plex.png">Plex</a></div>
							<div class="item"><a href="#nmj" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/nmj.png">NMJ</a></div>
							<div class="item"><a href="#nmjv2" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/nmj.png">NMJv2</a></div>
							<div class="item"><a href="#synoindexer" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/synoindex.png">Syno Indexer</a></div>
							<div class="item"><a href="#synonotifier" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/synologynotifier.png">Syno Notifier</a></div>
							<div class="item"><a href="#pytivo" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/pytivo.png">pyTivo</a></div>
						</span>
					</div>
				</div>

				<div class="component-group clear-left">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/emby.png" alt="" title="Emby">
						<h3><a name="emby" href="<%= anon_url('http://emby.media/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Emby</a></h3>
						<p>Have a central media database with strong user management, e.g. for improved Kodi profile(s). Gain deep viewing and granular control on any device, e.g. replace Plex entirely, Emby + Kodi > Plex.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
#if not hasattr($sickgear, 'EMBY_UPDATE_LIBRARY')#<span class="red-text">Restart SickGear to reveal new options here</span>#else#
							<label class="cleafix" for="use-emby">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_emby" id="use-emby" #if $sickgear.USE_EMBY then 'checked="checked"' else ''#>
									<p>should SickGear enable features for Emby server(s) ?</p>
								</span>
							</label>
						</div>

						<div id="content_use-emby">
							<div class="field-pair">
								<label for="emby-update-library">
									<span class="component-title">Update media library</span>
									<span class="component-desc">
										<input type="checkbox" name="emby_update_library" id="emby-update-library" #if $sickgear.EMBY_UPDATE_LIBRARY then 'checked="checked"' else ''#>
										<p>push Emby to refresh a show that is post-processed</p>
									</span>
								</label>
							</div>
    #set $selected = ' selected="selected" class="selected"'
							<div class="field-pair">
								<label for="emby-watched-interval">
									<span class="component-title">Update watched interval</span>
									<span class="component-desc">
										<select id="emby-watched-interval" name="emby_watched_interval" class="form-control input-sm view-if">
											<option value="0"#if not $sg_var('EMBY_WATCHEDSTATE_SCHEDULED')#${selected}#end if#>Off </option>
    #for v in [10, 15, 30, 45, 60]
											<option value="$v"#if $sg_var('EMBY_WATCHEDSTATE_SCHEDULED') and $v == $sg_var('EMBY_WATCHEDSTATE_INTERVAL')#${selected}#end if#>$v #if not $sg_var('EMBY_WATCHEDSTATE_SCHEDULED') and $v == $sg_var('EMBY_WATCHEDSTATE_INTERVAL')#(recent) #end if#</option>
    #end for
										</select>
										<span>minutes to fetch episode watched states for the history page</span>
									</span>
								</label>
							</div>
							<div class="field-pair show-if-emby-watched-interval">
								<label for="emby-watched-mapped">
									<span class="component-title">Map parent folder(s)</span>
									<span class="component-desc">
										<input type="text" name="emby_parent_maps" id="emby-watched-mapped" value="$sickgear.EMBY_PARENT_MAPS" class="form-control input-sm input250">
										<p>(comma separated)</p>
										<div class="clear-left"><p>link each Emby library folder that differs to its SickGear parent folder counterpart<br>
										(e.g. d:\tvstuff = c:\tv, /mnt/media/tv = /tv, /emby/folder = /sickgear/parent/folder)</p></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="emby-host">
									<span class="component-title">Host(s) running Emby</span>
									<span class="component-desc">
										<input type="text" name="emby_host" id="emby-host" value="$sickgear.EMBY_HOST" class="form-control input-sm input250">
										<input type="button" class="btn" value="Discover" id="discover-emby">
										<div class="clear-left"><p>IP:Port [, IP:Port] (e.g. 192.168.0.1:8096, 192.168.1.2:8096)</p></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="emby-apikey">
									<span class="component-title">API key(s)</span>
									<span class="component-desc">
										<input type="text" name="emby_apikey" id="emby-apikey" value="<%= starify(sickgear.EMBY_APIKEY) %>" class="form-control input-sm input250">
										<p>(comma separated)</p>
										<div class="clear-left"><p>one key per host from Emby/Manage Server/Advanced/Security</p></div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-emby-result">Click below to test</div>
							<input class="btn" type="button" value="Test Emby" id="test-emby">
							<input type="submit" class="config_submitter btn" value="Save Changes">
#end if
						</div><!-- /content_use-emby //-->
					</fieldset>
				</div><!-- /emby 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 name="kodi" href="<%= anon_url('http://kodi.tv/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Kodi</a></h3>
						<p>Kodi is a 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 $sickgear.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 $sickgear.KODI_ALWAYS_ON then 'checked="checked"' else ''#>
										<p>log errors when unreachable</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi-update-library">
									<span class="component-title">Update shows known to Kodi</span>
									<span class="component-desc">
										<input type="checkbox" name="kodi_update_library" id="kodi-update-library" #if $sickgear.KODI_UPDATE_LIBRARY then 'checked="checked"' else ''#>
										<p>push Kodi to refresh a show that is post-processed</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi-update-full">
									<span class="component-title">Perform full library update</span>
									<span class="component-desc">
										<input type="checkbox" name="kodi_update_full" id="kodi-update-full" #if $sickgear.KODI_UPDATE_FULL then 'checked="checked"' else ''#>
										<p>only when "Update shows" fails. Tip: enables Kodi to add new shows</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 $sickgear.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-watched-mapped">
									<span class="component-title">Map parent folder(s)</span>
									<span class="component-desc">
										<input type="text" name="kodi_parent_maps" id="kodi-watched-mapped" value="$sickgear.KODI_PARENT_MAPS" class="form-control input-sm input250">
										<p>(comma separated)</p>
										<div class="clear-left"><p>link each Kodi library folder that differs to its SickGear parent folder counterpart<br>
										(e.g. d:\tvstuff = c:\tv, /mnt/media/tv = /tv, /kodi/folder = /sickgear/parent/folder)</p></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi-host">
									<span class="component-title">Host(s) running Kodi</span>
									<span class="component-desc">
										<input type="text" name="kodi_host" id="kodi-host" value="$sickgear.KODI_HOST" class="form-control input-sm input350">
										<div class="clear-left"><p>IP:Port [, IP:Port] (e.g. 192.168.0.1:8080, 192.168.1.2:8080)</p></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi-username">
									<span class="component-title">Kodi web server username</span>
									<span class="component-desc">
										<input type="text" name="kodi_username" id="kodi-username" value="$sickgear.KODI_USERNAME" class="form-control input-sm input250">
										<p>(blank for none)</p>
										<div class="clear-left"><p>in Kodi System/Settings/Services/Web server</p></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="kodi-password">
									<span class="component-title">Kodi web server password</span>
									<span class="component-desc">
										<input type="password" autocomplete="nope" name="kodi_password" id="kodi-password" value="#echo '*' * len($sickgear.KODI_PASSWORD)#" class="form-control input-sm input250">
										<p>(blank for none)</p>
										<div class="clear-left"><p>in Kodi System/Settings/Services/Web server</p></div>
									</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 $sickgear.KODI_NOTIFY_ONSNATCH then 'checked="checked"' else ''#>
										<p>download start notification</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 $sickgear.KODI_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''#>
										<p>download finish notification</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 $sickgear.KODI_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''#>
										<p>subtitle downloaded notification</p>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-kodi-result">Click below to test</div>
							<input class="btn" type="button" value="Test Kodi" id="test-kodi">
							<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 name="plex" 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 media, wherever stored, to be enjoyed anywhere.</p>
#if 'XBMC' in NotifierFactory().notifiers
						<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>
#end if
					</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 $sickgear.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="$sickgear.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" autocomplete="nope" name="plex_password" id="plex-password" value="#echo '*' * len($sickgear.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" name="plex_update_library" id="plex-update-library" #if $sickgear.PLEX_UPDATE_LIBRARY then 'checked="checked" ' else ''#/>
											<p>update Plex Media Server library when a download finishes</p>
										</span>
									</label>
								</div>
#set $selected = ' selected="selected" class="selected"'
								<div class="field-pair">
									<label for="plex-watched-interval">
										<span class="component-title">Update watched interval</span>
										<span class="component-desc">
											<select id="plex-watched-interval" name="plex_watched_interval" class="form-control input-sm view-if">
												<option value="0"#if not $sg_var('PLEX_WATCHEDSTATE_SCHEDULED')#${selected}#end if#>Off </option>
#for v in [10, 15, 30, 45, 60]
												<option value="$v"#if $sg_var('PLEX_WATCHEDSTATE_SCHEDULED') and $v == $sg_var('PLEX_WATCHEDSTATE_INTERVAL')#${selected}#end if#>$v #if not $sg_var('PLEX_WATCHEDSTATE_SCHEDULED') and $v == $sg_var('PLEX_WATCHEDSTATE_INTERVAL')#(recent) #end if#</option>
#end for
											</select>
											<span>minutes to fetch episode watched states for the history page</span>
										</span>
									</label>
								</div>
								<div class="field-pair show-if-plex-watched-interval">
									<label for="plex-watched-mapped">
										<span class="component-title">Map parent folder(s)</span>
										<span class="component-desc">
											<input type="text" name="plex_parent_maps" id="plex-watched-mapped" value="$sickgear.PLEX_PARENT_MAPS" class="form-control input-sm input250">
											<p>(comma separated)</p>
											<div class="clear-left"><p>link each Plex library folder that differs to its SickGear parent folder counterpart<br>
											(e.g. d:\tvstuff = c:\tv, /mnt/media/tv = /tv, /plex/folder = /sickgear/parent/folder)</p></div>
										</span>
									</label>
								</div>
								<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', ', ', sickgear.PLEX_SERVER_HOST) %>" class="form-control input-sm input350">
											<div class="clear-left">
												<p>one or more hosts running Plex Media Server<br>(e.g. 192.168.1.1:32400, 192.168.1.2:32400)</p>
											</div>
										</span>
									</label>
								</div>

								<div class="field-pair">
									<div class="test-notification" id="test-pms-result">Click below to test Plex server(s)</div>
									<input class="btn" type="button" value="Test Plex Server" id="test-pms">
									<input type="submit" class="config_submitter btn" value="Save Changes">
									<div class="clear-left">&nbsp;</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 $sickgear.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 $sickgear.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 $sickgear.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', ', ', sickgear.PLEX_HOST) %>" class="form-control input-sm input350">
											<div class="clear-left">
												<p>one or more hosts running Plex client<br>(e.g. 192.168.1.100:3000, 192.168.1.101:3000)</p>
											</div>
										</span>
									</label>
								</div>

								<div class="field-pair">
									<div class="test-notification" id="test-pmc-result">Click below to test Plex client(s)</div>
									<input class="btn" type="button" value="Test Plex Client" id="test-pmc">
									<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 -->


#if 'XBMC' in NotifierFactory().notifiers
				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/xbmc.png" alt="" title="XBMC">
						<h3><a name="xbmc" href="<%= anon_url('http://kodi.tv/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">XBMC</a></h3>
						<p>A 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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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>
									<span class="component-desc">
										<input type="text" name="xbmc_host" id="xbmc-host" value="$sickgear.XBMC_HOST" class="form-control input-sm input350">
										<div class="clear-left"><p>host running XBMC (eg. 192.168.1.100:8080)<br>
											(multiple host strings must be separated by commas)</p></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc-username">
									<span class="component-title">XBMC username</span>
									<span class="component-desc">
										<input type="text" name="xbmc_username" id="xbmc-username" value="$sickgear.XBMC_USERNAME" class="form-control input-sm input250">
										<p>blank = no authentication</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="xbmc-password">
									<span class="component-title">XBMC password</span>
									<span class="component-desc">
										<input type="password" autocomplete="nope" name="xbmc_password" id="xbmc-password" value="#echo '*' * len($sickgear.XBMC_PASSWORD)#" class="form-control input-sm input250">
										<p>blank = no authentication</p>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-xbmc-result">Click below to test</div>
							<input class="btn" type="button" value="Test XBMC" id="test-xbmc">
							<input type="submit" class="config_submitter btn" value="Save Changes">
						</div><!-- /content_use-xbmc //-->
					</fieldset>
				</div><!-- /xbmc component-group //-->
#end if


				<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 name="nmj" 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, is the official media jukebox interface 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 $sickgear.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>
									<span class="component-desc">
										<input type="text" name="nmj_host" id="nmj-host" value="$sickgear.NMJ_HOST" class="form-control input-sm input250">
										<div class="clear-left">IP address of Popcorn 200-series (eg. 192.168.1.100)</div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label>
									<span class="component-title">Get settings</span>
									<span class="component-desc">
										<input class="btn btn-inline" type="button" value="Get Settings" id="settings-nmj">
										<p>the Popcorn Hour device must be powered on and NMJ running</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nmj-database">
									<span class="component-title">NMJ database</span>
									<span class="component-desc">
										<input type="text" name="nmj_database" id="nmj-database" value="$sickgear.NMJ_DATABASE" class="form-control input-sm input250" #if $sickgear.NMJ_DATABASE then "readonly=\"readonly\"" else ''#>
										<div class="clear-left">automatically filled via the 'Get Settings' button</div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nmj-mount">
									<span class="component-title">NMJ mount url</span>
									<span class="component-desc">
										<input type="text" name="nmj_mount" id="nmj-mount" value="$sickgear.NMJ_MOUNT" class="form-control input-sm input250" #if $sickgear.NMJ_MOUNT then "readonly=\"readonly\"" else ''#>
										<div class="clear-left">automatically filled via the 'Get Settings' button</div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-nmj-result">Click below to test</div>
							<input class="btn" type="button" value="Test NMJ" id="test-nmj">
							<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 name="nmjv2" 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, is the official media jukebox interface for 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 $sickgear.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>
									<span class="component-desc">
										<input type="text" name="nmjv2_host" id="nmjv2-host" value="$sickgear.NMJv2_HOST" class="form-control input-sm input250">
										<div class="clear-left">IP address of Popcorn 300/400-series (eg. 192.168.1.100)</div>
									</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 $sickgear.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 $sickgear.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>adjust this value if the wrong database is selected</span>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="settings-nmjv2">
									<span class="component-title">Find database</span>
									<span class="component-desc">
										<input type="button" class="btn btn-inline" value="Find Database" id="settings-nmjv2">
										<p>the Popcorn Hour device must be powered on</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="nmjv2-database">
									<span class="component-title">NMJv2 database</span>
									<span class="component-desc">
										<input type="text" name="nmjv2_database" id="nmjv2-database" value="$sickgear.NMJv2_DATABASE" class="form-control input-sm input250" #if $sickgear.NMJv2_DATABASE then "readonly=\"readonly\"" else ''#>
										<div class="clear-left">automatically filled via the 'Find Database' buttons</div>
									</span>
								</label>
							</div>
						<div class="test-notification" id="test-nmjv2-result">Click below to test</div>
						<input class="btn" type="button" value="Test NMJv2" id="test-nmjv2">
						<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="Syno Indexer">
						<h3><a name="synoindexer" href="<%= anon_url('http://synology.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Syno Indexer</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 $sickgear.USE_SYNOINDEX then 'checked="checked"' else ''#>
									<p>should SickGear send notifications to the Synology indexer ?</p>
								</span>
							</label>
							<label>
								<span class="component-title">&nbsp;</span>
								<span class="component-desc"><b>Note:</b> requires SickGear to be running on a 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="Syno Notifier">
						<h3><a name="synonotifier" href="<%= anon_url('http://synology.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Syno Notifier</a></h3>
						<p>The Synology DSM notification system.</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 $sickgear.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 a 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 $sickgear.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 $sickgear.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 $sickgear.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 name="pytivo" 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 an HMO and GoBack server. This notifier will load the completed downloads to a 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 $sickgear.USE_PYTIVO then 'checked="checked"' else ''#>
									<p>should SickGear send notifications to pyTivo ?</p>
								</span>
							</label>
							<label>
								<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>
									<span class="component-desc">
										<input type="text" name="pytivo_host" id="pytivo-host" value="$sickgear.PYTIVO_HOST" class="form-control input-sm input250">
										<div class="clear-left">host running pyTivo (eg. 192.168.1.1:9032)</div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pytivo-share-name">
									<span class="component-title">pyTivo share name</span>
									<span class="component-desc">
										<input type="text" name="pytivo_share_name" id="pytivo-share-name" value="$sickgear.PYTIVO_SHARE_NAME" class="form-control input-sm input250">
										<div class="clear-left">value used in pyTivo Web Configuration to name the share</div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pytivo-tivo-name">
									<span class="component-title">Tivo name</span>
									<span class="component-desc">
										<input type="text" name="pytivo_tivo_name" id="pytivo-tivo-name" value="$sickgear.PYTIVO_TIVO_NAME" class="form-control input-sm input250">
										<div class="clear-left">in pyTivo use DVR name in ...<br>Messages & Settings > Account & System Information > System Information</div>
									</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 bubblelist">
					<div class="type bgcol">
						<span class="list"><div class="item text">Bubble links:</div>
							<div class="item"><a href="#boxcar2" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/boxcar2.png">Boxcar2</a></div>
#if 'PUSHALOT' in NotifierFactory().notifiers
							<div class="item"><a href="#pushalot" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/pushalot.png">Pushalot</a></div>
#end if
							<div class="item"><a href="#pushbullet" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/pushbullet.png">Pushbullet</a></div>
							<div class="item"><a href="#pushover" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/pushover.png">Pushover</a></div>
							<div class="item"><a href="#growl" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/growl.png">Growl</a></div>
							<div class="item"><a href="#prowl" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/prowl.png">Prowl</a></div>
							<div class="item"><a href="#libnotify" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/libnotify.png">Libnotify</a></div>
						</span>
					</div>
				</div>

				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/boxcar2.png" alt="" title="Boxcar2"/>
						<h3><a name="boxcar2" href="<%= anon_url('https://boxcar.io/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Boxcar2</a></h3>
						<p>Read 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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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-access-token">
									<span class="component-title">Boxcar2 access token</span>
									<span class="component-desc">
										<input type="text" name="boxcar2_access_token" id="boxcar2-access-token" value="<%= starify(sickgear.BOXCAR2_ACCESSTOKEN) %>" class="form-control input-sm input250">
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="boxcar2-sound">
									<span class="component-title">Custom sound</span>
									<span class="component-desc">
										<select id="boxcar2-sound" name="boxcar2_sound" class="form-control input-sm">
											<option value="default" #if $sickgear.BOXCAR2_SOUND == 'default' then 'selected="selected"' else ''#>Default (General)</option>
											<option value="no-sound" #if $sickgear.BOXCAR2_SOUND == 'no-sound' then 'selected="selected"' else ''#>Silent</option>
											<option value="beep-crisp" #if $sickgear.BOXCAR2_SOUND == 'beep-crisp' then 'selected="selected"' else ''#>Beep Crisp</option>
											<option value="beep-soft" #if $sickgear.BOXCAR2_SOUND == 'beep-soft' then 'selected="selected"' else ''#>Beep Soft</option>
											<option value="bell-modern" #if $sickgear.BOXCAR2_SOUND == 'bell-modern' then 'selected="selected"' else ''#>Bell Modern</option>
											<option value="bell-one-tone" #if $sickgear.BOXCAR2_SOUND == 'bell-one-tone' then 'selected="selected"' else ''#>Bell One Tone</option>
											<option value="bell-simple" #if $sickgear.BOXCAR2_SOUND == 'bell-simple' then 'selected="selected"' else ''#>Bell Simple</option>
											<option value="bell-triple" #if $sickgear.BOXCAR2_SOUND == 'bell-triple' then 'selected="selected"' else ''#>Bell Triple</option>
											<option value="bird-1" #if $sickgear.BOXCAR2_SOUND == 'bird-1' then 'selected="selected"' else ''#>Bird 1</option>
											<option value="bird-2" #if $sickgear.BOXCAR2_SOUND == 'bird-2' then 'selected="selected"' else ''#>Bird 2</option>
											<option value="boing" #if $sickgear.BOXCAR2_SOUND == 'boing' then 'selected="selected"' else ''#>Boing</option>
											<option value="cash" #if $sickgear.BOXCAR2_SOUND == 'cash' then 'selected="selected"' else ''#>Cash</option>
											<option value="clanging" #if $sickgear.BOXCAR2_SOUND == 'clanging' then 'selected="selected"' else ''#>Clanging</option>
											<option value="detonator-charge" #if $sickgear.BOXCAR2_SOUND == 'detonator-charge' then 'selected="selected"' else ''#>Detonator Charge</option>
											<option value="digital-alarm" #if $sickgear.BOXCAR2_SOUND == 'digital-alarm' then 'selected="selected"' else ''#>Digital Alarm</option>
											<option value="done" #if $sickgear.BOXCAR2_SOUND == 'done' then 'selected="selected"' else ''#>Done</option>
											<option value="echo" #if $sickgear.BOXCAR2_SOUND == 'echo' then 'selected="selected"' else ''#>Echo</option>
											<option value="flourish" #if $sickgear.BOXCAR2_SOUND == 'flourish' then 'selected="selected"' else ''#>Flourish</option>
											<option value="harp" #if $sickgear.BOXCAR2_SOUND == 'harp' then 'selected="selected"' else ''#>Harp</option>
											<option value="light" #if $sickgear.BOXCAR2_SOUND == 'light' then 'selected="selected"' else ''#>Light</option>
											<option value="magic-chime" #if $sickgear.BOXCAR2_SOUND == 'magic-chime' then 'selected="selected"' else ''#>Magic Chime</option>
											<option value="magic-coin" #if $sickgear.BOXCAR2_SOUND == 'magic-coin' then 'selected="selected"' else ''#>Magic Coin 1</option>
											<option value="notifier-1" #if $sickgear.BOXCAR2_SOUND == 'notifier-1' then 'selected="selected"' else ''#>Notifier 1</option>
											<option value="notifier-2" #if $sickgear.BOXCAR2_SOUND == 'notifier-2' then 'selected="selected"' else ''#>Notifier 2</option>
											<option value="notifier-3" #if $sickgear.BOXCAR2_SOUND == 'notifier-3' then 'selected="selected"' else ''#>Notifier 3</option>
											<option value="orchestral-long" #if $sickgear.BOXCAR2_SOUND == 'orchestral-long' then 'selected="selected"' else ''#>Orchestral Long</option>
											<option value="orchestral-short" #if $sickgear.BOXCAR2_SOUND == 'orchestral-short' then 'selected="selected"' else ''#>Orchestral Short</option>
											<option value="score" #if $sickgear.BOXCAR2_SOUND == 'score' then 'selected="selected"' else ''#>Score</option>
											<option value="success" #if $sickgear.BOXCAR2_SOUND == 'success' then 'selected="selected"' else ''#>Success</option>
											<option value="up" #if $sickgear.BOXCAR2_SOUND == 'up' then 'selected="selected"' else ''#>Up</option>
										</select>
										<div class="clear-left">override the default sound selected for the general notification</div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-boxcar2-result">Click below to test</div>
							<input class="btn" type="button" value="Test Boxcar2" id="test-boxcar2">
							<input type="submit" class="config_submitter btn" value="Save Changes">
						</div><!-- /content_use-boxcar2 //-->

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


#if 'PUSHALOT' in NotifierFactory().notifiers
				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/pushalot.png" alt="" title="Pushalot">
						<h3><a name="pushalot" 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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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 auth token</span>
									<span class="component-desc">
										<input type="text" name="pushalot_authorizationtoken" id="pushalot-authorizationtoken" value="<%= starify(sickgear.PUSHALOT_AUTHORIZATIONTOKEN) %>" class="form-control input-sm input350">
										<div class="clear-left">authorization token of Pushalot account</div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-pushalot-result">Click below to test</div>
							<input type="button" class="btn" value="Test Pushalot" id="test-pushalot">
							<input type="submit" class="btn config_submitter" value="Save Changes">
						</div><!-- /content_use-pushalot //-->

					</fieldset>
				</div><!-- /pushalot component-group //-->
#end if


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/pushbullet.png" alt="" title="Pushbullet">
						<h3><a name="pushbullet" href="<%= anon_url('https://www.pushbullet.com') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Pushbullet</a></h3>
						<p>Pushbullet sends notifications to Android, iOS, and 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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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>
									<span class="component-desc">
										<input type="text" name="pushbullet_access_token" id="pushbullet-access-token" value="<%= starify(sickgear.PUSHBULLET_ACCESS_TOKEN) %>" class="form-control input-sm input250">
										<div class="clear-left">get token at: <a href="<%= anon_url('https://www.pushbullet.com/account') %>" rel="noreferrer" onclick="window.open('${sickgear.ANON_REDIRECT}' + this.href, '_blank'); return false;">https://www.pushbullet.com/account</a></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushbullet-device-iden">
									<span class="component-title">Pushbullet device</span>
									<span class="component-desc">
										<input type="hidden" name="pushbullet_device_iden" id="pushbullet-device-iden" value="$sickgear.PUSHBULLET_DEVICE_IDEN" size="35">
										<select id="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="get-pushbulletDevices">
										<div class="clear-left">which device do you want to push to ?</div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-pushbullet-result">Click below to test</div>
							<input type="button" class="btn" value="Test Pushbullet" id="test-pushbullet">
							<input type="submit" class="btn config_submitter" value="Save Changes">
						</div><!-- /content_use-pushbullet //-->

					</fieldset>
				</div><!-- /pushbullet 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 name="pushover" href="<%= anon_url('https://pushover.net/apps/clone/SickGear') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Pushover</a></h3>
						<p>Pushover sends real-time notifications to 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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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 account user key</span>
									<span class="component-desc">
										<input type="text" name="pushover_userkey" id="pushover-userkey" value="<%= starify(sickgear.PUSHOVER_USERKEY) %>" class="form-control input-sm input250">
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover-apikey">
									<span class="component-title">Pushover API key</span>
									<span class="component-desc">
										<input type="text" name="pushover_apikey" id="pushover-apikey" value="<%= starify(sickgear.PUSHOVER_APIKEY) %>" class="form-control input-sm input250">
										<div class="clear-left"><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</div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover-priority">
									<span class="component-title">Pushover priority:</span>
									<span class="component-desc">
										<select id="pushover-priority" name="pushover_priority" class="form-control input-sm">
											<option value="-2" #if $sickgear.PUSHOVER_PRIORITY == '-2' then 'selected="selected"' else ''#>Lowest</option>
											<option value="-1" #if $sickgear.PUSHOVER_PRIORITY == '-1' then 'selected="selected"' else ''#>Low</option>
											<option value="0" #if $sickgear.PUSHOVER_PRIORITY == '0' then 'selected="selected"' else ''#>Normal</option>
											<option value="1" #if $sickgear.PUSHOVER_PRIORITY == '1' then 'selected="selected"' else ''#>High</option>
										</select>
										<span>priority of Pushover messages from SickGear</span>
										<div class="clear-left">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></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover-device">
									<span class="component-title">Pushover device</span>
									<span class="component-desc">
										<input type="hidden" name="pushover_device" id="pushover-device" value="$sickgear.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="get-pushoverDevices">
										<div class="clear-left">select device to push to ?</div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="pushover-sound">
									<span class="component-title">Pushover sound</span>
									<span class="component-desc">
										<select id="pushover-sound" name="pushover_sound" class="form-control input-sm">
											<option value="pushover" #if $sickgear.PUSHOVER_SOUND == 'pushover' then 'selected="selected"' else ''#>Pushover (default)</option>
											<option value="bike" #if $sickgear.PUSHOVER_SOUND == 'bike' then 'selected="selected"' else ''#>Bike</option>
											<option value="bugle" #if $sickgear.PUSHOVER_SOUND == 'bugle' then 'selected="selected"' else ''#>Bugle</option>
											<option value="cashregister" #if $sickgear.PUSHOVER_SOUND == 'cashregister' then 'selected="selected"' else ''#>Cash Register</option>
											<option value="classical" #if $sickgear.PUSHOVER_SOUND == 'classical' then 'selected="selected"' else ''#>Classical</option>
											<option value="cosmic" #if $sickgear.PUSHOVER_SOUND == 'cosmic' then 'selected="selected"' else ''#>Cosmic</option>
											<option value="falling" #if $sickgear.PUSHOVER_SOUND == 'falling' then 'selected="selected"' else ''#>Falling</option>
											<option value="gamelan" #if $sickgear.PUSHOVER_SOUND == 'gamelan' then 'selected="selected"' else ''#>Gamelan</option>
											<option value="incoming" #if $sickgear.PUSHOVER_SOUND == 'incoming' then 'selected="selected"' else ''#>Incoming</option>
											<option value="intermission" #if $sickgear.PUSHOVER_SOUND == 'intermission' then 'selected="selected"' else ''#>Intermission</option>
											<option value="magic" #if $sickgear.PUSHOVER_SOUND == 'magic' then 'selected="selected"' else ''#>Magic</option>
											<option value="mechanical" #if $sickgear.PUSHOVER_SOUND == 'mechanical' then 'selected="selected"' else ''#>Mechanical</option>
											<option value="pianobar" #if $sickgear.PUSHOVER_SOUND == 'pianobar' then 'selected="selected"' else ''#>Piano Bar</option>
											<option value="siren" #if $sickgear.PUSHOVER_SOUND == 'siren' then 'selected="selected"' else ''#>Siren</option>
											<option value="spacealarm" #if $sickgear.PUSHOVER_SOUND == 'spacealarm' then 'selected="selected"' else ''#>Space Alarm</option>
											<option value="tugboat" #if $sickgear.PUSHOVER_SOUND == 'tugboat' then 'selected="selected"' else ''#>Tug Boat</option>
											<option value="alien" #if $sickgear.PUSHOVER_SOUND == 'alien' then 'selected="selected"' else ''#>Alien Alarm (long)</option>
											<option value="climb" #if $sickgear.PUSHOVER_SOUND == 'climb' then 'selected="selected"' else ''#>Climb (long)</option>
											<option value="persistent" #if $sickgear.PUSHOVER_SOUND == 'persistent' then 'selected="selected"' else ''#>Persistent (long)</option>
											<option value="echo" #if $sickgear.PUSHOVER_SOUND == 'echo' then 'selected="selected"' else ''#>Pushover Echo (long)</option>
											<option value="updown" #if $sickgear.PUSHOVER_SOUND == 'updown' then 'selected="selected"' else ''#>Up Down (long)</option>
											<option value="none" #if $sickgear.PUSHOVER_SOUND == 'none' then 'selected="selected"' else ''#>None (silent)</option>
										</select>
										<div class="clear-left">select one of the predefined sounds for notifications</div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-pushover-result">Click below to test</div>
							<input class="btn" type="button" value="Test Pushover" id="test-pushover">
							<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/growl.png" alt="" title="Growl">
						<h3><a name="growl" href="<%= anon_url('http://growl.info/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Growl</a></h3>
						<p>Self-hosted private device to device notifications for OS X or Windows. Use <a href="https://sourceforge.net/projects/snarlwin/files/Snarl/Current%20Release/Snarl-3.1-setup.exe/download">Snarl R3.1</a> (i.e. not R5.x) on Windows and <a href="http://www.growlforandroid.com">Growl</a> for Android.</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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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 password@host:port</span>
									<span class="component-desc">
										<input type="text" name="growl_host" id="growl-host" value="$sickgear.GROWL_HOST" class="form-control input-sm input250"> comma separated hosts
										<div class="clear-left"><p><span class="grey-text">password@</span> is optional if SickGear is on the same host, otherwise it is required<br>
										<span class="grey-text">:port</span> is optional. (e.g. password@localhost, p4ssw0rd@192.168.1.5:23053)</p>
										</div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-growl-result">Click below to test</div>
							<input class="btn" type="button" value="Test Growl" id="test-growl">
							<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 name="prowl" 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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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>
									<span class="component-desc">
										<input type="text" name="prowl_api" id="prowl-api" value="<%= starify(sickgear.PROWL_API) %>" class="form-control input-sm input250">
										<div class="clear-left">get 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></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="prowl-priority">
									<span class="component-title">Prowl priority:</span>
									<span class="component-desc">
										<select id="prowl-priority" name="prowl_priority" class="form-control input-sm">
											<option value="-2" #if $sickgear.PROWL_PRIORITY == '-2' then 'selected="selected"' else ''#>Very Low</option>
											<option value="-1" #if $sickgear.PROWL_PRIORITY == '-1' then 'selected="selected"' else ''#>Moderate</option>
											<option value="0" #if $sickgear.PROWL_PRIORITY == '0' then 'selected="selected"' else ''#>Normal</option>
											<option value="1" #if $sickgear.PROWL_PRIORITY == '1' then 'selected="selected"' else ''#>High</option>
											<option value="2" #if $sickgear.PROWL_PRIORITY == '2' then 'selected="selected"' else ''#>Emergency</option>
										</select>
										<span>priority of Prowl messages from SickGear</span>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-prowl-result">Click below to test</div>
							<input class="btn" type="button" value="Test Prowl" id="test-prowl">
							<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 name="libnotify" href="<%= anon_url('http://library.gnome.org/devel/libnotify/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Libnotify</a></h3>
						<p>Standard desktop notification API for Linux/*nix systems. Requires pynotify module (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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.LIBNOTIFY_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''#>
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-libnotify-result">Click below to test</div>
							<input class="btn" type="button" value="Test Libnotify" id="test-libnotify">
							<input type="submit" class="config_submitter btn" value="Save Changes">
						</div><!-- /content_use-libnotify //-->

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





			<div id="tabs-3">
				<div class="component-group bubblelist">
					<div class="type bgcol">
						<span class="list"><div class="item text">Bubble links:</div>
							<div class="item"><a href="#trakt" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/trakt.png">Trakt</a></div>
							<div class="item"><a href="#slack" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/slack.png">Slack</a></div>
							<div class="item"><a href="#discord" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/discord.png">Discord</a></div>
							<div class="item"><a href="#gitter" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/gitter.png">Gitter</a></div>
							<div class="item"><a href="#telegram" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/telegram.png">Telegram</a></div>
							<div class="item"><a href="#email" rel="noreferrer"><img height="16px" src="$sbRoot/images/notifiers/email.png">Email</a></div>
						</span>
					</div>
				</div>

				<div class="component-group clear-left">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/trakt.png" alt="" title="Trakt"/>
						<h3><a name="trakt" href="<%= anon_url('http://trakt.tv/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Trakt</a></h3>
						<p>Trakt can recommend shows based on notifications. (Add show... Trakt cards/Recommend)</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 $sickgear.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 id="trakt-accounts" class="pull-left form-control input-sm">
										<option value="new" selected="selected">Add account</option>
#set $trakt_accounts = $sickgear.TRAKT_ACCOUNTS
#for $void, $account in $trakt_accounts.items()
											<option value="$account.account_id">$account.account_id - $account.name #if $account.active and $account.name 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" 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(sickgear.TRAKT_PIN_URL) %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;"><b>$sickgear.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="test-notification" 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 $sickgear.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 $sickgear.TVInfoAPI().sources
											<option value="$indexer" #if $indexer == $sickgear.TRAKT_DEFAULT_INDEXER then 'selected="selected"' else ''#>$sickgear.TVInfoAPI().sources[$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 $sickgear.TRAKT_SYNC then 'checked="checked"' else ''#>
										<p>sync SickGear show library with a 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 $sickgear.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>
										<span class="component-desc">
											<select id="trakt-method-add" name="trakt_method_add" class="form-control input-sm">
												<option value="0" #if $sickgear.TRAKT_METHOD_ADD == 0 then 'selected="selected"' else ''#>Skip All</option>
												<option value="1" #if $sickgear.TRAKT_METHOD_ADD == 1 then 'selected="selected"' else ''#>Download Pilot Only</option>
												<option value="2" #if $sickgear.TRAKT_METHOD_ADD == 2 then 'selected="selected"' else ''#>Get whole show</option>
											</select>
											<div class="clear-left">method in which to download episodes for new show's</div>
										</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 $sickgear.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 $sickgear.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 $sickgear.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/slack.png" alt="" title="Slack">
						<h3><a name="slack" href="<%= anon_url('https://slack.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Slack</a></h3>
						<p>Team, group, and direct communication.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use-slack">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_slack" id="use-slack" #if $sickgear.USE_SLACK then 'checked="checked"' else ''#>
									<p>should SickGear send Slack notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use-slack">
							<div class="field-pair">
								<label for="slack-notify-onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="slack_notify_onsnatch" id="slack-notify-onsnatch" #if $sickgear.SLACK_NOTIFY_ONSNATCH then 'checked="checked"' else ''#>
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="slack-notify-ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="slack_notify_ondownload" id="slack-notify-ondownload" #if $sickgear.SLACK_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''#>
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="slack-notify-onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="slack_notify_onsubtitledownload" id="slack-notify-onsubtitledownload" #if $sickgear.SLACK_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''#>
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>

							<div class="field-pair">
								<label for="slack-channel">
									<span class="component-title">Slack channel</span>
									<span class="component-desc">
										<input type="text" name="slack_channel" id="slack-channel" value="$sickgear.SLACK_CHANNEL" class="form-control input-sm input250">
										<span style="float:left">channel to send notifications to</span>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="slack-as-authed">
									<span class="component-title">Post as authed user</span>
									<span class="component-desc">
										<input type="checkbox" class="view-if" name="slack_as_authed" id="slack-as-authed" #if $sickgear.SLACK_AS_AUTHED then 'checked="checked"' else ''#>
										<p>send notifications using the profile name and photo of the access token</p>
									</span>
								</label>
							</div>
							<div class="hide-if-slack-as-authed">
								<div class="field-pair">
									<label for="slack-bot-name">
										<span class="component-title">Post as a custom name</span>
										<span class="component-desc">
											<input type="text" name="slack_bot_name" id="slack-bot-name" value="$sickgear.SLACK_BOT_NAME" class="form-control input-sm input250">
											<p>blank for 'SickGear'</p>
										</span>
									</label>
								</div>
								<div class="field-pair">
									<label for="slack-icon-url">
										<span class="component-title">Custom icon image url</span>
										<span class="component-desc">
											<input type="text" name="slack_icon_url" id="slack-icon-url" value="$sickgear.SLACK_ICON_URL" class="form-control input-sm input250">
											<p>blank for SickGear image</p>
										</span>
									</label>
								</div>
							</div>
							<div class="field-pair">
								<label for="slack-access-token">
									<span class="component-title">Slack oauth access token</span>
									<span class="component-desc">
										<input type="text" name="slack_access_token" id="slack-access-token" value="$sickgear.SLACK_ACCESS_TOKEN" class="form-control input-sm input350">
										<div class="clear-left"><p>1. <a href="<%= anon_url('https://api.slack.com/apps/new') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">create a Slack app</a> name for SickGear and select a workspace<br>
										2. under the 'Features' section of the left sidebar, click 'OAuth & Perms'<br>
										3. scroll page to section 'Scopes' and open the menu 'Select Permission Scopes'<br>
										4. in the 'Chat' menu section, select 'Send messages as <em class="grey-text">appname</em>' - (<em class="grey-text">set in step 1</em>)<br>
										5. also, in the 'Chat' menu section, select 'Send messages as user'<br>
										6. after 'Save', go to page top, click 'Install App to Workspace'<br>
										7. click 'Authorize' to view the 'OAuth Access Token', paste it to the above field</p></div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-slack-result">Click below to test</div>
							<input type="button" class="btn" value="Test Slack" id="test-slack">
							<input type="submit" class="btn config_submitter" value="Save Changes">
						</div><!-- /content_use-slack //-->
					</fieldset>
				</div><!-- /slack component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/discord.png" alt="" title="Discord">
						<h3><a name="discord" href="<%= anon_url('https://discord.com/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Discord</a></h3>
						<p>Voice and text chat.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use-discord">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_discord" id="use-discord" #if $sickgear.USE_DISCORD then 'checked="checked"' else ''#>
									<p>should SickGear send Discord notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use-discord">
							<div class="field-pair">
								<label for="discord-notify-onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="discord_notify_onsnatch" id="discord-notify-onsnatch" #if $sickgear.DISCORD_NOTIFY_ONSNATCH then 'checked="checked"' else ''#>
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="discord-notify-ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="discord_notify_ondownload" id="discord-notify-ondownload" #if $sickgear.DISCORD_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''#>
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="discord-notify-onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="discord_notify_onsubtitledownload" id="discord-notify-onsubtitledownload" #if $sickgear.DISCORD_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''#>
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>

							<div class="field-pair">
								<label for="discord-as-authed">
									<span class="component-title">Post as authed user</span>
									<span class="component-desc">
										<input type="checkbox" class="view-if" name="discord_as_authed" id="discord-as-authed" #if $sickgear.DISCORD_AS_AUTHED then 'checked="checked"' else ''#>
										<p>send notifications using the username and avatar of the channel webhook</p>
									</span>
								</label>
							</div>
							<div class="hide-if-discord-as-authed">
								<div class="field-pair">
									<label for="discord-username">
										<span class="component-title">Post as a custom name</span>
										<span class="component-desc">
											<input type="text" name="discord_username" id="discord-username" value="$sickgear.DISCORD_USERNAME" class="form-control input-sm input250">
											<p>blank for 'SickGear'</p>
										</span>
									</label>
								</div>
								<div class="field-pair">
									<label for="discord-icon-url">
										<span class="component-title">Custom icon image url</span>
										<span class="component-desc">
											<input type="text" name="discord_icon_url" id="discord-icon-url" value="$sickgear.DISCORD_ICON_URL" class="form-control input-sm input250">
											<p>blank for SickGear image</p>
										</span>
									</label>
								</div>
							</div>
							<div class="field-pair">
								<label for="discord-as-tts">
									<span class="component-title">Post as Text-To-Speech</span>
									<span class="component-desc">
										<input type="checkbox" name="discord_as_tts" id="discord-as-tts" #if $sickgear.DISCORD_AS_TTS then 'checked="checked"' else ''#>
										<p>send notifications with Text-To-Speech enabled</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="discord-access-token">
									<span class="component-title">Discord channel webhook</span>
									<span class="component-desc">
										<input type="text" name="discord_access_token" id="discord-access-token" value="$sickgear.DISCORD_ACCESS_TOKEN" class="form-control input-sm input350">
										<div class="clear-left"><p>1. 'Edit Channel' for the server where you have permission<br>
										2. select the 'Webhooks' menu item then 'Create Webhook'<br>
										3. copy the webook url, paste it to the above field<br>
										4. select 'Save' in Discord</p></div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-discord-result">Click below to test</div>
							<input type="button" class="btn" value="Test Discord" id="test-discord">
							<input type="submit" class="btn config_submitter" value="Save Changes">
						</div><!-- /content_use-discord //-->
					</fieldset>
				</div><!-- /discord component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/gitter.png" alt="" title="Gitter">
						<h3><a name="gitter" href="<%= anon_url('https://gitter.im/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Gitter</a></h3>
						<p>Gitter chat and networking platform.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use-gitter">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_gitter" id="use-gitter" #if $sickgear.USE_GITTER then 'checked="checked"' else ''#>
									<p>should SickGear send Gitter notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use-gitter">
							<div class="field-pair">
								<label for="gitter-notify-onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="gitter_notify_onsnatch" id="gitter-notify-onsnatch" #if $sickgear.GITTER_NOTIFY_ONSNATCH then 'checked="checked"' else ''#>
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="gitter-notify-ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="gitter_notify_ondownload" id="gitter-notify-ondownload" #if $sickgear.GITTER_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''#>
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="gitter-notify-onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="gitter_notify_onsubtitledownload" id="gitter-notify-onsubtitledownload" #if $sickgear.GITTER_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''#>
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="gitter-room">
									<span class="component-title">Gitter room name</span>
									<span class="component-desc">
										<input type="text" name="gitter_room" id="gitter-room" value="$sickgear.GITTER_ROOM" class="form-control input-sm input250">
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="gitter-access-token">
									<span class="component-title">Gitter oauth access token</span>
									<span class="component-desc">
										<input type="text" name="gitter_access_token" id="gitter-access-token" value="$sickgear.GITTER_ACCESS_TOKEN" class="form-control input-sm input350">
										<div class="clear-left"><p>sign in, copy the access token from <a href="<%= anon_url('https://developer.gitter.im/apps') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">here</a>, paste it to the above field</p></div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-gitter-result">Click below to test</div>
							<input type="button" class="btn" value="Test Gitter" id="test-gitter">
							<input type="submit" class="btn config_submitter" value="Save Changes">
						</div><!-- /content_use-gitter //-->
					</fieldset>
				</div><!-- /gitter component-group //-->


				<div class="component-group">
					<div class="component-group-desc">
						<img class="notifier-icon" src="$sbRoot/images/notifiers/telegram.png" alt="" title="Telegram">
						<h3><a name="telegram" href="<%= anon_url('https://telegram.org/') %>" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;">Telegram</a></h3>
						<p>Mobile and desktop messaging with a focus on security and speed.</p>
					</div>
					<fieldset class="component-group-list">
						<div class="field-pair">
							<label for="use-telegram">
								<span class="component-title">Enable</span>
								<span class="component-desc">
									<input type="checkbox" class="enabler" name="use_telegram" id="use-telegram" #if $sickgear.USE_TELEGRAM then 'checked="checked"' else ''#>
									<p>should SickGear send Telegram notifications ?</p>
								</span>
							</label>
						</div>

						<div id="content_use-telegram">
							<div class="field-pair">
								<label for="telegram-notify-onsnatch">
									<span class="component-title">Notify on snatch</span>
									<span class="component-desc">
										<input type="checkbox" name="telegram_notify_onsnatch" id="telegram-notify-onsnatch" #if $sickgear.TELEGRAM_NOTIFY_ONSNATCH then 'checked="checked"' else ''#>
										<p>send a notification when a download starts ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="telegram-notify-ondownload">
									<span class="component-title">Notify on download</span>
									<span class="component-desc">
										<input type="checkbox" name="telegram_notify_ondownload" id="telegram-notify-ondownload" #if $sickgear.TELEGRAM_NOTIFY_ONDOWNLOAD then 'checked="checked"' else ''#>
										<p>send a notification when a download finishes ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="telegram-notify-onsubtitledownload">
									<span class="component-title">Notify on subtitle download</span>
									<span class="component-desc">
										<input type="checkbox" name="telegram_notify_onsubtitledownload" id="telegram-notify-onsubtitledownload" #if $sickgear.TELEGRAM_NOTIFY_ONSUBTITLEDOWNLOAD then 'checked="checked"' else ''#>
										<p>send a notification when subtitles are downloaded ?</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="telegram-send-image">
									<span class="component-title">Send with image</span>
									<span class="component-desc">
										<input type="checkbox" name="telegram_send_image" id="telegram-send-image"#if $sg_var('TELEGRAM_SEND_IMAGE') then 'checked="checked"' else ''#>
										<p>send show image with notification</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="telegram-quiet">
									<span class="component-title">Send quietly</span>
									<span class="component-desc">
										<input type="checkbox" name="telegram_quiet" id="telegram-quiet"#if $sg_var('TELEGRAM_QUIET') then 'checked="checked"' else ''#>
										<p>mute client notification sound</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="telegram-access-token">
									<span class="component-title">Telegram bot access token</span>
									<span class="component-desc">
										<input type="text" name="telegram_access_token" id="telegram-access-token" value="$sickgear.TELEGRAM_ACCESS_TOKEN" class="form-control input-sm input350">
										<div class="clear-left"><p>msg BotFather with <code>/newbot</code> for a token. (tip: enter <code>tg://resolve?domain=BotFather</code> in a browser to make a running desktop client connect to BotFather)</p></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="telegram-chatid">
									<span class="component-title">Telegram chat id</span>
									<span class="component-desc">
										<input type="text" name="telegram_chatid" id="telegram-chatid" value="$sickgear.TELEGRAM_CHATID" class="form-control input-sm input250">
										<span style="float:left">where to send notifications</span>
										<div class="clear-left"><p>search and add @myidbot to a channel/group and use <code>/getgroupid</code><br>
										then click on ID (e.g. <span class="grey-text">-1234567890123</span>) to copy and paste it here </p></div>
									</span>
								</label>
							</div>
							<div class="test-notification" id="test-telegram-result">Click below to test</div>
							<input type="button" class="btn" value="Test Telegram" id="test-telegram">
							<input type="submit" class="btn config_submitter" value="Save Changes">
						</div><!-- /content_use-telegram //-->
					</fieldset>
				</div><!-- /telegram 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 name="email" 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>Email notification settings.</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 $sickgear.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 $sickgear.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 $sickgear.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 $sickgear.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-from">
									<span class="component-title">SMTP sender email address</span>
									<span class="component-desc">
										<input type="text" name="email_from" id="email-from" value="$sickgear.EMAIL_FROM" class="form-control input-sm input250">
										<div class="clear-left"><p>some recipient hosts require a real address</p></div>
									</span>
								</label>
								<div style="margin-bottom:5px;display:inline-block">
									<span class="component-title">SMTP server hostname</span>
									<span class="component-desc">
										<input type="text" name="email_host" id="email-host" value="$sickgear.EMAIL_HOST" class="form-control input-sm input250">
										<span style="float:left;margin-right:6px">and port</span><input type="text" name="email_port" id="email-port" value="$sickgear.EMAIL_PORT" class="form-control input-sm input75" style="width:60px">
									</span>
								</div>
								<label for="email-tls">
									<span class="component-title">Enable TLS encryption</span>
									<span class="component-desc">
										<input type="checkbox" name="email_tls" id="email-tls" #if $sickgear.EMAIL_TLS then 'checked="checked"' else ''#>
									</span>
								</label>
								<label for="email-user">
									<span class="component-title">SMTP server username</span>
									<span class="component-desc">
										<input type="text" name="email_user" id="email-user" value="$sickgear.EMAIL_USER" class="form-control input-sm input250">
										<p>(optional)</p>
									</span>
								</label>
								<label for="email-password">
									<span class="component-title">SMTP server password</span>
									<span class="component-desc">
										<input type="password" autocomplete="nope" name="email_password" id="email-password" value="#echo '*' * len($sickgear.EMAIL_PASSWORD)#" class="form-control input-sm input250">
										<p>(optional)</p>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email-list">
									<span class="component-title">Notify for every show</span>
									<span class="component-desc">
										<input type="text" name="email_list" id="email-list" value="$sickgear.EMAIL_LIST" class="form-control input-sm input350">
										<div class="clear-left"><p>comma separated email list</p></div>
									</span>
								</label>
							</div>
							<div class="field-pair">
								<label for="email-show">
									<span class="component-title">Notify on a per show basis</span>
									<select id="email-show" class="showlist-select form-control input-sm">
										<option value="-1">-- Shows appear here --</option>
									</select>
								</label>
								<label>
									<span class="component-title">&nbsp;</span>
									<span class="component-desc">
										<input type="text" id="show-email-list" class="form-control input-sm input350">
										<input type="button" value="Save Show" id="save-show-email" class="btn">
										<div class="clear-left"><p>comma separated email list for each show</p></div>
									</span>
								</label>
							</div>

							<div class="test-notification" id="test-email-result">Click below to test</div>
							<input type="button" class="btn" value="Test Email" id="test-email">
							<input type="submit" class="btn 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 charset="utf-8">
<!--
	jQuery('#config-components').tabs();
//-->
</script>

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