<form class="form-inline" method="POST" action="{{ @@target }}" id="f_vads" name="f_vads">
	<input type="hidden" name="csrf" id="csrf" value="{{ @CSRF }}" />
	<div class="modal-form <check if="{{ @@form_visible == 'vads'}}">visible</check>" id="vads" name="vads">
		<div class="modal-form-title modal-form-only">
			<a class="close" href="/#"><span>{{ _("Fermer") }}</span></a>
			<h1>{{ _("Faire un don") }}</h1>
		</div>
		<div class="modal-form-body">
			<fieldset class="modal-form-only modal-form-body">
				<legend>{{ _("Redirection vers le site de paiement") }}</legend>
				<div class="modal-row">
					<p> {{ _("Vous allez effectuer un don de") }} <em>{{ @@amount }} €</em><check if="{{ @@monthly == 'true' }}">{{ _(" par mois.") }}</check></p>
					<p> {{ _("En cliquant sur le bouton ci-dessous, vous allez être redirigé vers le système de paiement de notre banque.") }}</p>
					<repeat group="{{ @@vads_params }}" key="{{ @vads_key }}" value="{{ @vads_value }}">
					<input type="hidden" name="{{ @vads_key }}" id="{{ @vads_key }}" value="{{ @vads_value }}">
					</repeat>
				</div>
				<div class="modal-row">
					<input class="btn btn-lg btn-modal" type="submit" name="submit_" id="submit_" value={{ _("Valider") }}>
				</div>
			</fieldset>
		</div>
	</div>
</form>

<section id="wrapper" class="text-center container-fluid white">
	<div id="subtitle" class="row">
		<div class="page-header col-md-offset-1 col-md-10">
			<h1 class="text-center"><span>{{ _("Soutenez La Quadrature du Net !") }}</span></h1>
		</div>
	</div>
	<div class="row">
		<div id="donation" class="col-md-offset-4 col-md-4">
			<h3>{{ _("Choisissez / Indiquez un montant") }}</h3>
			<form class="form-inline" method="POST" action="/donate" name="donate" id="donate">
				<input type="hidden" name="csrf" id="csrf" value="{{ @CSRF }}" />
				<div class="modal-form" id="step1">
					<div class="modal-form-title modal-form-only">
						<a class="close" href="#"><span>{{ _("Fermer") }}</span></a>
						<h1>{{_("Faire un don")}}</h1>
					</div>
					<div class="modal-form-body">
						<fieldset class="form-group">
							<legend class="modal-form-only">{{ _("Récapitulatif de votre don") }}</legend>
							<fieldset>
								<div class="modal-row">
									<div class="radio-row"> 
										<input type="radio" name="amount" id="amount1" value="11">
										<label for="amount1" class="text-center">11€ </label>
										<input type="radio" name="amount" id="amount2" value="42">
										<label for="amount2" class="text-center">42€</label>
										<input type="radio" name="amount" id="amount3" value="64" checked>
										<label for="amount3" class="text-center">64€</label>
										<input type="radio" name="amount" id="amount4" value="128">
										<label for="amount4" class="text-center">128€</label>
										<input type="radio" name="amount" id="amount5" value="314">
										<label for="amount5" class="text-center">314€</label>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="modal-row">
									<div class="form-inline form-accent col-md-7">
										<label for="amount_other">{{ _("OU") }}</label>
										<input class="form-control" type="text" name="amount_other" value="" placeholder="Montant libre">
									</div>
									<div class="form-inline col-md-4" id="monthly">
										<input type="radio" class="radio" name="monthly" id="monthly1" value="true">
										<label for="monthly1">{{ _("Don mensuel") }}</label>
										<input type="radio" class="radio" name="monthly" id="monthly2" value="false" checked>
										<label for="monthly2">{{ _("Don ponctuel") }}</label>
									</div>
								</div>
							</fieldset>
							<p class="unmodal">{{ _("Vous pouvez donner par <b>carte bancaire</b>, <b><a href=\"/faq#don-cheque\">chèque</a></b>, <b><a href=\"/faq#don-bitcoin\">crypto-monnaie</a></b> ou <b><a href=\"/faq#don-virement\">virement</a></b>.") }}</p>
							<a class="btn btn-modal btn-lg unmodal" href="#step1"><em>{{ _("Faire un don") }}</em></a>
							<check if="{{ @@SESSION.user }}">
							<false>
							<div class="modal-row modal-form-only">
								<a class="btn btn-modal btn-lg" href="#step2">{{ _("Je valide")}}<span class="btn-icon btn-icon-right" src="/static/img/arrow-btn.png"></span></a>
							</div>
						</fieldset>
					</div>
				</div>
				<div class="modal-form" id="step2">
					<div class="modal-form-title modal-form-only">
						<a class="close" href="#"><span>{{ _("Fermer") }}</span></a>
						<h1>{{_("Faire un don")}}</h1>
					</div>
					<div class="modal-form-body">
						<fieldset class="modal-form-only">
							<legend>{{ _("Détails personnels") }}</legend>
							<div class="modal-row">
								<p>{{ _("Si vous avez déjà donné, utilisez votre adresse email et votre mot de passe habituel.") }}</p>
							</div>
							<div class="modal-row form-group">
								<label for="pseudo">{{ _("Pseudo") }}</label>
								<input class="form-control" type="text" name="pseudo" id="pseudo" required>
							</div>
							<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">
							</div>
							</false>
							</check>
							<div class="modal-row modal-form-only"><br>
								<a href="#password-reset">{{ _("Mot de passe oublié ?") }}</a><br>
								<input class="btn btn-lg btn-modal" type="submit" name="submit" id="submit" value={{ _("Valider") }}>
							</div>
						</fieldset>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="clearfix"></div>
</section>
<section id="contreparties" class="container-fluid light-blue">
	<div class="row">
		<div class="col-md-12 blue well">
			<div class="col-md-3">
				<h3>{{ _("En remerciement de <br>votre don, vous recevrez&nbsp;:") }}</h3>
			</div>
			<div class="col-md-9 img-list">
				<div class="col-md-3">
					<img class="media-object" src="/static/img/piplome.svg" alt="">
					<div class="media-body">{{ _("Un &#960;plome<br><small>(cumul de 42&euro;)</small>") }}</div>
				</div>
				<div class="col-md-3">
					<img class="media-object" src="/static/img/pibag.svg" alt="">
					<div class="media-body">{{ _("Un pibag<br><small>(cumul de 64&euro;)</small>") }}</div>
				</div>
				<div class="col-md-3">
					<img class="media-object" src="/static/img/pishirt.svg" alt="">
					<div class="media-body">{{ _("Un pishirt<br><small>(cumul de 128&euro;)</small>") }}</div>
				</div>
				<div class="col-md-3">
					<img class="media-object" src="/static/img/hoopie.svg" alt="">
					<div class="media-body">{{ _("Un hoopie<br><small>(cumul de 314&euro;)</small>") }}</div>
				</div>
			</div>
		</div>
</section>