Nefunkční překreslení snippetu

Zdravím, mám problém s překreslenímm textu pomocí ajaxu.
Přílklad funguje na principu, že pokud zaškrtnu checkbox, měl by se mi ajaxem přepsat text vedle checkboxu na curremt/pending

<div id="content">
{snippet xx}
	{var $label = "current"}
	{if $result == "2"}
		{var $label = 'pending'}
	{/if}
	{dump $label}
	{$label}
	<label name="label" class="">
		<input type="checkbox" id="label" name="label" class="form-check-input ajax" value="#" > Test
	</label>
{/snippet}
</div>

<script n:syntax="double">
	const labelCheckbox = document.getElementById('label');
	let url = new URL({{plink //this }});
	labelCheckbox.addEventListener('change', function() {
        url.searchParams.append("do", 'label');
        fetch(url)
            .then(console.log("hotovo!"))
            .catch(error => {
                console.log('Error: ' + error);
			});
    });
</script>

handle vypadá nějak takto

public function handleLabel(){
        $section = $this->getSession('session1');
        if($section->get("result") == "1"){
            $section->set("result", "2");
        }
        else{
            $section->set("result", "1");
        }
        $this->redrawControl('xx');
    }

Jinak v @layout.latte si ještě načítam naja.js pomocí CDN takto:

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/naja@1.8.3/dist/Naja.js"></script>
<script src="https://cdn.jsdelivr.net/npm/naja@2.5.0/dist/Naja.min.js"></script>
<script> document.addEventListener('DOMContentLoaded', () => naja.initialize()); </script>

Problém je, že když checkbox zaškrtnu, tak {dump $label} mi label vypíše jak má, ale samotný {$label} jako text zůstává stejný a nijak se nepřekreslí.

Poradíte prosím někdo, jak překreslit text ve snippetu?