{if count($hubbubList) gt 0}
    <div class="paginator_container">
        {include file=Template::get('pages.html') element='admin_hubbub_index_list'}
    </div>
    <table class="communityList">
        <tr class="hubbubLine">
            <td class="id">
                {if $orderDir == 'asc'}
                    <a href="/?hubbubOrder=hubbub_id&orderDir=desc" onclick="setSort('hubbub_id', 'desc'); return false;">ID {if $orderBy eq 'hubbub_id'}<span class="icon-up"></span>{/if}</a>
                {else}
                    <a href="/?hubbubOrder=hubbub_id&orderDir=asc" onclick="setSort('hubbub_id', 'asc'); return false;">ID {if $orderBy eq 'hubbub_id'}<span class="icon-down"></span>{/if}</a>
                {/if}
            </td>
            <td class="name {if $hubbubStatFilter ne 'off'}limitedSize{/if}">
                <b>
                    {if $orderDir == 'asc'}
                        <a href="/?hubbubOrder=hubbub_name&orderDir=desc" onclick="setSort('hubbub_name', 'desc'); return false;">Name {if $orderBy eq 'hubbub_name'}<span class="icon-up"></span>{/if}</a>
                    {else}
                        <a href="/?hubbubOrder=hubbub_name&orderDir=asc" onclick="setSort('hubbub_name', 'asc'); return false;">Name {if $orderBy eq 'hubbub_name'}<span class="icon-down"></span>{/if}</a>
                    {/if}
                </b>
            </td>
            {if $hubbubStatFilter != 'off' && $hubbubStatFilter}
                <td>
                    {if $orderDir == 'asc'}
                        <a href="/?hubbubOrder=newUsers&orderDir=desc" onclick="setSort('newUsers', 'desc'); return false;">New users {if $orderBy eq 'newUsers'}<span class="icon-up"></span>{/if}</a>
                    {else}
                        <a href="/?hubbubOrder=newUsers&orderDir=asc" onclick="setSort('newUsers', 'asc'); return false;">New users {if $orderBy eq 'newUsers'}<span class="icon-down"></span>{/if}</a>
                    {/if}
                </td>
                <td>
                    {if $orderDir == 'asc'}
                        <a href="/?hubbubOrder=activeUsers&orderDir=desc" onclick="setSort('activeUsers', 'desc'); return false;">Active users {if $orderBy eq 'activeUsers'}<span class="icon-up"></span>{/if}</a>
                    {else}
                        <a href="/?hubbubOrder=activeUsers&orderDir=asc" onclick="setSort('activeUsers', 'asc'); return false;">Active users {if $orderBy eq 'activeUsers'}<span class="icon-down"></span>{/if}</a>
                    {/if}
                </td>
                <td>
                    {if $orderDir == 'asc'}
                        <a href="/?hubbubOrder=ideas&orderDir=desc" onclick="setSort('ideas', 'desc'); return false;">Ideas {if $orderBy eq 'ideas'}<span class="icon-up"></span>{/if}</a>
                    {else}
                        <a href="/?hubbubOrder=ideas&orderDir=asc" onclick="setSort('ideas', 'asc'); return false;">Ideas {if $orderBy eq 'ideas'}<span class="icon-down"></span>{/if}</a>
                    {/if}
                </td>
                <td>
                    {if $orderDir == 'asc'}
                        <a href="/?hubbubOrder=comments&orderDir=desc" onclick="setSort('comments', 'desc'); return false;">Comments {if $orderBy eq 'comments'}<span class="icon-up"></span>{/if}</a>
                    {else}
                        <a href="/?hubbubOrder=comments&orderDir=asc" onclick="setSort('comments', 'asc'); return false;">Comments {if $orderBy eq 'comments'}<span class="icon-down"></span>{/if}</a>
                    {/if}
                </td>
                <td>
                    {if $orderDir == 'asc'}
                        <a href="/?hubbubOrder=votes&orderDir=desc" onclick="setSort('votes', 'desc'); return false;">Votes {if $orderBy eq 'votes'}<span class="icon-up"></span>{/if}</a>
                    {else}
                        <a href="/?hubbubOrder=votes&orderDir=asc" onclick="setSort('votes', 'asc'); return false;">Votes {if $orderBy eq 'votes'}<span class="icon-down"></span>{/if}</a>
                    {/if}
                </td>
            {/if}
            <td class="status">
                <b>
                    {if $orderDir == 'asc'}
                        <a href="/?hubbubOrder=hubbub_created&orderDir=desc" onclick="setSort('hubbub_created', 'desc'); return false;">Date created {if $orderBy eq 'hubbub_created'}<span class="icon-up"></span>{/if}</a>
                    {else}
                        <a href="/?hubbubOrder=hubbub_created&orderDir=asc" onclick="setSort('hubbub_created', 'asc'); return false;">Date created {if $orderBy eq 'hubbub_created'}<span class="icon-down"></span>{/if}</a>
                    {/if}
                </b>
            </td>
            <td></td>
            <td></td>
            <div class="clear"></div>
        </tr>

        {foreach from=$hubbubList item=cHubbub}
        {assign var='disableMode' value=$cHubbub->data.hubbub_disablemode}
        <tr class="hubbubLine {cycle values="stripA,stripB"}">
            <td class="id">{$cHubbub->data.hubbub_id}</td>
            <td class="name {if $hubbubStatFilter ne 'off' && $hubbubStatFilter}limitedSize{/if}">{$cHubbub->data.hubbub_name}</td>
            {if $hubbubStatFilter != 'off' && $hubbubStatFilter}
                <td>
                    {$cHubbub->stats['newUsers']}
                </td>
                <td>
                    {$cHubbub->stats['activeUsers']}
                </td>
                <td>
                    {$cHubbub->stats['ideas']}
                </td>
                <td>
                    {$cHubbub->stats['comments']}
                </td>
                <td>
                    {$cHubbub->stats['votes']}
                </td>
            {/if}
            <td class="status">
                {$cHubbub->data.hubbub_created|date_format:"%e %b, %G"}
            </td>
            <td class="status">
                <span class="statusView_{$cHubbub->data.hubbub_id}"><span class="statusName_{$cHubbub->data.hubbub_id}">{$vars.disableMode.$disableMode.disableType}</span> <a href="#" onclick="jQuery('.statusSetter').hide();jQuery('.statusSetter_{$cHubbub->data.hubbub_id}').show();return false;"><span class="icon-pencil"></span></a></span>
                <span class="statusSetter statusSetter_{$cHubbub->data.hubbub_id}" style="display:none;">
                    <select class="statusOption" onchange="setCommunityStatus({$cHubbub->data.hubbub_id}, '{$cHubbub->data.hubbub_name}', jQuery('.statusSetter_{$cHubbub->data.hubbub_id} .statusOption'));">
                        {foreach from=$vars.disableMode item=dMode}
                            <option value="{$dMode['disableMode']}" {if $dMode['disableMode'] eq $disableMode}selected="selected"{/if} >{$dMode['disableType']}</option>
                        {/foreach}
                    </select>
                    <p class="cancel">
                        <a href="#" onclick="hideStatusSelect({$cHubbub->data.hubbub_id}); return false;">Cancel</a>
                    </p>
                </span>
            </td>
            <td class="options"><a target="_blank" href="{$cHubbub->getLink()}">Go to</a> - <a href="/hubbubadmin/choosepage/{$cHubbub->data.hubbub_id}">Options</a></td>
        </tr>
        <div class="clear"><!--IE--></div>
        {/foreach}

    </table>
    
    <input type="hidden" name="paginatorPage_paginator" id="paginatorPage_paginator" value="{$currentPage|intval}" />

    <div class="paginator_container">
        {include file=Template::get('pages.html') element='admin_hubbub_index_list'}
    </div>
        
    <script type="text/javascript">
        jQuery('#input_paginator_pageNumber').val({$paginator_pageNumber|intval});
    </script>
{else}
    <div style="text-align:center; padding:100px 0px;">No communities found</div>
{/if}

<script type="text/javascript">
    var hideStatusSelect = function(communityId) {
        jQuery('.statusSetter').hide();
    }
    
    var setCommunityStatus = function(communityId, communityName, optionElement) {
        var proceed = true;
        var selectedText = jQuery(optionElement).find("option:selected").text();
        if (optionElement.val() !=0) {
            proceed = confirm("Set '"+communityName+"' to '"+selectedText+"'?");
        }
        
        if (proceed) {
            hideStatusSelect(communityId);
            jQuery('.statusName_'+communityId).html('Setting...');
            jQuery.ajax('/hubbubadmin/setstatus/' + communityId + "?status="+optionElement.val(), {
                success: function(data) {
                    jQuery('.statusName_'+communityId).html(selectedText);

                    document.fire("crowdworks:updateComplete");
                }
            });
        }
    }
</script>