#import sickbeard
#import datetime
#from sickbeard.common import *
#from sickbeard import sbdatetime, network_timezones

#set global $title="Home"
#set global $header="Show List"

#set global $sbPath = ".."

#set global $topmenu="home"#
#import os.path
#include $os.path.join($sickbeard.PROG_DIR, "gui/slick/interfaces/default/inc_top.tmpl")


<script type="text/javascript" charset="utf-8">
<!--

\$.tablesorter.addParser({
	id: 'loadingNames',
	is: function(s) {
		return false;
	},
	format: function(s) {
		if (s.indexOf('Loading...') == 0)
			return s.replace('Loading...','000');
		else
		#if not $sickbeard.SORT_ARTICLE:
			return (s || '').replace(/^(?:(?:A(?!\s+to)n?)|The)\s(\w)/i, '$1');
		#else:
			return (s || '');
		#end if	
	},
	type: 'text'
});

\$.tablesorter.addParser({
	id: 'quality',
	is: function(s) {
		return false;
	},
	format: function(s) { 
		return s.replace('hd1080p',5).replace('hd720p',4).replace('hd',3).replace('sd',2).replace('any',1).replace('custom',7);
	},
	type: 'numeric'
});

\$(document).ready(function(){ 
	
	\$("img#network").on('error', function(){
		\$(this).parent().text(\$(this).attr('alt'));
		\$(this).remove();
	});

	\$("#showListTableShows:has(tbody tr)").tablesorter({
		sortList: [[5,1],[1,0]],
		textExtraction: {
			0: function(node) { return \$(node).find("span").text().toLowerCase(); },
			2: function(node) { return \$(node).find("span").text().toLowerCase(); },
			3: function(node) { return \$(node).find("span").text().toLowerCase(); },
			4: function(node) { return \$(node).find("span").text(); },
			5: function(node) { return \$(node).find("img").attr("alt"); }
		},
		widgets: ['saveSort', 'zebra', 'stickyHeaders', 'filter'],
		headers: {
			0: { sorter: 'isoDate' },
			1: { sorter: 'loadingNames' },
			3: { sorter: 'quality' },
			4: { sorter: 'eps' }
		},
		widgetOptions : {
			filter_columnFilters: false,
			filter_reset: '.resetshows'
		},
		sortStable: true
	});
	
	\$("#showListTableAnime:has(tbody tr)").tablesorter({
		sortList: [[5,1],[1,0]],
		textExtraction: {
			0: function(node) { return \$(node).find("span").text().toLowerCase(); },
			2: function(node) { return \$(node).find("span").text().toLowerCase(); },
			3: function(node) { return \$(node).find("span").text().toLowerCase(); },
			4: function(node) { return \$(node).find("span").text(); },
			5: function(node) { return \$(node).find("img").attr("alt"); }
		},
		widgets: ['saveSort', 'zebra', 'stickyHeaders', 'filter'],
		headers: {
			0: { sorter: 'isoDate' },
			1: { sorter: 'loadingNames' },
			3: { sorter: 'quality' },
			4: { sorter: 'eps' }
		},
		widgetOptions : {
			filter_columnFilters: false,
			filter_reset: '.resetanime'
		},
		sortStable: true
	});

	\$.tablesorter.filter.bindSearch( "#showListTableShows", \$('.search') );
	
    #if $sickbeard.ANIME_SPLIT_HOME:
	\$.tablesorter.filter.bindSearch( "#showListTableAnime", \$('.search') );
    #end if

    #set $fuzzydate = 'airdate'
    #if $sickbeard.FUZZY_DATING:
	fuzzyMoment({
		dtInline : #if $layout == 'poster' then "true" else "false"#,
		containerClass : '.${fuzzydate}',
		dateHasTime : false,
		dateFormat : '${sickbeard.DATE_PRESET}',
		timeFormat : '${sickbeard.TIME_PRESET}',
		trimZero : #if $sickbeard.TRIM_ZERO then "true" else "false"#
	});
    #end if

	var \$container = [\$('#container'), \$('#container-anime')];

	jQuery.each(\$container, function (j) {
		this.isotope({
			itemSelector: '.show',
			sortBy : '$sickbeard.POSTER_SORTBY',
			sortAscending: $sickbeard.POSTER_SORTDIR,
			layoutMode: 'masonry',
			masonry: {
				columnWidth: 12,
				isFitWidth: true
			},
			getSortData: {
				name: function( itemElem ) { 
					var name = \$( itemElem ).attr('data-name');
					#if not $sickbeard.SORT_ARTICLE:
						return (name || '').replace(/^(?:(?:A(?!\s+to)n?)|The)\s(\w)/i, '$1');
					#else:
						return (name || '');
					#end if	
				},
				network: '[data-network]',
				date: function( itemElem ) {
					var date = \$( itemElem ).attr('data-date');
					return date.length && parseInt( date, 10 ) || Number.POSITIVE_INFINITY;
				},
				progress: function( itemElem ) {
					var progress = \$( itemElem ).attr('data-progress');
					return progress.length && parseInt( progress, 10 ) || Number.NEGATIVE_INFINITY;
				}
			}
		});
	});

	\$('#postersort').on( 'change', function() {
		var sortValue = this.value;
		\$('#container').isotope({ sortBy: sortValue });
		\$('#container-anime').isotope({ sortBy: sortValue });
		\$.get(this.options[this.selectedIndex].getAttribute('data-sort'));
	});
	
	\$('#postersortdirection').on( 'change', function() {
		var sortDirection = this.value;
		sortDirection = sortDirection == 'true';
		\$('#container').isotope({ sortAscending: sortDirection });
		\$('#container-anime').isotope({ sortAscending: sortDirection });
		\$.get(this.options[this.selectedIndex].getAttribute('data-sort'));
	});
#if $sickbeard.HOME_SEARCH_FOCUS
	\$('#search_show_name').focus();
#end if
});

