Untitled

<html>

	<head>

		<link rel="stylesheet" type="text/css" href="../css/index.css?version=51">

		<script
			src="https://code.jquery.com/jquery-3.1.1.js"
			integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
			crossorigin="anonymous">
		</script>

	</head>

	<body>

		<script>
			$( document ).ready(function() {

				$('#ConfigButton').on('click',function(){
					$('#config').css("visibility", "visible");
					$('#test').css("visibility", "hidden");
					$('#ConfigButton').addClass("active");
					$('#ConfigButton').removeClass("leftsidebutton");
					$('#TestButton').removeClass("active");
					$('#TestButton').addClass("leftsidebutton");
				});

				$('#TestButton').on('click',function(){
					$('#config').css("visibility", "hidden");
					$('#test').css("visibility", "visible");
					$('#ConfigButton').removeClass("active");
					$('#ConfigButton').addClass("leftsidebutton");
					$('#TestButton').addClass("active");
					$('#TestButton').removeClass("leftsidebutton");
				});

			});
		</script>

		<?php

		$servername = 'localhost';
		$username = 'root';
		$password = '';
		$database = 'Incident';

		$db = mysqli_connect($servername, $username, $password, $database);

		$sqlconfig = 'SELECT * FROM config';

		$resultconfig = mysqli_query( $db, $sqlconfig);


		?>


		<div class='topbar'>

			<div id='bedrijfnaam'>
				<div id='twente'>MA Twente</div>
			</div>

			<div id='logo'></div>

		</div>

		<div class='leftsidebar'>
			<div id='ConfigButton' class='active'>
				<div class='txt'>Config</div>
			</div>
			<div id='TestButton' class='leftsidebutton'>
				<div class='txt'>Test</div>
			</div>
		</div>

		<div class='content'>
			<div id='config'>

				<div class="configbox">
					<div class="configboxname">
					<?php
						foreach( $resultconfig as $a ) {
							echo($a['ConfigID']);
						};
					?>
					</div>


					<div class="configboxhardware">
					<?php
						foreach( $resultconfig as $a ) {
							echo("CPU: " . $a['CPU']);
						};
					?>
					</div>
					<div class="configboxhardware">
					<?php
						foreach( $resultconfig as $a ) {
							echo("GPU: " . $a['GPU']);
						};
					?>
					</div>
					<div class="configboxhardware">
					<?php
						foreach( $resultconfig as $a ) {
							echo("RAM: " . $a['RAM']);
						};
					?>
					</div>
					<div class="configboxhardware">
					<?php
						foreach( $resultconfig as $a ) {
							echo("OS: " . $a['Software']);
						};
					?>
					</div>


					<div class="configboxgebruiker">
					<?php
						foreach( $resultconfig as $a ) {
							echo("HoofdgebruikersID: " . $a['Hoofdgebruiker']);
						};
					?>
					</div>
					<div class="configboxincidenten">
					<?php
						foreach( $resultconfig as $a ) {
							echo("IncidentIDs: " . $a['IncidentID']);
						};
					?>
					</div>

				</div>

				<div class="configbox">
					<div class="configboxname">Name</div>

				</div>

				<div class="configbox">
					<div class="configboxname">Name</div>

				</div>

				<div class="configbox">
					<div class="configboxname">Name</div>

				</div>

				<div class="configbox">
					<div class="configboxname">Name</div>

				</div>

				<div class="configbox">
					<div class="configboxname">Name</div>

				</div>


			</div>

			<div id='test'></div>
		</div>

	</body>

</html>