{% extends "@core/base.twig" %}

{% block preload %}
    <link rel="stylesheet" type="text/css" href="/css/Login-Form-Clean.css">
{% endblock %}

{% block postload %}
    <script src="{{ asset('js/loginuserpass.js', 'core') }}"></script>
{% endblock %}

{% block content %}

    <div>
        <div class="container">
            <div class="row">
                <div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Anmelden.png" width="100%"></div>
            </div>
        </div>
    <div class="login-clean" style="background-color: rgb(234,234,234);">
            <form method="post">
                <h2 class="sr-only">Login Form</h2>
                <div class="illustration"><img src="/img/M4_LAB_LOGO.png" width="130"></div>
		{%- if 'admin' in app.request.query.get("AuthState") -%}
	                <div class="form-group"><input id="username" class="form-control" type="email" name="username" placeholder="E-Mail-Adresse"></div>
                {%- else -%}
	                <div class="form-group"><input id="username" class="form-control" type="email" name="username" placeholder="E-Mail-Adresse"></div>
		{%- endif -%}
                <div class="form-group"><input id="password" class="form-control" type="password" name="password" placeholder="Passwort"></div><a class="text-right forgot" href="/account/forgotPwd">Passwort vergessen?</a>
                <div class="form-group"><button class="btn btn-primary btn-block" type="submit" style="background-color: #8a348b;"><strong>Anmelden</strong></button><a class="btn btn-primary btn-block" type="" style="background-color: rgb(234,234,234);color: rgb(0,0,0);" href="/account/registration"><strong>Neues Benutzerkonto anlegen</strong></a></div>
            </form>
        </div>
 
   </div>
{% endblock %}