//-->
</script>

#if $varExists('header') 
	<h1 class="header" style="margin-bottom:0">$header</h1>
#else 
	<h1 class="title" style="margin-bottom:0">$title</h1>
#end if

#set $tab = 1

#if $layout != 'poster':
<div id="HomeLayout" class="pull-right not-poster">
	<div class="not-poster">
		<input id="search_show_name" class="search form-control form-control-inline input-sm input200" type="search" data-column="1" placeholder="Search Show Name" tabindex="$tab#set $tab += 1#">
		&nbsp;<button type="button" class="resetshows resetanime btn btn-inline" tabindex="$tab#set $tab += 1#">Reset Search</button>
	</div>
	<span class="pull-right not-poster"> Layout:
#else
<div id="HomeLayout" class="pull-right poster">
	<span class="pull-right poster">Layout:
#end if

		<select name="layout" class="form-control form-control-inline input-sm" onchange="location = this.options[this.selectedIndex].value;" tabindex="$tab#set $tab += 1#">
			<option value="$sbRoot/setHomeLayout/?layout=poster" #if $sickbeard.HOME_LAYOUT == "poster" then "selected=\"selected\"" else ""#>Poster</option>
			<option value="$sbRoot/setHomeLayout/?layout=small" #if $sickbeard.HOME_LAYOUT == "small" then "selected=\"selected\"" else ""#>Small Poster</option>
			<option value="$sbRoot/setHomeLayout/?layout=banner" #if $sickbeard.HOME_LAYOUT == "banner" then "selected=\"selected\"" else ""#>Banner</option>
			<option value="$sbRoot/setHomeLayout/?layout=simple" #if $sickbeard.HOME_LAYOUT == "simple" then "selected=\"selected\"" else ""#>Simple</option>
		</select>
	</span>

    #if $layout == 'poster':
	<span>Sort By:
		<select id="postersort" class="form-control form-control-inline input-sm" tabindex="$tab#set $tab += 1#">
			<option value="name" data-sort="$sbRoot/setPosterSortBy/?sort=name" #if $sickbeard.POSTER_SORTBY == "name" then "selected=\"selected\"" else ""#>Name</option>
			<option value="date" data-sort="$sbRoot/setPosterSortBy/?sort=date" #if $sickbeard.POSTER_SORTBY == "date" then "selected=\"selected\"" else ""#>Next Episode</option>
			<option value="network" data-sort="$sbRoot/setPosterSortBy/?sort=network" #if $sickbeard.POSTER_SORTBY == "network" then "selected=\"selected\"" else ""#>Network</option>
			<option value="progress" data-sort="$sbRoot/setPosterSortBy/?sort=progress" #if $sickbeard.POSTER_SORTBY == "progress" then "selected=\"selected\"" else ""#>Progress</option>
		</select>
	</span>
	<span style="margin:0 0 0 5px">Sort Order:
		<select id="postersortdirection" class="form-control form-control-inline input-sm" tabindex="$tab#set $tab += 1#">
			<option value="true" data-sort="$sbRoot/setPosterSortDir/?direction=1" #if $sickbeard.POSTER_SORTDIR == 1 then "selected=\"selected\"" else ""#>Asc</option>
			<option value="false" data-sort="$sbRoot/setPosterSortDir/?direction=0" #if $sickbeard.POSTER_SORTDIR == 0 then "selected=\"selected\"" else ""#>Desc</option>
		</select>
	</span>
	&nbsp;

    #end if
