{assign var=catThemes value=$category->getThemes()}
{if $userFollowingCategory}
<div class="b-single-challenge-subscribe b-single-challenge-subscribed mdl-button__joined">
  <a
    class="mdl-button {if count($catThemes) gt 0}-joined{/if}"
    href="#"
    onclick="setCategoryFollow({$category->data.category_id}, false, '{$user->getActionKey()}', '{createLinkToCurrentPage()|base64_encode}');return false;"
  >
    {"Subscribed"|gettext}
  </a>
  {if count($catThemes) gt 0}
    <a href="#" class="challengeSubscribeOptionsArrow mdl-button -joined -icon-only" onclick="toggleChallengeSubscribeOptions({$category->id}); return false;">
      <span class="mdl-icon"><svg><use href="#arrow-down"></use></svg></span>
    </a>
  {/if}
</div>
{else}
<div class="b-single-challenge-subscribe mdl-button__joined">
  <a
    data-tip="{'You will receive a notification each time an idea is posted to this challenge'|gettext}"
    class="mdl-button {if count($catThemes) gt 0}-joined{/if}"
    href="#"
    onclick="setCategoryFollow({$category->data.category_id}, true, '{$user->getActionKey()}', '{createLinkToCurrentPage()|base64_encode}');return false;"
  >
    {"Subscribe"|gettext}
  </a>
  {if count($catThemes) gt 0}
    <a href="#" class="challengeSubscribeOptionsArrow mdl-button -joined -icon-only" onclick="toggleChallengeSubscribeOptions({$category->id}); return false;">
      <span class="mdl-icon"><svg><use href="#arrow-down"></use></svg></span>
    </a>
  {/if}
</div>
{/if}

{if count($catThemes) gt 0}
<div class="challengeSubscribeOptions challengeSubscribeOptions_{$category->id} mdl-expandable-content" style="display:none;">
    <div class="tickBoxContainer">
        <ul class="tickBoxes mdl-form__group">
            <li class="separator mdl-form__item">
                <button class="subfilter subscribe-theme-toggle subfilter-all {if Categoryfollow::userSubscribedToEntireChallenge($user->data.user_id, $category->id)}active{/if}" data-challengesub=".challengeSub-all" data-challengeId="{$category->id}" onclick="themeSubscribeEntireChallengeClickHandler(this); return false;" >
                    <strong>{"Entire challenge"|gettext}</strong>
                </button>
            </li>
            <li {if $category->isThemeRequired()}style="display:none;"{/if}>
                <button class="subfilter subscribe-theme-item subfilter-{$category->id} {if Categoryfollow::userSubscribedToTopLevel($user->data.user_id, $category->id)}active{/if}" data-challengesub="{$category->id}" data-challengeId="{$category->id}" onclick="themeSubscribeClickHandler(this); return false;" >
                    <em>{"Unassigned"|gettext}</em>
                </button>
            </li>
            {foreach from=Category::$list item=sCategory}
                {if $sCategory->data.category_parent eq $category->data.category_id}
                    <li class="mdl-form__item">
                        <button class="subfilter subscribe-theme-item subfilter-{$sCategory->id} {if Categoryfollow::userSubscribedToTheme($user->data.user_id, $category->id, $sCategory->id)}active{/if}" data-challengesub="{$sCategory->id}" data-challengeId="{$category->id}" onclick="themeSubscribeClickHandler(this); return false;" >
                            {Translation::t($sCategory, 'category_name')}
                        </button>
                    </li>
                {/if}
            {/foreach}
        </ul>
    </div>
    <div class="form_button_marginTop right subscribeSaveButtons">
        <input type="button" class="formButton2 cancel mdl-button -tertiary" value="{'Cancel'|gettext}" onclick="subscribeResetForm({$category->data.category_id}); return false;" />
        <input type="button" class="formButton2 submit mdl-button -primary" value="{'Save'|gettext}" onclick="subscribeSave({$category->data.category_id}, '{$user->getActionKey()}', '{createLinkToCurrentPage()|base64_encode}' ); return false;" />
    </div>
</div>
{/if}