@extends('layouts.master')

@section('title', $pagetitle)

@section('content')
    {!! Charts::styles() !!}
    <h1>Details <small>Genauere Infos</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">
    @foreach($chart as $ch)
    {!! $ch->html() !!}
    </br>
    @endforeach
    </div>
    
    
    {!! Charts::scripts() !!}
    @foreach($chart as $ch)
    {!! $ch->script() !!}
    @endforeach
@endsection