</div>


#for $curShowlist in $showlists:
#set $curListType = $curShowlist[0]
#set $myShowList = $list($curShowlist[1])
#if $curListType == "Anime":
<h1 class="header">Anime List</h1>
#end if

#if $layout == 'poster':
<div id=#if $curListType == "Anime" and $layout == 'poster' then "container-anime" else "container"# class="clearfix">
<div class="posterview">
#for $curLoadingShow in $sickbeard.showQueueScheduler.action.loadingShowList:

    #if $curLoadingShow.show != None and $curLoadingShow.show in $sickbeard.showList:
        #continue
    #end if

    #if $curLoadingShow.show == None:
		<div class="show" data-name="0" data-date="010101" data-network="0" data-progress="101">
			<img alt="" title="$curLoadingShow.show_name" class="show-image" style="border-bottom: 1px solid #111;" src="$sbRoot/images/poster.png" />
			<div class="show-details">
				<div class="show-add">Loading... ($curLoadingShow.show_name)</div>
			</div>
		</div>

    #end if

#end for

$myShowList.sort(lambda x, y: cmp(x.name, y.name))
#for $curShow in $myShowList:

    #set $cur_airs_next = ''
    #set $cur_snatched = 0
    #set $cur_downloaded = 0
    #set $cur_total = 0
    #set $download_stat_tip = ''
    #set $display_status = $curShow.status
    #if None is not $display_status
        #if re.search(r'(?i)(?:new|returning)\s*series', $curShow.status)
            #set $display_status = 'Continuing'
        #else if re.search(r'(?i)(?:nded)', $curShow.status)
            #set $display_status = 'Ended'
        #end if
    #end if

    #if $curShow.indexerid in $show_stat:
        #set $cur_airs_next = $show_stat[$curShow.indexerid]['ep_airs_next']

        #set $cur_snatched = $show_stat[$curShow.indexerid]['ep_snatched']
        #if not $cur_snatched:
            #set $cur_snatched = 0
        #end if

        #set $cur_downloaded = $show_stat[$curShow.indexerid]['ep_downloaded']
        #if not $cur_downloaded:
            #set $cur_downloaded = 0
        #end if

        #set $cur_total = $show_stat[$curShow.indexerid]['ep_total']
        #if not $cur_total:
            #set $cur_total = 0
        #end if
    #end if

    #if $cur_total != 0:
        #set $download_stat = str($cur_downloaded)
        #set $download_stat_tip = "Downloaded: " + str($cur_downloaded)
        #if $cur_snatched > 0:
            #set $download_stat = download_stat
            #set $download_stat_tip = download_stat_tip + "&#013;" + "Snatched: " + str($cur_snatched)
        #end if
        #set $download_stat = download_stat + " / " + str($cur_total)
        #set $download_stat_tip = download_stat_tip + "&#013;" + "Total: " + str($cur_total)
    #else
        #set $download_stat = '?'
        #set $download_stat_tip = "no data"
    #end if

    #set $nom = $cur_downloaded
    #set $den = $cur_total
    #if $den == 0:
        #set $den = 1
    #end if

    #set $progressbar_percent = $nom * 100 / $den

