<div class="modal-form <check if="{{ @@form_visible == 'login' }}">visible</check>" id="login">
	<div class="modal-form-title modal-form-only">
		<a class="close modal-form-only" href="/#"><span>{{ _("Fermer") }}</span></a>
		<h1>{{_("Se connecter")}}</h1>
	</div>
	<form method="POST" class="form-inline" action="{{ 'login' | alias }}">
		<div class="modal-form-body">
			<input type="hidden" name="csrf" id="csrf" value="{{ @CSRF }}" />
			<fieldset class="form-group modal-form-only">
				<div class="modal-row form-group">
					<label for="email">{{ _("Adresse mail") }}</label>
					<input class="form-control" type="email" name="email" id="email" required>
				</div>
				<div class="modal-row form-group">
					<label for="password">{{ _("Mot de passe") }}</label>
					<input class="form-control" type="password" name="password" id="password" required>
				</div>
				<div class="modal-row">
					<a href="#password-reset">{{ _("Réinitialiser votre mot de passe") }}</a>
					<input class="btn btn-lg btn-modal" type="submit" name="submit" id="submit" value="{{ _("Connexion") }}">
				</div>
			</fieldset>
		</div>
	</form>
</div>

<div class="modal-form" id="add-account">
	<div class="modal-form-title modal-form-only">
		<a class="close modal-form-only" href="#"><span>{{ _("Fermer") }}</span></a>
		<h1>{{_("Créer un compte")}}</h1>
	</div>
	<form method="POST" class="form-inline" action="{{ 'login' | alias }}">
		<div class="modal-form-body">
			<input type="hidden" name="csrf" id="csrf" value="{{ @CSRF }}" />
			<input type="hidden" name="action" id="action" value="create_account" />
			<fieldset class="form-group modal-form-only">
				<div class="modal-row form-group">
					<label for="email">{{ _("Adresse mail") }}</label>
					<input class="form-control" type="email" name="email" id="email" required>
				</div>
				<div class="modal-row form-group">
					<label for="password">{{ _("Mot de passe") }}</label>
					<input class="form-control" type="password" name="password" id="password" required>
				</div>
				<div class="modal-row">
					<input class="btn btn-lg btn-modal" type="submit" name="submit" id="submit" value="{{ _("Création du compte") }}">
				</div>
			</fieldset>
		</div>
	</form>
</div>
<div class="modal-form <check if="{{ @@form_visible == 'merci' }}">visible</check>" id="merci">
	<div class="modal-form-title modal-form-only">
		<a class="close modal-form-only" href="/#"><span>{{ _("Fermer") }}</span></a>
		<h1>{{ _("Merci &lt;3") }}</h1>
	</div>
	<div class="modal-form-body modal-form-only">
		<div class="modal-row">
			<p>{{ _("Merci de votre soutien") }}</p>
		</div>
	</div>
</div>
<div class="modal-form" id="password-reset">
	<div class="modal-form-title modal-form-only">
		<a class="close modal-form-only" href="/#"><span>{{ _("Fermer") }}</span></a>
		<h1>{{ _("Réinitialiser votre mot de passe") }}</h1>
	</div>
	<form method="POST" class="form-inline" action="{{ 'login' | alias }}">
		<div class="modal-form-body">
			<input type="hidden" name="csrf" id="csrf" value="{{ @CSRF }}" />
			<input type="hidden" name="action" id="action" value="renew_password" />
			<fieldset class="form-group modal-form-only">
				<div class="modal-row form-group">
					<label for="email">{{ _("Adresse mail") }}</label>
					<input class="form-control" type="email" name="email" id="email" required>
				</div>
				<div class="modal-row">
					<input class="btn btn-lg btn-modal" type="submit" name="submit" id="submit" value="{{ _("Réinitialiser le mot de passe") }}">
				</div>
			</fieldset>
		</div>
	</form>
</div>

