{% INCLUDE 'overall_header.html' %}

{% if S_RETURN_ARGS eq 'success' or S_RETURN_ARGS eq 'cancel' %}
	<h2>{{ SITENAME }} :: {{ lang('PPDE_DONATION_TITLE') }}</h2>
	{% if DONATION_BODY %}
	<div class="card p-4 mt-4">
		{{ DONATION_BODY }}
	</div>
	{% endif %}
{% else %}
	{% if S_SANDBOX %}
		<h2>{{ lang('PPDE_SANDBOX_TITLE') }}</h2>
	{% else %}
		<h2>{{ lang('PPDE_DONATION_TITLE_HEAD', SITENAME) }}</h2>
	{% endif %}

	{% if DONATION_BODY %}
	<div class="card p-4 mt-4">
		{{ DONATION_BODY }}
	</div>
	{% endif %}

	<div class="card p-4 mt-4">
		<form class="px-3" action="{{ S_PPDE_FORM_ACTION }}" method="post">
			<div class="donate_value flex flex-wrap justify-center gap-2 mt-4">
				{% if PPDE_LIST_VALUE %}
				<select class="inputbox w-auto max-md:w-full" name="amount" id="amount">{{ PPDE_LIST_VALUE }}</select>
				{% else %}
				<input type="text" name="amount" class="inputbox w-auto max-md:w-full" value="{{ PPDE_DEFAULT_VALUE }}">
				{% endif %}
				<select class="inputbox w-auto max-md:w-full" name="currency_code" id="currency_code">
					{% for options in loops.options %}
					<option value="{{ options.CURRENCY_ISO_CODE }}"{% if options.S_CURRENCY_DEFAULT %} selected{% endif %}>{{ options.CURRENCY_SYMBOL }} {{ options.CURRENCY_ISO_CODE }}</option>
					{% endfor %}
				</select>
			</div>
			<fieldset class="submit-buttons text-center my-4">
				{{ S_HIDDEN_FIELDS }}
				<div id="paypalbutton">
					<input class="paypalbutton" type="submit" onclick="JavaScript:document.getElementById('paypalbutton').style.display='none';document.getElementById('processingpaypal').style.display='block';" name="submit" value="{{ lang('PPDE_DONATION_BUTTON_TITLE') }}">
				</div>
				<div id="processingpaypal" class="spinner loading">{{ lang('PPDE_CONTACT_PAYPAL') }}</div>
			</fieldset>
		</form>
	</div>
	{% if PPDE_GOAL_ENABLE or PPDE_RAISED_ENABLE or PPDE_USED_ENABLE %}
	<div class="card p-4 mt-4">
		{% INCLUDE '@skouat_ppde/donate_stats.html' %}
	</div>
	{% endif %}
{% endif %}

{% INCLUDE 'overall_footer.html' %}