#set $data_date = '6000000000.0'
#if $cur_airs_next:
    #set $data_date = $time.mktime($sbdatetime.sbdatetime.convert_to_setting($network_timezones.parse_date_time($cur_airs_next,$curShow.airs,$curShow.network)).timetuple())
#else if None is not $display_status
    #if 'nded' not in $display_status and 1 == int($curShow.paused)
        #set $data_date = '5000000500.0'
    #else if 'ontinu' in $display_status
        #set $data_date = '5000000000.0'
    #else if 'nded' in $display_status
        #set $data_date = '5000000100.0'
    #end if
#end if
	<div class="show" id="show$curShow.indexerid" data-name="$curShow.name" data-date="$data_date" data-network="$curShow.network" data-progress="$progressbar_percent">
		<div class="show-image">
			<a href="$sbRoot/home/displayShow?show=$curShow.indexerid"><img alt="" class="show-image" src="$sbRoot/showPoster/?show=$curShow.indexerid&amp;which=poster_thumb" /></a>
		</div>
		
		<div id="progressbar$curShow.indexerid"></div>
			<script type="text/javascript">
			<!--
				\$(function() {
					\$("\#progressbar$curShow.indexerid").progressbar({
					value: $progressbar_percent });
					classvalue = $progressbar_percent
					if (classvalue<20) {
						classtoadd = "progress-20"
					}
					if (classvalue>=20 && classvalue<60) {
						classtoadd = "progress-40"
					}
					if (classvalue>=40 && classvalue<80) {
						classtoadd = "progress-60"
					}
					if (classvalue>=80) {
						classtoadd = "progress-80"
					}		
					\$("\#progressbar$curShow.indexerid > .ui-progressbar-value").addClass(classtoadd);
				});
			//-->
			</script>
			
		<div class="show-title">
			$curShow.name
		</div>

		<div class="show-date">
#if $cur_airs_next
    #set $ldatetime = $sbdatetime.sbdatetime.convert_to_setting($network_timezones.parse_date_time($cur_airs_next,$curShow.airs,$curShow.network))
			<span class="${fuzzydate}">$sbdatetime.sbdatetime.sbfdate($ldatetime)</span>
#else
    #set $output_html = '?'
    #if None is not $display_status
        #if 'nded' not in $display_status and 1 == int($curShow.paused)
            #set $output_html = 'Paused'
        #else if $display_status
            #set $output_html = $display_status
        #end if
    #end if
	$output_html
#end if
		</div>

		<table width="100%" cellspacing="1" border="0" cellpadding="0">
			<tr>
				<td class="show-table">
					<span class="show-dlstats" title="$download_stat_tip">$download_stat</span>
				</td>
				
				<td class="show-table">
                    #if $layout != 'simple':
                        #if $curShow.network:
							<img class="show-network-image" src="$sbRoot/images/network/${curShow.network.replace(u"\u00C9",'e').lower()}.png" alt="$curShow.network" title="$curShow.network" />	
                        #else:
							<img class="show-network-image" src="$sbRoot/images/network/nonetwork.png" alt="No Network" title="No Network" />
                        #end if
                    #else:
						$curShow.network
                    #end if
				</td>
				
				<td class="show-table">
                    #if $curShow.quality in $qualityPresets:
						<span class="show-quality">$qualityPresetStrings[$curShow.quality]</span>
                    #else:
						<span class="show-quality">Custom</span>
                    #end if
				</td>
			</tr>
		</table>
		
	</div>


