{% extends 'base.html' %}

{% block content %}
    <h1>{% block title %} EnergieMonitor {% endblock %}</h1>
    <h2> Erfassung </h2>

<div class="row">
    <div class="col-sm-6">
        <small> App statt Zettel! 
        <br>
        Hier gibt es etwas zu erfassen....
        </small>
    </div>
    <img src="{{ url_for('static', filename='CCLOGO-vect.svg') }}" alt="Chamäleon Logo" class="img-thumbnail col-sm-6" width=25%>
</div>

<form method="post" name="Erfassung" >
    <div class="form-group ">
        <label for="gaszaehler">Gaszählerstand</label>
        <input type="text" name="gaszaehler" 
               placeholder="0" class="form-control"
               value="{{ request.form['gaszaehler'] }}"></input>
<br/>
        <label for="stromzaehler">Stromzählerstand</label>
        <input type="text" name="stromzaehler" 
               placeholder="0" class="form-control"
               value="{{ request.form['stromzaehler'] }}"></input>
 
 <br />
        <label for="wasserzaehler">Wasseruhrenstand</label>
        <input type="text" name="wasserzaehler" 
               placeholder="0" class="form-control"
               value="{{ request.form['wasserzaehler'] }}"></input>

    </div>
</br>

    <div class="form-group">
        <button type="submit"  class="btn btn-primary">Speichern</button>
    </div>
</form>
    <h2> Infos / Datenschutz </h2>
    <p>
    Diese Erfassung läuft bei uns im Serverraum. </br>
    Die hier aufgenommenen Daten werden <em>vertraulich</em> und lediglich für die Auswertung von
    Verbräuchen verwendet.

    Bei Fragen zur Datenhaltung und zum Datenschutz wenden Sie sich gern <br/>
    an:  <a href="mailto:kontakt@chamaeleoncloud.de"> kontakt @ ChamäleonCloud </a>
    </p>
<!--
    <h2> Einträge bisher:</h2>
   <p>
    {% for eintrag in eintraege %}
        <a href="#">
            <h4>{{ eintrag['id'] }}</h4>
        </a>
        <div>  G {{ eintrag['gaszaehler'] }}, S {{ eintrag['stromzaehler'] }}, W {{ eintrag['wasserzaehler'] }}, {{ eintrag['wetterinfo']}} </div>
        <span >Z {{ eintrag['zeitpunkt'] }}</span>
        <hr>
    {% endfor %}
    </p>
   
-->

<table class="table">
  <tbody>
    <tr>
      <td> <a href="https://www.xn--chamleoncloud-efb.de/">ChamäleonCloud Website</a> </td>
      <td> <a href="https://www.xn--chamleoncloud-efb.de/impressum">Impressum</a> </td>
      <td> <a href="https://www.xn--chamleoncloud-efb.de/datenschutz">Datenschutz</a> </td>
    </tr>
</div>

{% endblock %}