{% extends 'base.html.twig' %}
{% import '@DiplixKMG/Macro/blocks.html.twig' as bsm %}
{% block headTitle %}Anmeldung erforderlich{% endblock %}
{% block body %}
<div class="container">
<div style="margin-top:80px;text-align:center;">
{% if platformSetup.getMainLogo is not null %}
<img src="{{ (platformSetup.getMainLogo.path ~ platformSetup.getMainLogo.physicalFileName) | imagine_filter('main_logo') }}">
{% endif %}
{# <img src="{{ asset("bundles/layout/images/" ~ kmg_app_logo_image ) }}"> #}
{% if session is not null %}
<h3>{{ session.customTitle }}</h3>
{% endif %}
</div>
<div class="row" style="margin-top:40px;">
<div class="col-sm-12">
{% for label, flashes in app.session.flashbag.all %}
{% for flash in flashes %}
<div class="alert alert-{{ label }} alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<span class="alert-icon"></span> {{ flash|trans }}
</div>
{% endfor %}
{% endfor %}
<!--[if lt IE 8]>
<div class="alert alert-warning" role="alert"><span class="alert-icon"></span> Sie verwenden einen veralteten und nicht unterstützten Browser. Bitte <a href="http://browsehappy.com/?locale=de_de">aktualisieren Sie Ihren Browser</a>.</div>
<![endif]-->
<noscript>
<div class="alert alert-danger" role="alert"><span class="alert-icon"></span> Diese Plattform verwendet Javascript. Bitte aktivieren Sie Javascript in Ihrem Browser bevor Sie fortfahren.</div>
</noscript>
<div id="jsMessageContainer"></div>
{% if error %}
<div class="alert alert-warning" role="alert"><span class="alert-icon"></span> {{ error.messageKey|trans(error.messageData, 'security') }} ({{ error.message }})</div>
{% endif %}
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6 well well-sm" style="font-weight:bold;color:#002499;text-align:center;">
{{ platformSetup.getInfoNotice|raw }}
</div>
<div class="col-sm-3"></div>
</div>
<form action="{{ path('sys-login-check') }}" method="post" class="form-horizontal">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />
<div class="form-group">
<label class="col-sm-2 control-label required" for="username">Login / eMail</label>
<div class="col-sm-10"><input type="text" id="username" name="_username" required="required" class="form-control" value="{{ last_username }}" /></div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label required" for="password">{% trans %}Passwort{% endtrans %}</label>
<div class="col-sm-10"><input type="password" id="password" name="_password" required="required" class="form-control" /></div>
</div>
<div class="form-group">
<label class="col-sm-2"></label>
<div class="col-sm-10">
<input type="checkbox" id="remember_me" name="_remember_me" />
<label for="remember_me">{% trans %}stay.logged.in{% endtrans %}</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-2"></div>
<div class="col-sm-4">
<button type="submit" id="submit" name="submit" class="btn-default btn">
<span class="glyphicon glyphicon-lock"></span>
Login
</button>
</div>
<div class="col-sm-6" style="text-align:right;">
<a href="{{ path("forgot_password") }}">{% trans %}link.forgot-your-password{% endtrans %}</a><br>
<a href="{{ path("register") }}">{% trans %}link.register{% endtrans %}</a><br>
{% if platformSetup.getDatenschutzUrl is not empty %}
<a href="{{ platformSetup.getDatenschutzUrl }}">{% trans %}Datenschutz{% endtrans %}</a>
{% endif %}
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="well">
<b>{% trans %}do.you.require.support{% endtrans %}</b> <br>
{{ platformSetup.getInfoSupport|raw }}
</div>
<div style="text-align:right;font-size:80%;color:lightgrey;margin-bottom:1em;">
@{{ app.environment }}
</div>
</div>
</div>
</div>
{% endblock %}
{% block bodyScript %}
{{ parent() }}
<script>
$(document).ready(function()
{
if (!navigator.cookieEnabled)
{
$("<div/>")
.text("Diese Plattform verwendet Cookies. Bitte aktivieren Sie Cookies bevor Sie mit dem Anmeldevorgang fortfahren.")
.addClass("alert alert-danger")
.appendTo($("#jsMessageContainer"));
}
});
</script>
{% endblock %}