function init_settings(model) {
	const el = find_node("#settings");
	find_node("#add-relay", el).addEventListener("click", on_click_add_relay);
	const embeds_el = find_node("input[name='show_embeds']", el);
	embeds_el.addEventListener("click", on_click_toggle_embeds);
	embeds_el.checked = model.embeds != "friends";
	find_node("[role='sign-out']", el).addEventListener("click", on_click_sign_out);
	const rlist = find_node("#relay-list tbody", el);
	model.relays.forEach((str) => {
		rlist.appendChild(new_relay_item(str));
	});
}

function new_relay_item(str) {
	const tr = document.createElement('tr');
	tr.innerHTML = `<td>${str}</td>
	<td>
	<button class="remove-relay btn-text" 
		data-address="${str}"
		role="remove-relay">
		<img class="icon svg small" src="/icon/event-delete.svg"/>
	</button>
	</td>`;
	find_node("button", tr).addEventListener("click", on_click_remove_relay);
	return tr;
}

function on_click_add_relay(ev) {
	const model = DAMUS;
	const address = prompt("Please provide a websocket address:", "wss://");
	log_debug("got address", address);
	// TODO add relay validation
	if (!model.pool.add(address))
		return;
	model.relays.add(address);
	find_node("#relay-list tbody").appendChild(new_relay_item(address));
	model_save_settings(model);
}

function on_click_toggle_embeds(ev) {
	const model = DAMUS;
	model.embeds = ev.target.checked ? "everyone" : "friends";
	window.alert("You will need to refresh to see changes.");
	model_save_settings(model);
}

async function on_click_sign_out(ev) {
	if (confirm("Are you sure you want to sign out?")) {
		localStorage.clear();
		await dbclear();
		window.location.reload();
	}
}

function on_click_remove_relay(ev) {
	const model = DAMUS;
	const address = ev.target.dataset.address;
	if (!model.pool.remove(address))
		return;
	model.relays.delete(address);
	let parent = ev.target;
	while (parent) {
		if (parent.matches("tr")) {
			parent.parentElement.removeChild(parent);
			break;
		}
		parent = parent.parentElement;
	}
	model_save_settings(model);
}