{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
<link rel="stylesheet" type="text/css" href="{{ asset( 'assets/css/snackbar.css' ) }}" />
{% endblock %}
{% block body %}
<main class="mhcc-wrapper mhcc-secondary-bg">
<!--Login / Register block STARTS //-->
<article>
<header><h1 class="sr-only">{{ "nav-dashin"|trans|raw }}</h1></header>
<!--Form description / form block STARTS //-->
<div class="dashboard-login-wrapper">
<!--Form block starts //-->
<div class="dashboard-login-form dashboard-login-form--blue">
<section class="card shadow-6dp animated fadeIn animation-delay-7">
<header class="card-header mhcc-form-header">
<h2 class="text-center no-m pt-4 pb-4 color-white index-1 blue-bg mhcc-form-title">{{ "nav-dashin"|trans|raw }}</h2>
</header>
<ul class="nav nav-tabs nav-tabs-full nav-tabs-2 nav-tabs-transparent indicator-primary" role="tablist">
<li role="presentation" class="active"><a href="#ms-login-tab" aria-controls="ms-login-tab" role="tab" data-toggle="tab" class="withoutripple"><i class="zmdi"></i>{{ "nav-dashin"|trans|raw }}</a></li>
<li role="presentation"><a href="#ms-recovery-tab" aria-controls="ms-recovery-tab" role="tab" data-toggle="tab" class="withoutripple"><i class="zmdi"></i>{{ "forgot-password"|trans|raw }}</a></li>
</ul>
<div class="card-block mhcc-card-block-form">
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade active in ml-2 mr-2" id="ms-login-tab">
{# <p>{{ "login-access"|trans|raw }}</p> #}
<p>{{ "login-account"|trans|raw }}</p>
<div class="mt-4 mb-3">
<form action="{{ path( 'login' )}}" method="POST" autocomplete="false">
<input type="hidden" name="type" value="login" />
<div class="form-group label-floating mb-3 mhcc-form-group">
<label class="control-label" for="inputEmail">{{ "title-email"|trans|raw }}</label>
<input class="form-control" name="email_address" id="inputEmail" type="email" required />
</div>
<div class="form-group label-floating mb-3 mhcc-form-group">
<label class="control-label" for="inputPass">{{ "pw"|trans|raw }}</label>
<input class="form-control" name="password" id="inputPass" type="password" autocomplete="new-password" required />
</div>
<div class="checkbox mb-3">
<label>
<input type="checkbox" id="rememberMe"><span class="checkbox-material"></span>{{ "remember-me"|trans|raw }}</label>
</div>
<div class="dashboard-form-login-btn-block">
<div class="dashboard-form-login-btn-block__text no-account-line">{{ "no-account"|trans|raw }}
<a href="{{ path( 'about_signup' ) }}">{{ "signup"|trans|raw }}</a>
</div>
<div class="dashboard-form-login-btn-block__btn"><input type="submit" class="btn btn-raised btn-info" value="{{ "button-login"|trans|raw }}" /></div>
</div>
</form>
</div>
</div>
<div role="tabpanel" class="tab-pane fade ml-2 mr-2 mb-3" id="ms-recovery-tab">
{# <p>{{ "sign-up-pwd-inst"|trans|raw }}</p> #}
<p>{{ "enter-email"|trans|raw }}</p>
<div class="ml-form mt-4">
<form id="target" action="{{ path( 'forgot_password' ) }}" method="POST" autocomplete="false">
<input type="hidden" name="type" value="recover" />
<div class="form-group label-floating mb-3 mhcc-form-group">
<label class="control-label" for="inputForgotPass">{{ "title-email"|trans|raw }}</label>
<input class="form-control" name="forgot_password" id="inputForgotPass" type="email" required />
</div>
<div class="center-block dashboard-form-login-btn-block__btn">
<input type="submit" class="btn btn-raised btn-info btn-block" value="{{ "reset-password"|trans|raw }}" />
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
<!--Form block ends //-->
</div>
<!--Form description / form block ENDS //-->
</article>
<!--Login / Register block ENDS //-->
</main>
{% endblock %}
{% block javascript %}
{{ parent() }}
<script>
//FROM new LoginAuthenticator
{% if error %}
Snackbar.show({ showAction: false,
pos: 'top-center',
text: '<h2><b>{{ "nav-login"|trans|raw }}</b></h2><h4>{{ "error-email-pw"|trans|raw }} {{ "error-try-again"|trans|raw }} </h4>', });
{% endif %}
//END FROM new LoginAuthenticator
{% if msg == "loginError" %}
Snackbar.show({ showAction: false,
pos: 'top-center',
text: '<h2><b>{{ "nav-login"|trans|raw }}</b></h2><h4>{{ "error-email-pw"|trans|raw }} {{ "error-try-again"|trans|raw }} </h4>', });
{% elseif msg == "emailNotFound" %}
Snackbar.show({ showAction: false,
pos: 'top-center',
text: '<h2><b>Oops</b></h2><h4>{{ "error-email-format"|trans|raw }}</h4>', });
{% elseif msg == "passwordReset" %}
Snackbar.show({ showAction: false,
pos: 'top-center',
text: '<h2><b>{{ "forgot-password"|trans|raw }}</b></h2><h4>{{ "error-instructions-reset"|trans|raw }}</h4>', });
{% elseif msg == "accountActivated" %}
Snackbar.show({ showAction: false,
pos: 'top-center',
text: '<h2><b>{{ "nav-login"|trans|raw }}</b></h2><h4>{{ "thanks-activating-account"|trans|raw }}</h4>', });
{% endif %}
</script>
{% endblock %}