{% embed "overall_header.html" %}
	{% block header_content %}
		<h1 class="text-slate-50 md:text-2xl text-xl">{{ lang('DONATE') }}</h1>
	{% endblock %}
{% endembed %}

{% if not DONATION_VIEWS %}
<div class="select-donate-block md:my-4 mt-2 card">
	<div class="flex items-center justify-between card-title">
		<h2>{{ lang('DONATE') }}</h2>
		{% if zeina.collapse_panel %}
		<div class="collapse-panel zn-collapse-toggle open leading-[0] py-0.5 px-1 hover:cursor-pointer" id="select-donate-collapse-btn" data-zn-collapse="#zn-select-donate-collapse">
			<div class="zn-collapse-open:[transform:rotate(180deg)] transition-all duration-300"><i class="iconify" data-mode="style" data-icon="ri:arrow-down-s-line" data-width="18" data-height="18" aria-hidden="true"></i></div>
		</div>
		{% endif %}
	</div>
	<div id="zn-select-donate-collapse" class="zn-collapse w-full overflow-hidden" aria-labelledby="select-donate-collapse-btn">
		<div class="md:p-4 p-2 mt-1">
      <p class="text-sm">{{ DONATION_BODY_MESSAGE }}</p>
			<form class="mt-3" action="{{ U_DONATE }}" method="get">
				<fieldset style="padding:0 0 5px 0; text-align:center;">
					<select class="custom-select w-auto mx-auto" name="action" onchange="this.form.submit()">
						<option style="display:none;">{{ lang('SELECT_METHOD') }}</option>
						{% if PAYPAL_ENABLE %}<option value="paypal">{{ lang('PAYPAL') }}</option>{% endif %}
						{% if PAYZA_ENABLE %}<option value="payza">{{ lang('PAYZA') }}</option>{% endif %}
						{% if MONEYBOOKERS_ENABLE %}<option value="moneybookers">{{ lang('MONEYBOOKERS') }}</option>{% endif %}
						{% if WEBMONEY_ENABLE %}<option value="webmoney">{{ lang('WEBMONEY') }}</option>{% endif %}
					</select>
				</fieldset>
			</form>
    </div>
  </div>
</div>
{% else %}
  <div class="mt-4 rules text-sm text-red-700 bg-red-50 border border-red-300 rounded-lg p-4 dark:text-red-400 dark:bg-red-800/10 dark:border-red-500" role="alert">
  	<p class="error">
      <span class="font-medium">{{ lang('DONATION_TITLE') ~ lang('COLON') }}</span> {{ lang('DONATION_LICENSE') }}
    </p>
  </div>
{% endif %}

{% if GOAL_ENABLE %}
{% INCLUDE 'donate/goal.html' %}
{% endif %}

{% if DONORS_LAST_FIVE_ENABLE and S_USER_LOGGED_IN %}
{% INCLUDE 'donate/last_five_donations.html' %}
{% endif %}

{% INCLUDE 'jumpbox.html' %}
{% INCLUDE 'overall_footer.html' %}