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}