/*
*/
let test = document.createElement('form');
test.innerHTML = `
	        <button onclick="chat_layout(this.innerText)" type="reset">close</button>
	<br><br><button onclick="chat_layout(this.innerText)" type="reset">home</button>
	<br><br><button onclick="chat_layout(this.innerText)" type="reset">room</button>
	<br><br><button onclick="chat_layout(this.innerText)" type="reset">new</button>
	<br><br><button onclick="chat_layout(this.innerText)" type="reset">settings</button>
	<br><br><button onclick="chat_layout(this.innerText)" type="reset">room_set</button>
	<br><br><button onclick="chat_layout(this.innerText)" type="reset">protected</button>
	<br><br><button onclick="chat_layout(this.innerText)" type="reset">create</button>
	<br><br><button onclick="chat_layout(this.innerText)" type="reset">user</button>
	<br><br><label><input onchange="chat_layout_toggle(this.nextElementSibling.innerText)" type="checkbox"><span>_blocked</span></label>
	<br><br><label><input onchange="chat_layout_toggle(this.nextElementSibling.innerText)" type="checkbox"><span>_admin</span></label>
	<br><br><label><input onchange="chat_layout_toggle(this.nextElementSibling.innerText)" type="checkbox"><span>_muted</span></label>
	<br><br><label><input onchange="chat_layout_replace('_settings', '_room_set')" type="radio" name="form_from"><span>_room_set</span></label>
	<br><br><label><input onchange="chat_layout_replace('_room_set', '_settings')" type="radio" name="form_from"><span>_settings</span></label>
	<br><br><button onclick="chat_layout(this.innerText)" type="reset">mute</button>
`;

document.body.prepend(test);

function chat_layout_toggle(layout_class) {
	document.getElementById('chat_box').classList.toggle(layout_class);
};
function chat_layout_replace(_old, _new) {
	let chat = document.getElementById('chat_box');
	chat.classList.remove(_old);
	chat.classList.add(_new);
};