<div class="hidden-xs hidden-sm">
	<nav id="up-bar" class="navbar navbar-default dark-blue">
		<ul class="nav navbar-nav navbar-right blue">
			<li><a href="{{ 'https://soutien.' . BASE_DOMAIN }}">{{ _("[FR]")}}</a></li>
			<li><a href="{{ 'https://support.' . BASE_DOMAIN }}">{{ _("[EN]")}}</a></li>
		</ul>
		<ul class="nav navbar-nav navbar-right">
			<check if="{{ array_key_exists('user', @SESSION) }}">
			<true><li><a href="{{ 'logout' | alias }}">{{ _("Se déconnecter") }}</a></li>
			<li><a href="{{ 'perso' | alias }}">{{ _("Réclamer les contreparties") }}</a></li></true>
			<false><li><a href="#add-account">{{ _("Créer un compte")}}</a></li>
			<li><a href="#login">{{ _("Se connecter")}}</a></li></false>
			</check>
		</ul>
	</nav>
	<nav id="toolbar" class="navbar navbar-default navbar-white">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="{{ 'home' | alias }}">
					<img src="/static/img/logo.png" alt="">
				</a>
			</div>
			<ul class="nav navbar-nav navbar-right">
				<li> <a href="{{ @ALIASES.why }}" <check if="{{ @block_content=='campaign/why.html' }}">class="on"</check> >{{ _("À quoi sert votre don&nbsp;?") }}</a></li>
				<li> <a href="{{ @ALIASES.what }}" <check if="{{ @block_content=='campaign/what.html' }}">class="on"</check> >{{ _("Que fait LQDN&nbsp;?") }}</a></li>
				<li> <a href="{{ @ALIASES.who }}" <check if="{{ @block_content=='campaign/who.html' }}">class="on"</check> >{{ _("Comment fonctionne LQDN&nbsp;?") }}</a></li>
				<li> <a href="{{ @ALIASES.faq }}" <check if="{{ @block_content=='campaign/faq.html' }}">class="on"</check> >{{ _("FAQ") }}</a></li>
				<li> <a href="{{ @ALIASES.material }}" <check if="{{ @block_content=='campaign/material.html' }}">class="on"</check> >{{ _("Relayer") }}</a></li>
			</ul>
		</div>
	</nav>
</div>
<div class="visible-xs visible-sm">
	<nav id="toolbar" class="navbar navbar-default navbar-white">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="{{ 'home' | alias }}">
					<img src="/static/img/logo.png" alt="">
				</a>
			</div>
			<ul class="nav navbar-nav">
				<check if="{{ array_key_exists('user', @SESSION) }}">
				<true><li class="pull-right collapsible-menu"><a href="#perso-menu">{{ _("Perso") }}</a></li></true>
				<false><li class="pull-right"><a href="#login">{{ _("Se connecter")}}</a></li></false>
				</check>
				<li class="pull-right collapsible-menu"><a href="#action-menu">{{ _("Menu") }}</a>
				</li>
			</ul>
		</div>
		<span class="menu-collapsed-target" id="perso-menu"></span>
		<div class="menu-collapsed">
			<ul class="nav navbar-nav">
                <li><a href="{{ 'logout' | alias }}">{{ _("Déconnexion") }}</a></li>
                <li><a href="{{ 'perso' | alias }}">{{ _("Page Perso") }}</a></li>
				<li><a href="#">{{ ("Fermer") }}</a></li>
			</ul>
		</div>
		<span class="menu-collapsed-target" id="action-menu"></span>
		<div class="menu-collapsed">
			<ul class="nav navbar-nav">
				<li> <a href="{{ @ALIASES.why }}" >{{ _("À quoi sert votre don&nbsp;?") }}</a></li>
				<li> <a href="{{ @ALIASES.what }}" >{{ _("Que fait LQDN&nbsp;?") }}</a></li>
				<li> <a href="{{ @ALIASES.who }}" >{{ _("Comment fonctionne LQDN&nbsp;?") }}</a></li>
				<li> <a href="{{ @ALIASES.faq }}" >{{ _("FAQ") }}</a></li>
				<li> <a href="{{ @ALIASES.material }}" >{{ _("Relayer") }}</a></li>
				<li> <a href="{{ @ALIASES.home }}"  >{{ _("Home") }}</a></li>
				<li><a href="#">{{ ("Fermer") }}</a></li>
			</ul>
		</div>
	</nav>
</div>