@extends('layouts.master')

@section('title', $pagetitle)

@section('content')
    {!! Charts::styles() !!}
    <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> 
    

    <div class="resizechart resizechart2">
    {!! $chart->html() !!}
    </div>
    
    
    {!! Charts::scripts() !!}
    {!! $chart->script() !!}
@endsection