/* 	Die Seite mit den Systemeinstellungen:
	Diese umfassen mehrere Seiten, zwischen denen mit Tabs umgeschaltet werden kann:
*/

area(id=1000 layout=v)
{
	// Settings Tab Bar:
	//
	area(id=1006 layout=hor text_alignment=center)
	{
		tab(id=1200 w=60 h=30 text="Prefs" bg=0F0 bg@1=F00 value=1 onclick="show 201")
		tab(id=1300 w=60 h=30 text="Edit"  bg=0F4 bg@1=F00 onclick="show 301")	// edit known peers
		tab(id=1400 w=60 h=30 text="Scan"  bg=0F8 bg@1=F00 onclick="show 401")	// scan for new peers
	}
	
	// Settings Content Area mit einem Layer Layout, dessen Seiten durch obige Tabs umgeschaltet werden:
	//
	area(id=1007 layout=layers)
	{
		// Preferences:
		// zeigt eine Liste von Settings
		//
		area(id=1201 layout=vert scroll=y fg=FF0 border=1 padding=2)
		{
			area(id=1210 layout=hor)
			{
				checkbox(id=1211 value=1 onclick=toggleBtAlwaysOn text="Bt always on\nwhile app running")
			}
			area(id=1220 layout=hor)
			{
				checkbox(id=1221 value=0 onclick=toggleShowOnLockScreen)
				label(id=1222 text="Show on lock screen")
			}
		}
		
		// Edit existing peers:
		// Zeigt die Liste der bekannten und konfigurierten Peers
		// Diese können ein- und ausgeschaltet werden (=> kein Tab in der Haupt-Tableiste)
		// oder ganz gelöscht werden
		// denk: Layoutdatei updaten?
		//
		area(id=1301 layout=v)		
		{
			label(id=1302 text="Edit Existing Peers:" textsize=15)
			area(id=1310 layout=hor bg=ccc)	
			{
				label(id=1311 text="Living room remote control\n1234-567890-1234567890")
				checkbox(id=1312 value=1 w=30 h=30 onclick=togglePeer)
				button(id=1313 image="24/trashcan.png" w=30 h=30 onclick="deletePeer")
			}
			widget(id=1314 h=1 bg=fff)	// separator
			area(id=1320 layout=hor)	
			{
				label(id=1321 w=200% text="Second test peer\n1234-567890-1234567890")
				checkbox(id=1322 value=0 w=30 h=30 onclick=togglePeer)
				button(id=1323 image="24/trashcan.png" w=30 h=30 onclick=deletePeer)
			}
		}
		
		// scan for new peers
		// Beim Anzeigen dieser Liste wird ein Bt-Scan gestartet.
		// alle antwortenden peers, die noch nicht gebondet sind, werden in einer Liste angezeigt.
		// wird ein Peer angeklickt, muss der Benutzer eine Layoutdatei auswählen.
		// passt diese zum Peer, wird er gebondet und erscheint danach in der Liste der bekannten Peers 
		// und als Tab in der Haupt-Tableiste.
		//  
		area(id=401 layout=v onshow=startScan onhide=stopScan)		
		{
			label(id=402 text="Scan for New Peers:" textsize=15)
			area(id=410 layout=hor)	
			{
				label(id=411 w=200% text="Küche\n1234-567890-1234567890")
				button(id=412 w=60 h=30 text="connect" onclick=bondPeer)
			}					
		}
	}
}