{{define "body_content"}}
{{ if ne .UserName "" }}

{{range .LastMetrics}}
<div class="column is-full notification is-warning">
  <p id="alias_{{.Deveui}}" class="is-size-2 has-text-centered has-text-weight-bold">{{.Alias}}</p>
  <p id="lastmeasurement_{{.Deveui}}" class="has-text-centered">letzte Messung: {{.Timestamp}}</p>
  <div>
    <div class="colums is-full notification is-warning">
      <nav class="level">
      <div class="level-item has-text-centered">
        <a class="block-link" href="/graph.html?deveui={{.Deveui}}&property=t">
          <div>
            <p class="icon"><i class="fa fa-thermometer-half"></i></p>
            <p id="temp_{{.Deveui}}" class="title">{{.Temperature}} &deg;C</p>
          </div>
        </a>
      </div>
      <div class="level-item has-text-centered">
        <a class="block-link" href="/graph.html?deveui={{.Deveui}}&property=h">
          <div>
            <p class="icon"><i class="fa fa-tint"></i></p>
            <p id="humidity_{{.Deveui}}" class="title">{{.Humidity}} %</p>
          </div>
        </a>
      </div>
      <div class="level-item has-text-centered">
        <a class="block-link" href="/graph.html?deveui={{.Deveui}}&property=w">
          <div>
            <p class="icon"><i class="fa fa-balance-scale"></i></p>
            <p id="weight_{{.Deveui}}" class="title is-size-1 has-text-weight-bold">{{.Weight}} Gramm</p>
          </div>
        </a>
      </div>
      <div class="level-item has-text-centered">
        <a class="block-link" href="/graph.html?deveui={{.Deveui}}&property=p">
          <div>
            <p class="icon"><i class="fa fa-cloud"></i></p>
            <p id="pressure_{{.Deveui}}" class="title">{{.Pressure}} hP</p>
          </div>
        </a>
      </div>
      <div class="level-item has-text-centered">
        <a class="block-link" href="/graph.html?deveui={{.Deveui}}&property=vp">
          <div>
            <p class="icon"><i class="fa fa-battery-three-quarters"></i></p>
            <p id="acculevel_{{.Deveui}}" class="title">{{.BatteryPercent}} %</p>
          </div>
        </a>
      </div>
      </nav>
    </div>
  </div>
</div>
<div>
</div>
{{end}}

{{ else }}
<h4>Bitte zuerst <a href="login.html">einloggen</a></h4>
{{end}}
{{end}}