#end for
</div> 
</div> 

#else

<table id="showListTable$curListType" class="tablesorter" cellspacing="1" border="0" cellpadding="0">

	<thead>
		<tr>
			<th class="nowrap">Next Ep</th>
			<th>Show</th>
			<th>Network</th>
			<th>Quality</th>
			<th>Downloads</th>
			<th>Active</th>
			<th>Status</th>
		</tr>
	</thead>

	<tfoot>
		<tr>
			<th rowspan="1" colspan="1" align="center"><a href="$sbRoot/home/addShows/">Add Show</a></th>
			<th rowspan="1" colspan="6"></th>
		</tr>
	</tfoot>

	<tbody>

#for $curLoadingShow in $sickbeard.showQueueScheduler.action.loadingShowList:

    #if $curLoadingShow.show != None and $curLoadingShow.show in $sickbeard.showList:
        #continue
    #end if

	<tr>
		<td align="center">(loading)</td>
		<td>
        #if $curLoadingShow.show == None:
		Loading... ($curLoadingShow.show_name)
        #else:
		<a href="displayShow?show=$curLoadingShow.show.indexerid">$curLoadingShow.show.name</a>
        #end if
		</td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
#end for

$myShowList.sort(lambda x, y: cmp(x.name, y.name))
#for $curShow in $myShowList:

    #set $cur_airs_next = ''
    #set $cur_snatched = 0
    #set $cur_downloaded = 0
    #set $cur_total = 0
    #set $download_stat_tip = ''

    #if $curShow.indexerid in $show_stat:
        #set $cur_airs_next = $show_stat[$curShow.indexerid]['ep_airs_next']

        #set $cur_snatched = $show_stat[$curShow.indexerid]['ep_snatched']
        #if not $cur_snatched:
            #set $cur_snatched = 0
        #end if

        #set $cur_downloaded = $show_stat[$curShow.indexerid]['ep_downloaded']
        #if not $cur_downloaded:
            #set $cur_downloaded = 0
        #end if

        #set $cur_total = $show_stat[$curShow.indexerid]['ep_total']
        #if not $cur_total:
            #set $cur_total = 0
        #end if
    #end if

    #if $cur_total != 0:
        #set $download_stat = str($cur_downloaded)
        #set $download_stat_tip = "Downloaded: " + str($cur_downloaded)
        #if $cur_snatched > 0:
            #set $download_stat = download_stat + "+" + str($cur_snatched)
            #set $download_stat_tip = download_stat_tip + "&#013;" + "Snatched: " + str($cur_snatched)
        #end if
        #set $download_stat = download_stat + " / " + str($cur_total)
        #set $download_stat_tip = download_stat_tip + "&#013;" + "Total: " + str($cur_total)
    #else
        #set $download_stat = '?'
        #set $download_stat_tip = "no data"
    #end if

    #set $nom = $cur_downloaded
    #set $den = $cur_total
    #if $den == 0:
        #set $den = 1
    #end if

    #set $progressbar_percent = $nom * 100 / $den

	<tr>
	
    #if $cur_airs_next
    #set $ldatetime = $sbdatetime.sbdatetime.convert_to_setting($network_timezones.parse_date_time($cur_airs_next,$curShow.airs,$curShow.network))
		<td align="center" class="nowrap"><div class="${fuzzydate}">$sbdatetime.sbdatetime.sbfdate($ldatetime)</div><span class="sort_data">$time.mktime($ldatetime.timetuple())</span></td>
    #else:
		<td align="center" class="nowrap"></td>
    #end if

    #if $layout == 'small':
		<td class="tvShow">
			<div class="imgsmallposter $layout">
				<a href="$sbRoot/showPoster/?show=$curShow.indexerid&amp;which=poster" rel="dialog" title="$curShow.name">
					<img src="$sbRoot/showPoster/?show=$curShow.indexerid&amp;which=poster_thumb" class="$layout" alt="$curShow.indexerid"/>
				</a>
				<a href="$sbRoot/home/displayShow?show=$curShow.indexerid" style="vertical-align: middle;">$curShow.name</a>
			</div>
		</td>
    #else if $layout == 'banner':
		<td>
			<span style="display: none;">$curShow.name</span>
			<div class="imgbanner $layout">
				<a href="$sbRoot/home/displayShow?show=$curShow.indexerid">
				<img src="$sbRoot/showPoster/?show=$curShow.indexerid&amp;which=banner" class="$layout" alt="$curShow.indexerid" title="$curShow.name"/>
			</div>
		</td>
    #else if $layout == 'simple':
		<td class="tvShow"><a href="$sbRoot/home/displayShow?show=$curShow.indexerid">$curShow.name</a></td>
    #end if

    #if $layout != 'simple':	
		<td align="center">
        #if $curShow.network:
			<span style="display: none;">$curShow.network</span>
			<img id="network" width="54" height="27" src="$sbRoot/images/network/${curShow.network.replace(u"\u00C9",'e').lower()}.png" alt="$curShow.network" title="$curShow.network" />
        #else:
			<img id="network" width="54" height="27" src="$sbRoot/images/network/nonetwork.png" alt="No Network" title="No Network" />
        #end if
		</td>
    #else:
		<td>
			<span>$curShow.network</span>
		</td>
    #end if

    #if $curShow.quality in $qualityPresets:
		<td align="center"><span class="quality $qualityPresetStrings[$curShow.quality]">$qualityPresetStrings[$curShow.quality]</span></td>
    #else:
		<td align="center"><span class="quality Custom">Custom</span></td>
    #end if

		<td align="center"><span style="display: none;">$progressbar_percent</span><div id="progressbar$curShow.indexerid" style="position:relative;"></div>
			<script type="text/javascript">
			<!--
				\$(function() {
					\$("\#progressbar$curShow.indexerid").progressbar({
					value: $progressbar_percent });
					\$("\#progressbar$curShow.indexerid").append( "<div class='progressbarText' title='$download_stat_tip'>$download_stat</div>" )
					classvalue = $progressbar_percent
					if (classvalue<20) {
						classtoadd = "progress-20"
					}
					if (classvalue>=20 && classvalue<60) {
						classtoadd = "progress-40"
					}
					if (classvalue>=40 && classvalue<80) {
						classtoadd = "progress-60"
					}
					if (classvalue>=80) {
						classtoadd = "progress-80"
					}
					\$("\#progressbar$curShow.indexerid > .ui-progressbar-value").addClass(classtoadd);
				});
			//-->
			</script>
		</td>

		<td align="center">
			<img src="$sbRoot/images/#if int($curShow.paused) == 0 and $curShow.status != "Ended" then "yes16.png\" alt=\"Y\"" else "no16.png\" alt=\"N\""# width="16" height="16" />
		</td>
		
		<td align="center">

#set $display_status = $curShow.status
#if None is not $display_status
    #if re.search(r'(?i)(?:new|returning)\s*series', $curShow.status)
        #set $display_status = 'Continuing'
    #else if re.search(r'(?i)(?:nded)', $curShow.status)
        #set $display_status = 'Ended'
    #end if
#end if
			$display_status
		</td>
		
	</tr>

#end for
</tbody>
</table>

#end if
#end for

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