{% extends "global/Page.html" %}


{% block content %}

    <style>
        .container{
            max-width: none;
            margin: 10px;
        }
        .all {
            font-size: 1em;
            margin-left: 10%;
            margin-right: 10%;
        }
        h1{
            text-align: center;
            font-size: 1.5em;
            font-weight: bold;
        }
        h2{
            margin-top: 0.8em;
            font-size: 1.2em;
            font-weight: bold;
        }
        .mybutton {
            padding: 7px;
        }
        .consentyes {
            background-color: #57D900;
        }

    </style>

    <!-- All -->
    <div id = "all" class ="all">

        <div class="row">
            <div class="col-5">
<!--                <img src = "{%static "global/logo.png" %}" style="height:4em; ">-->  <!-- TODO: Here could be your logo! -->
            </div>
            <div class="col-12" style="width: unset;">
                 <h1></h1> <!-- TODO Here could be an extra header -->
            </div>
        </div>

        <!-- Consent Text -->
        <br>
        <div id = "Consentform" style="text-align: center;">
            <h2>Datenschutzhinweis und Einwilligung</h2>
            Hier kann Ihre individueller Einwilligungstext stehen.
            <!-- TODO: Here could be your consent form -->
        </div>
        <br><br>
        <div class = "row">
            <!-- Consent buttons -->
            <div class = "col-6" style="text-align: right;">
                <button name="consent" id="id_consent_1" value="1" class="mybutton consentyes">Ja, ich bin einverstanden</button>
            </div>
            <div class = "col-6" style="text-align: left;">
                <button name="consent" id="id_consent_0" value="0" class="mybutton">Nein, ich bin nicht einverstanden</button>
            </div>
        </div>
    </div>

{% endblock %}