Posloupnost ve foreachu s aktivním a neaktivním řešením

Zdravím vás,
Potřeboval bych poradit, jak tenhle problém vyřešit. Jedná se o to, že mám nějakou skupinu $productOptionsu a potřeboval bych vědět, jak tenhle kod upravit, aby mi po postupným zakliknutí se ukázal „active-item“. Po každém zakliknutí se mi „id“ zapíše do $savedProductOptionsu.

to znamená:
Mám pole o 3 číslech a mělo by se to chovat následovně

1 – „active-item“
2 – „inactive-item“
3 – „inactive-item“

Zaklikneme číslo 2 a bude

1 – „active-item“
2 – „active-item“
3 – „inactive-item“

         {var $counting == 1}

          {foreach $pole as $p}

              {if $dalsi == false}
              {if $counting == 1}
                  {var $dalsi = true}
                  {var $counting = $counting + 1}
              {/if}
              {/if}

              {if $dalsi == false}
              {if $povolit == true}
                  {var $dalsi = true}
              {/if}
              {/if}

              {if $dalsi == false}
              {if isset($savedProductOptions[$option->data()->id])}
                  {var $next = true}
              {/if}
              {/if}

              {if $dalsi == true}
                  {var $povolit = true}
                  {var $dalsi = false}
              {else}
              {/if}


             	<div class="{if $povolit == true}{var $dalsi = false}{else}inactive-item{/if}{if isset( $savedProductOptions[$option->data()->id] ) }active-item{/if}">

            {/foreach}