basic styling Donate page

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

<form class="form-inline" action="https://www.paypal.com/cgi-bin/webscr" method="POST" target="_top">
	<input type="hidden" name="cmd" value="_donations">
	<input type="hidden" name="business" value="QBQCHP9ZK7GYY">
	<input type="hidden" name="lc" value="{{ lc }}">
	<input type="hidden" name="item_name" value="{{ _("Donation to the IPFire Project") }}">
	<input type="hidden" name="no_note" value="0">
	<input type="hidden" name="cn" value="{{ _("Send a note to the project:") }}">
	<input type="hidden" name="no_shipping" value="1">
	<input type="hidden" name="bn" value="PP-DonationsBF:btn_donate_LG.gif:NonHosted">

	<div class="form-group d-flex justify-content-center flex-column d-inline-flex">
		<label class="sr-only" for="InputAmount">{{ _("Amount") }}</label>
		<div class="input-group d-flex flex-row-reverse justify-content-center">
			<div class="input-group-addon">
				<select class="form-control mx-3" name="currency_code">
					{% for c in currencies %}
						<option value="{{ c }}">
							{% if c == "EUR" %}
								€
							{% elif c == "USD" %}
								US$
							{% elif c == "GBP" %}
								£
							{% else %}
								{{ c }}
							{% end %}
						</option>
					{% end %}
				</select>
			</div>

			<input type="text" class="form-control input-lg" id="InputAmount"
				name="amount" placeholder="{{ _("Amount") }}">
		</div>

		<button type="submit" class="btn btn-lg btn-primary mt-3">{{ _("Donate with PayPal") }}</button>
	</div>
</form>