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

<script src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/momentjs/latest/moment-with-locales.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

<link href="static/bulma-calendar/css/bulma-calendar.min.css" rel="stylesheet">
<script src="static/bulma-calendar/js/bulma-calendar.min.js"></script>

<div class="columns" id="myselectors">
  <div class="column is-half py-1">
    <div id="reportrange" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
      <i class="fa fa-calendar"></i>&nbsp;
      <span></span> <i class="fa fa-caret-down"></i>
    </div>
  </div>
  <div class="column is-half py-1">
    <a id="btn_w" class="button">
      <span class="icon">
        <i class="fa fa-balance-scale"></i>
      </span>
    </a>
    <a id="btn_t" class="button">
      <span class="icon">
        <i class="fa fa-thermometer-half"></i>
      </span>
    </a>
    <a id="btn_h" class="button">
      <span class="icon">
        <i class="fa fa-tint"></i>
      </span>
    </a>
    <a id="btn_p" class="button">
      <span class="icon">
        <i class="fa fa-cloud"></i>
      </span>
    </a>
    <a id="btn_vp" class="button">
      <span class="icon">
        <i class="fa fa-battery-three-quarters"></i>
      </span>
    </a>
  </div>
</div>

<script src="static/js/graph.js"></script>

<section id="chart">
    <!-- Content ... -->
</section>

    <script src="https://cdn.jsdelivr.net/npm/apexcharts@5.3.2"></script>

<script src="static/js/chart.js"></script>

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