<?php
  session_start();
  include("head.php");
  include("header.php");

  require_once("accesBase.php");
  $capteurs = getSensors();

  $raspberrys = getRaspberrys();

  ?>

  <div class="row">

  	<div class="col-4 col-md-4 offset-md-4 offset-4">

  	<br/>

  		<h1 style="margin-bottom:20px; margin-top:60px; border-bottom:1px solid #CCC; padding-bottom:20px;"><i class="fas fa-project-diagram"></i> Le réseau</h1>

  		<img src="img/computer.jpg" alt="Ordinateur" style="width:100%; height:auto;">

  		<?php
  		foreach($raspberrys as $raspberry)
  		{
  			$ip = $raspberry['ip'];
  			?>

  			<table class="table table-striped table-hover table-bordered">

  				<thead class="thead-dark">

  					<th width="15%"><img src="img/pi.png" alt="Raspberry" style="width:auto; height:50px;"></th>

  					<th width="85%" colspan="2"><p style="font-size: 14px;"><?php echo $ip;?></p></th>

  				</thead>
  				<tbody>

  					<?php
  					foreach($capteurs as $capteur)
  					{
  						if($capteur['raspberry'] != $ip) { continue; }
  						?>
  						<tr>
  							<?php

  							if(strcmp($capteur['type'], "Température") == 0)

  							{
  								$source = "img/temperature.png";
  							}

  							else if(strcmp($capteur['type'], "Distance") == 0)

  							{

  								$source = "img/distance.png";

  							}
  							?>

  							<td><img src="<?php echo $source;?>" alt="Capteur" style="width:auto; height:50px;"></td>

  							<td><p style="font-size: 14px;"><?php echo $capteur['nom'];?></p></td>
  							<td><p style="font-size: 14px;"><?php echo $capteur['unite'];?></p></td>

  						</tr>
  						<?php
  					}
  					?>

  				</tbody>
  			</table>

  			<img src="img/empty.jpg" alt="Ligne" style="width:100%; height:auto;">

  			<?php
  		}
  		?>

  	</div>

  </div>