#import sickbeard
#import datetime
#import re
#from sickbeard.common import *
#from sickbeard import sbdatetime
#from sickbeard.helpers import anon_url

#set global $title='Trending Shows'
#set global $header='Trending Shows'

#set global $sbPath='..'

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

<script type="text/javascript" src="$sbRoot/js/addTrendingShow.js?$sbPID"></script>
<script type="text/javascript" src="$sbRoot/js/rootDirs.js?$sbPID"></script>
<script type="text/javascript" src="$sbRoot/js/plotTooltip.js?$sbPID"></script>

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

\$(document).ready(function(){
    \$( "#tabs" ).tabs({
        collapsible: true,
        selected: #if $sickbeard.ROOT_DIRS then '-1' else '0'#
    });

    // initialise combos for dirty page refreshes
    \$('#showsort').val('original');
    \$('#showsortdirection').val('asc');

    var \$container = [\$('#container')];
    jQuery.each(\$container, function (j) {
        this.isotope({
            itemSelector: '.trakt_show',
            sortBy: 'original-order',
            layoutMode: 'fitRows',
            getSortData: {
                name: function( itemElem ) {
                    var name = \$( itemElem ).attr('data-name') || '';
#if not $sickbeard.SORT_ARTICLE:
                    name = name.replace(/^(The|A|An)\s/i, '');
#end if
                    return name.toLowerCase();
                },
                rating: '[data-rating] parseInt',
                votes: '[data-votes] parseInt',
            }
        });
    });

    \$('#showsort').on( 'change', function() {
        var sortCriteria;
        switch (this.value) {
            case 'original':
                sortCriteria = 'original-order'
                break;
            case 'rating':
                /* randomise, else the rating_votes can already
                 * have sorted leaving this with nothing to do.
                 */
                \$('#container').isotope({sortBy: 'random'});
                sortCriteria = 'rating';
                break;
            case 'rating_votes':
                sortCriteria = ['rating', 'votes'];
                break;
            case 'votes':
                sortCriteria = 'votes';
                break;
            default:
                sortCriteria = 'name'
                break;
        }
        \$('#container').isotope({sortBy: sortCriteria});
    });

    \$('#showsortdirection').on( 'change', function() {
        \$('#container').isotope({sortAscending: ('asc' == this.value)});
    });
});

//-->
</script>

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

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Manage Directories</a></li>
        <li><a href="#tabs-2">Customize Options</a></li>
    </ul>
    <div id="tabs-1" class="existingtabs">
        #include $os.path.join($sickbeard.PROG_DIR, "gui/slick/interfaces/default/inc_rootDirs.tmpl")
    </div>
    <div id="tabs-2" class="existingtabs">
        #include $os.path.join($sickbeard.PROG_DIR, "gui/slick/interfaces/default/inc_addShowOptions.tmpl")
    </div>
    <br>

	<span>Sort By:</span>
	<select id="showsort" class="form-control form-control-inline input-sm">
		<option value="name">Name</option>
		<option value="original" selected="selected">Original</option>
		<option value="votes">Votes</option>
		<option value="rating">% Rating</option>
		<option value="rating_votes">% Rating > Votes</option>
	</select>

	<span style="margin-left:12px">Sort Order:</span>
	<select id="showsortdirection" class="form-control form-control-inline input-sm">
		<option value="asc" selected="selected">Asc</option>
		<option value="desc">Desc</option>
	</select>
</div>

<br />
<div id="trendingShows"></div>
<br />

<script type="text/javascript" charset="utf-8">
<!--
window.setInterval('location.reload(true)', 600000); // Refresh every 10 minutes
//-->
</script>

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