@extends('layouts.master')

@section('title', $pagetitle)

@section('content')
    <h1>Dashboard <small>Infos auf einen Blick</small></h1>
    <table style="width:100%">
  <tr>
    <td>
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Temperatur</h3>
            </div>
            <div class="panel-body">
                <p>{!! $latestTemp !!} °C</p>
            </div>
        </div>
    </td>
    <td>
    
    <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Luftfeuchtigkeit</h3>
            </div>
            <div class="panel-body">
                <p>{!! $latestHumidity !!} %</p>
            </div>
        </div>
    
    </td>
    <td>
    
    <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Absoluter Feuchtegehalt </h3>
            </div>
            <div class="panel-body">
                <p>{!! $latestGM3 !!} g/m³</p>
            </div>
        </div>
    
    </td>
  </tr>
</table> 

    @if($latestHumidity > 80)
    <div class="panel panel-danger">
    @else
    <div class="panel panel-success">
    @endif
        <div class="panel-heading">
            <h3 class="panel-title">Schimmelbildung</h3>
        </div>
        <div class="panel-body">
            @if($latestHumidity >= 75)
            Die Luftfeuchtigkeit liegt bei {!! $latestHumidity !!} %. Es besteht Schimmelgefahr!
            @else
            Es besteht keine Schimmelgefahr! Luftfeuchtigkeit: {!! $latestHumidity !!} %.
            @endif
        </div>
    </div>
    
    @if($air)
    <div class="panel panel-success">
    @else
    <div class="panel panel-danger">
    @endif
        <div class="panel-heading">
            <h3 class="panel-title">Lüftungsempfehlung</h3>
        </div>
        <div class="panel-body">
            @if($air)
            Es kann gelüftet werden, um die Luftfeuchtigkeit zu verringern.
            @else
            Es braucht nicht gelüftet zu werden. Die Luftfeuchtigkeit würde sich erhöhen.
            @endif
        </div>
    </div>
@endsection