{counter assign=subCategoryCount start=0}
<div>
    <div class="crowdworksTabs noMargin mdl-tabs bigTabs" id="statusTabs">
        <ul>
            <li {if !$unpublishedOpen}class="selected"{/if}><a href="#" id="tab_catPublished">{'Published'|gettext}</a></li>
            <li {if $unpublishedOpen}class="selected"{/if}><a href="#" id="tab_catUnpublished">{'Unpublished'|gettext}</a></li>
        </ul>
    </div>
    <div class="tabView noMargin">
        <div id="viewtab_catPublished">
            <ul style="list-style-type:none;margin-left:0;" id="published_cats_list">
                {assign var=subCatCount value=0}
                {foreach from=Category::$list item=sCategory}
                    {if $sCategory->data.category_parent eq $category->data.category_id && !$sCategory->data.category_archived}
                        {counter print=false assign=subCatCount}
                        <li class="listRow" id="subCatSorted_{$sCategory->data.category_id}">
                            <div class="verticalListHandle">
                              <span class="mdl-icon -s"><svg><use href="#sort-arrows"></use></svg></span>
                            </div>
                            <div class="list_categoryTitle">{$sCategory->data.category_name}</div>
                            <div class="list_categoryTitleDescription">{$sCategory->data.category_description}</div>
                            <div class="categoryOptions">
                                <a class="mdl-button -tertiary -icon-only -s" href="/category/admin_form/{$sCategory->data.category_id}?ak={$user->getActionKey()}" onclick="popUp('/category/admin_form/{$sCategory->data.category_id}?ak={$user->getActionKey()}',{ popUpTitle:'Edit category',height:350,width:560, autoHeight: true });return false;" data-tip="{'Edit'|gettext}">
                                  <span class="mdl-icon -s"><svg><use href="#edit"></use></svg></span>
                                  <span class="hidden">{'Edit'|gettext}</span>
                                </a>
                                &nbsp;&nbsp;
                                <a class="mdl-button -tertiary -icon-only -s" href="/category/admin_delete/{$sCategory->data.category_id}?ak={$user->getActionKey()}" onclick="new Ajax.Request('/category/admin_delete/{$sCategory->data.category_id}?ak={$user->getActionKey()}',{ onComplete:function(){ updateSubCategoryList({$category->data.category_id}); } } ); return false;" data-tip="Unpublish">
                                  <span class="mdl-icon -s"><svg><use href="#cancel"></use></svg></span>
                                  <span class="hidden">{'Unpublish'|gettext}</span>
                                </a>
                            </div>
                        </li>
                    {/if}
                {/foreach}
                {if $subCatCount eq 0}
                    <li class="listRow">
                        {'There are no published themes'|gettext}
                    </li>
                {/if}
            </ul>
        </div>
        
        <div id="viewtab_catUnpublished">
            <ul style="list-style-type:none;margin-left:0;" id="unpublished_cats_list">
                {assign var=subCatCount value=0}
                {foreach from=Category::$list item=sCategory}
                    {if $sCategory->data.category_parent eq $category->data.category_id && $sCategory->data.category_archived == 1}
                        {counter print=false assign=subCatCount}
                        <li class="listRow" id="subCatSorted_{$sCategory->data.category_id}">
                            <div class="verticalListHandle">
                              <span class="mdl-icon -s"><svg><use href="#sort-arrows"></use></svg></span>
                            </div>
                            <div class="list_categoryTitle">{$sCategory->data.category_name}</div>
                            <div class="list_categoryTitleDescription">{$sCategory->data.category_description}</div>
                            <div class="categoryOptions">
                                <a class="mdl-button -tertiary -icon-only -s" href="/category/admin_form/{$sCategory->data.category_id}?ak={$user->getActionKey()}" onclick="popUp('/category/admin_form/{$sCategory->data.category_id}?ak={$user->getActionKey()}',{ popUpTitle:'Edit category',height:350,width:560, autoHeight: true });return false;" data-tip="Edit">
                                  <span class="mdl-icon -s"><svg><use href="#edit"></use></svg></span>
                                  <span class="hidden">{'Edit'|gettext}</span>
                                </a>
                                &nbsp;&nbsp;
                                <a class="mdl-button -tertiary -icon-only -s" href="/category/admin_publish/{$sCategory->data.category_id}?ak={$user->getActionKey()}" onclick="new Ajax.Request('/category/admin_publish/{$sCategory->data.category_id}?ak={$user->getActionKey()}',{ onComplete:function(){ updateSubCategoryList({$category->data.category_id}, true); } } ); return false;" data-tip="Publish">
                                  <span class="mdl-icon -s"><svg><use href="#team"></use></svg></span>
                                  <span class="hidden">{'Delete'|gettext}</span>
                                </a>
                            </div>
                        </li>
                    {/if}
                {/foreach}  
                {if $subCatCount eq 0}
                    <li class="listRow">
                        {'There are no unpublished themes'|gettext}
                    </li>
                {/if}
            </ul>
        </div>
    </div>
</div>