<button class="{{.Get 1}}" onclick="toggleKantreeOverlay({{.Get 2}})">{{.Inner}}</button>

<div id="kantreeoverlay{{.Get 2}}" style="position: fixed; top: 52px; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(36,56,135,0.5); display: none;" onclick="toggleKantreeOverlay({{.Get 2}})">
    <div class="w-full max-w-1000 m-auto bg-white h-full" style=" opacity: 1;">
        <div class="small ta-r p-10"><a style="cursor:pointer" ontap="toggleKantreeOverlay({{.Get 2}})">X Fermer</a></div>
        <iframe class="w-full h-full" style="border: 0;" src="{{.Get 0}}"></iframe>
    </div>
</div>

<script>
    function toggleKantreeOverlay(val) {
        var x = document.getElementById("kantreeoverlay"+val);
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
    }
</script>