{if !isset($funnelIsInitialised)}
    {if !$category->data.category_phased}
        <p>{'Please press the Save button below to update the challenge and display the funnel options.'|gettext}</p>
    {/if}
{/if}

{foreach from=$stages item=cStage key=id name=stageIterator}
    {assign var=phaseCatId value=$cStage->data.phase_category}
<div class="stage {if $stageSelected eq $id}phase_selected{/if} {if $cStage->hasFinished()}completed{elseif $cStage->hasStarted()}current{/if}" id="stageTimelineBlock:{$id}" style="width:{$stageWidths.$id-2}px;" onclick="newStageForm({literal}{{/literal} phase_id:{$id} {literal}}{/literal});" onmouseover="if ($('shiftLeft:{$smarty.foreach.stageIterator.iteration}')!=null) $('shiftLeft:{$smarty.foreach.stageIterator.iteration}').show(); if ($('shiftRight:{$smarty.foreach.stageIterator.iteration}')!=null) $('shiftRight:{$smarty.foreach.stageIterator.iteration}').show();" onmouseout="if ($('shiftLeft:{$smarty.foreach.stageIterator.iteration}')!=null) $('shiftLeft:{$smarty.foreach.stageIterator.iteration}').hide(); if ($('shiftRight:{$smarty.foreach.stageIterator.iteration}')!=null) $('shiftRight:{$smarty.foreach.stageIterator.iteration}').hide();">
	<div class="stageBorder {if $smarty.foreach.stageIterator.first}first{elseif $smarty.foreach.stageIterator.last}last{/if}" id="stageTimelineBlockBorder:{$id}"><!--IE--></div>
    <input type="hidden" name="stageIterationToId:{$smarty.foreach.stageIterator.iteration}" id="stageIterationToId:{$smarty.foreach.stageIterator.iteration}" value="{$cStage->data.phase_id}" />
    <div class="stageInner">
    	<div class="info mdl-phase__summary">
            <strong>{if $cStage->data.phase_name eq ''}&lt;unnamed phase&gt;{else}{$cStage->data.phase_name}{/if}</strong><br/>
            {*<span class="small">{$user->getUserTime($cStage->data.phase_startdate)|date_format} - {if $cStage->data.phase_enddate eq '0101-01-01 00:00:00'}(continues indefinitely){else}{$user->getUserTime($cStage->data.phase_enddate)|date_format}{/if}</span><br />*}
            {if !$cStage->hasFinished()}
                {if $cStage->hasStarted()}
                    <div class="status">{'In progress'|gettext}</div>
                {else}
                    <div class="status">{'Starts in %s'|gettext|sprintf:$cStage->startsIn()}</div>
                {/if}
            {else}
                <span class="status lightGrey">{'Finished'|gettext}</span>
                {*<span class="status">&nbsp;</span>*}
            {/if}

            {* Summary of settings *}
            {$moderatorUserCount=count($cStage->tempData['phaseUserModeratorAccess'])}
            {$moderatorUserGroupCount=count($cStage->tempData['phaseUserGroupModeratorAccess'])}
            {$moderatorCount=$moderatorUserCount+$moderatorUserGroupCount}

            {$accessUserCount=count($cStage->tempData['phaseUserAccess'])}
            {$accessUserGroupCount=count($cStage->tempData['phaseUserGroupAccess'])}
            {$accessCount=$accessUserCount+$accessUserGroupCount}

            {if $cStage->tempData['phaseSettings']->getData('defaultAdvancement') && !$cStage->isLastStage()}
            <div class="summaryItem {if count($stages)>8}small{/if}">
                <div class="iconWidth">
                  <span class="mdl-icon -s"><svg><use href="#arrow-right"></use></svg><svg><use href="#arrow-right"></use></svg></span>
                </div>
                <div>{'Ideas auto-advance'|gettext}</div>
            </div>
            {/if}

            {if $cStage->tempData['phaseSettings']->getData('ideaVisibility')}
            <div class="summaryItem {if count($stages)>8}small{/if}">
              <span class="mdl-icon -s"><svg><use href="#lock"></use></svg></span>
              <div>{'Private idea submissions'|gettext}</div>
            </div>
            {/if}

            <div class="summaryItem {if count($stages)>8}small{/if}">
              <span class="mdl-icon -s"><svg><use href="#thumbs-up"></use></svg></span>
              {Vote::getVotingSchemeNiceName($cStage->tempData['phaseSettings']->getData('votingScheme'))}
            </div>
            {if $cStage->tempData['phaseSettings']->getData('blindVoting')}
            <div class="summaryItem {if count($stages)>8}small{/if}">
              {if $cStage->tempData['phaseSettings']->getData('showVoters')}
                <span data-tip="{'Show voters is also enabled, so individual user votes will be visible but the score will be hidden'|gettext}"><span class="iconWidth icon-eye2"></span><span class="errorColor">{'Blind voting'|gettext}</span> <div style="float:right;"><img src="{$vars.resourcesUrl}warning.gif" title="Warning triangle"></div></span>
              {else}
                <span class="mdl-icon -s"><svg><use href="#show-eye"></use></svg></span>
                {'Blind voting'|gettext}
              {/if}
            </div>
            {/if}
            {if $cStage->tempData['phaseSettings']->getData('showVoters')}
            <div class="summaryItem {if count($stages)>8}small{/if}">
              <span class="mdl-icon -s"><svg><use href="#show-eye"></use></svg></span>
              {'Show voters'|gettext}
            </div>
            {/if}
            {if $cStage->tempData['phaseSettings']->getData('votesCleanSlate')}
            <div class="summaryItem {if count($stages)>8}small{/if}">
              <span class="mdl-icon -s"><svg><use href="#cancel"></use></svg></span>
              {'Votes reset'|gettext}
            </div>
            {/if}
            {if $cStage->tempData['phaseSettings']->getData('commentsCleanSlate')}
            <div class="summaryItem {if count($stages)>8}small{/if}">
              <span class="mdl-icon -s"><svg><use href="#cancel"></use></svg></span>
              {'Comments cleared'|gettext}
            </div>
            {/if}
            <div class="summaryItem {if count($stages)>8}small{/if}">
                {if $moderatorCount gt 0}
                <span class="mdl-icon -s"><svg><use href="#team"></use></svg></span>
                {'Moderators:'|gettext}
                    {if $cStage->tempData['phaseEveryoneModeratorAccess']}
                        <span data-tip="{'Setting all users as moderators is not recommended'|gettext}"><span class="errorColor">&nbsp;{'Everyone'|gettext}</span> <div style="float:right;"><img src="{$vars.resourcesUrl}warning.gif" title="{'Warning'|gettext}"></div></span>
                    {else}
                        {if $moderatorUserCount gt 0}
                          {if $moderatorUserCount eq 1}
                            {'1 user'|gettext}
                          {else}
                            {'%s users'|gettext|sprintf:$moderatorUserCount}
                          {/if}
                          {if $moderatorUserCount gt 0 && $moderatorUserGroupCount gt 0},{/if}
                        {/if}
                        {if $moderatorUserGroupCount gt 0}
                          {if $moderatorUserGroupCount eq 1}
                            {'1 group'|gettext|sprintf:$moderatorUserCount}
                          {else}
                            {'%s groups'|gettext|sprintf:$moderatorUserGroupCount}
                          {/if}
                        {/if}
                    {/if}
                {else}
                    <span data-tip="{'No moderators are configured for this phase'|gettext}"><span class="iconWidth icon-users"></span><span class="errorColor">{'No moderators'|gettext}</span> <div style="float:right;"><img src="{$vars.resourcesUrl}warning.gif" title="Warning triangle"></div></span>
                {/if}
            </div>
            <div class="summaryItem {if count($stages)>8}small{/if}">
                {if $accessCount gt 0}
                <span class="mdl-icon -s"><svg><use href="#team"></use></svg></span>
                {'Users:'|gettext} 
                    {if $cStage->tempData['phaseEveryoneAccess']}
                        {'Everyone'|gettext}
                    {else}
                        {if $accessUserCount gt 0}
                          {if $accessUserCount eq 1}
                            {'1 user'|gettext}
                          {else}
                            {'%s users'|gettext|sprintf:$accessUserCount}
                          {/if}
                          {if $accessUserGroupCount gt 0},{/if}
                        {/if}
                        {if $accessUserGroupCount gt 0}                        
                          {if $accessUserGroupCount eq 1}
                            {'1 group'|gettext}
                          {else}
                            {'%s groups'|gettext|sprintf:$accessUserGroupCount}
                          {/if}  
                        {/if}
                    {/if}
                {else}
                    <span data-tip="{'No non-moderator users can see this phase'|gettext}"><span class="iconWidth icon-users"></span>{'Users:'|gettext} <span class="errorColor">{'No users'|gettext}</span> <div style="float:right;"><img src="{$vars.resourcesUrl}warning.gif" title="{'Warning'|gettext}"></div></span>
                {/if}
            </div>
        </div>
    </div>
    {*{if $smarty.foreach.stageIterator.first}
    <div class="stageAddLeft mdl-phase__add">
    	<div class="stageOperation">
    		<a href="#" class="mdl-button -s" id="addLeft:{$smarty.foreach.stageIterator.iteration}">{'Insert'|gettext}</a>
        </div>
    </div>
    {literal}
    <script type="text/javascript">
	    $('addLeft:{/literal}{$smarty.foreach.stageIterator.iteration}{literal}').stopObserving("click");
        $('addLeft:{/literal}{$smarty.foreach.stageIterator.iteration}{literal}').observe("click", function(event) {
            newStageForm({
                before:{/literal}{$smarty.foreach.stageIterator.iteration}{literal},
                category_id:{/literal}{Category::$list[$phaseCatId]->data.category_id}{literal}
            });
            event.stop();
        });
    </script>
    {/literal}
    {/if}*}
    {if !$cStage->hasFinished() || $smarty.foreach.stageIterator.last}
    <div class="stageAddRight mdl-phase__add -right">
    	<div class="stageOperation">
    		<a href="#" class="mdl-button -s" id="addRight:{$smarty.foreach.stageIterator.iteration}">{if $smarty.foreach.stageIterator.last}+ {'Add'|gettext}{else}+ {'Insert'|gettext}{/if}</a>
        </div>
    </div>

    <script type="text/javascript">
	    $('addRight:{$smarty.foreach.stageIterator.iteration}').stopObserving("click");
        $('addRight:{$smarty.foreach.stageIterator.iteration}').observe("click", function(event) {
            newStageForm({
                after:{$smarty.foreach.stageIterator.iteration},
                category_id:{Category::$list[$phaseCatId]->data.category_id}
            });
            event.stop();
        });
    </script>

    {/if}

    {if $smarty.foreach.stageIterator.first}
    <div class="dateStartDividerContainer stageOperation">
        <div class="dateDivider">
            {$user->getUserTime($cStage->data.phase_startdate)|date_format:"%e %h %Y"}<br/>
            {$user->getUserTime($cStage->data.phase_startdate)|date_format:"%R"}
        </div>
    </div>
    {/if}
    
    {if $cStage->data.phase_enddate ne '0101-01-01 00:00:00' && !$smarty.foreach.stageIterator.last}
    <div class="dateDividerContainer stageOperation">
        <div class="dateDivider">
            {$user->getUserTime($cStage->data.phase_enddate)|date_format:"%e %h %Y"}<br/>
            {$user->getUserTime($cStage->data.phase_enddate)|date_format:"%R"}
        </div>
    </div>
    {/if}

    {*{if !$smarty.foreach.stageIterator.first}
    <div class="shiftLeft shiftButton stageOperation" id="shiftLeft:{$smarty.foreach.stageIterator.iteration}" style="display:none;">&lt; {'Move'|gettext}</div>
    {literal}
    <script type="text/javascript">
        $('shiftLeft:{/literal}{$smarty.foreach.stageIterator.iteration}{literal}').stopObserving("click");
        $('shiftLeft:{/literal}{$smarty.foreach.stageIterator.iteration}{literal}').observe("click", function(event) {
            phase_swapWith( {/literal}{$id}{literal}, $F('stageIterationToId:{/literal}{$smarty.foreach.stageIterator.iteration-1}{literal}'), '{/literal}{$user->getActionKey()}{literal}' );
            event.stop();
        });
    </script>
    {/literal}
    {/if}

    {if !$smarty.foreach.stageIterator.last}
    <div class="shiftRight shiftButton stageOperation" id="shiftRight:{$smarty.foreach.stageIterator.iteration}" style="display:none;">{'Move'|gettext} &gt;</div>
    {literal}
    <script type="text/javascript">
        $('shiftRight:{/literal}{$smarty.foreach.stageIterator.iteration}{literal}').stopObserving("click");
        $('shiftRight:{/literal}{$smarty.foreach.stageIterator.iteration}{literal}').observe("click", function(event) {
            phase_swapWith( {/literal}{$id}{literal}, $F('stageIterationToId:{/literal}{$smarty.foreach.stageIterator.iteration+1}{literal}'), '{/literal}{$user->getActionKey()}{literal}' );
            event.stop();
        });
    </script>
    {/literal}
    {/if}*}

    {if $smarty.foreach.foo.first}
        {* A 'fake' end date for the 'previous' stage (ie there is no previous stage) *}
        {capture name="preDate" assign=preDate}{$cStage->data.phase_startdate|date_format:"%s"}{/capture}
        <input type="hidden" name="stageEnd:{$smarty.foreach.stageIterator.iteration-1}" id="stageEnd:{$smarty.foreach.stageIterator.iteration-1}" value="{$preDate}" />
    {/if}
    {if $smarty.foreach.stageIterator.last}
        {* A 'fake' start date for the 'next' stage (like above) *}
        {if $cStage->data.phase_enddate ne '0101-01-01 00:00:00'}
        {capture name="postDate" assign=postDate}{$cStage->data.phase_enddate|date_format:"%s"}{/capture}
        {else}
        {capture name="postDateA" assign=postDateA}{$cStage->data.phase_startdate|date_format:"%s"}{/capture}
        {assign var="postDate" value="`$postDateA+$vars.defaultStageLength`"}{* move our start date the default stage length past the start date of an unending stage *}
        {/if}
        <input type="hidden" name="stageStart:{$smarty.foreach.stageIterator.iteration+1}" id="stageStart:{$smarty.foreach.stageIterator.iteration+1}" value="{$postDate}" />
    {/if}
    <input type="hidden" name="stageStart:{$smarty.foreach.stageIterator.iteration}" id="stageStart:{$smarty.foreach.stageIterator.iteration}" value="{$cStage->data.phase_startdate|date_format:"%s"}" />
    <input type="hidden" name="stageEnd:{$smarty.foreach.stageIterator.iteration}" id="stageEnd:{$smarty.foreach.stageIterator.iteration}" value="{$cStage->data.phase_enddate|date_format:"%s"}" />
</div>{/foreach}
<div class="clear"><!--IE--></div>