donation: Redesign the page

[people/shoehn/ipfire.org.git] / templates / modules / donation-box.html

<div class="row">
	<div class="col-lg-6 col-md-6">
		<div class="well well-sm ac">
			<h3>{{ _("Donate with PayPal") }}</h3>

			<br>

			{% if lang == "de" %}
				<p>
					Um mit PayPal zu spenden, einfach auf den Button klicken
					und den gewünschten Betrag eingeben.
				</p>
			{% else %}
				<p>
					Simply click on the donate button and type in the
					amount of money you would like to donate.
				</p>
			{% end %}

			<br>

			<div class="ac">
				{% module DonationButton(reason_for_transfer=reason_for_transfer) %}

				<br>

				<ul class="list-inline">
					{% for currency in ("USD", "GBP", "CHF", "AUD", "NZD", "CAD") %}
						<li>
							{% module DonationButton(reason_for_transfer=reason_for_transfer, currency=currency) %}
						</li>
					{% end %}
				</ul>
			</div>
		</div>
	</div>

	<div class="col-lg-6 col-md-6">
		<div class="well well-sm">
			<h3 class="ac">{{ _("Donate by Bank Transfer") }}</h3>

			<br>

			{% if lang == "de" %}
				<p class="ac">
					Ebenso ist eine Spende auf unser Bankkonto möglich.
				</p>
			{% else %}
				<p class="ac">
					You can also send donations directly to our bank account.
				</p>
			{% end %}

			<br>

			<dl class="dl-horizontal">
				<dt>{{ _("IBAN") }}</dt>
				<dd>DE86 4265 0150 1020 0768 89</dd>

				<dt>{{ _("BIC-/SWIFT-Code") }}</dt>
				<dd>WELADED1REK</dd>

				{% if reason_for_transfer %}
					<dt>{{ _("Reason for transfer") }}</dt>
					<dd>{{ reason_for_transfer }}</dd>
				{% end %}
			</dl>
		</div>

		<p class="ac">
			{% if lang == "de" %}
				<small>
					Da das IPFire-Projekt keine registrierte gemeinnützige Organisation
					ist, können keine steuerlich abzugsfähige Spendenquittungen erstellt
					werden.
				</small>
			{% else %}
				<small>
					The IPFire project is not a registered non-profit organisation.
					<br>
					Hence we are not able to issue a tax-deductible contribution receipt
					for your donation.
				</small>
			{% end %}
		</p>
	</div>
</div>