{% extends 'base.html' %}

{% block content %}
    <h1>{% block title %} Besucher Check In - Chamäleon Demo{% endblock %}</h1>
    <h2> Registrierung </h2>

<div class="row">
    <div class="col-sm-6">
        <small> Für alle, die genug haben von der Zettelwirtschaft und den Datenschutzproblemen. <br/>
        Digitaler Briefkasten für Registrierungen. Fertig! <br/>
        Kein Herumliegen und Einsicht in fremde Regisrierungen...
        </small>
    </div>
    <img src="{{ url_for('static', filename='CCLOGO-vect.svg') }}" alt="Chamäleon Logo" class="img-thumbnail col-sm-6" width=50%>
</div>

<form method="post" name="Registrierung" >
    <div class="form-group ">
        <label for="vorname">Vorname</label>
        <input type="text" name="vorname" required
               placeholder="Vornamen eingeben" class="form-control"
               value="{{ request.form['vorname'] }}"></input>

        <label for="nachname">Nachname</label>
        <input type="text" name="nachname" required
               placeholder="Nachnamen eingeben" class="form-control"
               value="{{ request.form['nachname'] }}"></input>
 
 <br />

 <strong> Eine </strong> der folgenden Eingaben zur Erreichbarkeit ist erforderlich: <br/>
        <label for="telefonnummer">Telefonnummer</label>
        <input type="text" name="telefonnummer" 
               placeholder="+49 123 456" class="form-control"
               value="{{ request.form['telefonnummer'] }}"></input>

        <label for="emailadresse">E-Mail Adresse</label>
        <input type="text" name="emailadresse" 
               placeholder="gast@chamaeleoncloud.de" class="form-control"
               value="{{ request.form['emailadresse'] }}"></input>

        <label for="anschrift">Anschrift (Str., Nr., PLZ, Ort)</label>
        <input type="text" name="anschrift" 
               placeholder="Str. 123, 65432 Ort" class="form-control"
               value="{{ request.form['anschrift'] }}"></input>
    </div>
</br>

    <div class="form-group">
        <button type="submit"  class="btn btn-primary">Einwerfen</button>
    </div>
</form>
    <h2> Infos / Datenschutz </h2>
    <p>
    Diese Registrierung läuft lokal bei uns im Haus. </br>
    Die hier aufgenommenen Daten werden <em>vertraulich</em> und lediglich für die ggf. nötige, 
    hilfreiche Nachverfolgung von Infektionsketten im Zusammenhang mit der Corona-Pandemie aufgenommen, 
    maximal vier Wochen gesichert im Hause aufbewahrt und nur auf Anfrage an das zuständige Gesundheitsamt weitergegeben.
    <br/>
    Verpflichtende Angaben sind: 
    <ul>
     <li> Datum, Zeit (Wird automatisch erfasst) </li>
     <li> Vorname, Name </li>
     <li> <strong>Eine</strong> Angabe von </li>
        <ul>
             <li> Telefonnummer <em>oder</em></li>
             <li> E-Mail Adresse <em>oder</em></li>
             <li> Anschrift (Straße Hausnummer, PLZ Ort </li>
        </ul>
    </ul>
    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> Gäste bisher:</h2>
   <p>
    {% for gast in guests %}
        <a href="#">
            <h2>{{ gast['nachname'] }}</h2>
        </a>
        <div> {{ gast['nachname'] }}, {{ gast['vorname'] }}, {{ gast['anschrift'] }}, {{ gast['telefonnummer']}}, {{ gast['emailadresse'] }}, {{ gast['id'] }} </div>
        <span class="badge badge-primary">{{ gast['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 %}