<!doctype html>
<html lang="en">
    <head>
        <script src="<?php echo $_SERVER["FRONT_URL"] ?>/iframe_api.js"></script>
        <script>
            window.addEventListener('load', () => {
                document.getElementById('show/hideLayer').onclick = () => {
                    if (document.getElementById('show/hideLayer').checked) {
                        WA.room.showLayer('crystal');
                    }
                    else {
                        WA.room.hideLayer('crystal');
                    }
                }
            })
        </script>
    </head>
    <body>
    	<div>
            <label for="show/hideLayer">Crysal Layer : </label><input type="checkbox" id="show/hideLayer" name="visible" value="show" checked>
        </div>
    </body>
</html>