{% trans_default_domain 'security' %}
{% extends 'base.html.twig' %}
{% block title %}{{ 'login.login'|trans }}!{% endblock %}
{% block body %}
<div class="app">
{% set loginBgImg = generalSettings.settingsList.loginBgImg %}
<div class="container-fluid p-h-0 p-v-20 bg full-height d-flex"
{% if loginBgImg %}style="background-image: url({{ asset('settings/' ~ loginBgImg) }})"{% endif %}>
<div class="d-flex flex-column justify-content-between w-100">
<div class="container d-flex h-100 justify-content-center">
<div class="row align-items-center w-100">
<div class="col-md-7 col-lg-5 m-h-auto">
<div class="card shadow-lg">
<div class="card-body">
<div class="d-flex {% block cardClass %}align-items-center justify-content-between{% endblock%} m-b-30">
{% set primaryLogo = generalSettings.settingsList.primaryLogo %}
{% if primaryLogo %}
<img class="img-fluid" src="{{ asset('settings/' ~ primaryLogo) }}"
alt="" style="max-width: 140px; max-height: 40px;">
{% endif %}
<h2 class="m-b-0 text-right">
{% block securityTitle %}{{ 'login.login'|trans }}{% endblock %}
</h2>
</div>
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label }}">
{{ message }}
</div>
{% endfor %}
{% endfor %}
{% block content %}{% endblock %}
</div>
</div>
</div>
</div>
</div>
<div class="d-none d-md-flex p-h-40 justify-content-between">
<span class="">
{{ 'now'|date('Y') }} {{ generalSettings.settingsList.webName }}
</span>
<ul class="list-inline">
{# TODO links ? #}
{# <li class="list-inline-item">#}
{# <a href="" class="text-gray m-r-15">Terms & Conditions</a>#}
{# </li>#}
{# <li class="list-inline-item">#}
{# <a href="" class="text-gray">Privacy & Policy</a>#}
{# </li>#}
</ul>
</div>
</div>
</div>
</div>
{% endblock %}