<xen:require css="Aayush_PD.css" />
<script type="text/javascript">
$(function()
{
$('.donateButton img').click(function(e)
{
var $ctrl = $(this),
$form = $ctrl.closest('form');
$form.submit();
});
<xen:if is="{$xenOptions.PD_AllowCustomAmount}">
$('#ctrl_amount').change(function()
{
if ($(this).val() == 'custom')
{
$('#custom_amount').css('display', 'inline-block');
}
else
{
$('#custom_amount').css('display', 'none');
}
});
</xen:if>
});
</script>
<div class="DonationGoal section">
<h2 class="heading">{xen:phrase donate}</h2>
<div class="section">
<blockquote class="baseHtml donationNote">Description goes here...</blockquote>
<h2 class="textHeading">{xen:phrase please_choose_from_the_options_below}</h2>
<form id="donateForm" action="{xen:link 'donations/donate'}" method="post" class="xenForm AutoValidator" data-redirect="on">
<dl class="ctrlUnit">
<dt><label for="ctrl_amount">{xen:phrase amount}:</label></dt>
<dd>
<select name="amount" class="textCtrl autoSize" id="ctrl_amount" >
<xen:foreach loop="$amounts" value="$amount">
<option value="{$amount}">{$amount} {$xenOptions.PD_Currency}</option>
</xen:foreach>
<xen:if is="{$xenOptions.PD_AllowCustomAmount}">
<option value="custom">{xen:phrase custom}</option>
</xen:if>
</select>
<xen:if is="{$xenOptions.PD_AllowCustomAmount}">
<span id="custom_amount">
<input type="text" class="textCtrl" size="5" name="custom_amount" /> <span class="textCtrl">{$xenOptions.PD_Currency}</span>
</span>
</xen:if>
</dd>
</dl>
<dl class="ctrlUnit">
<dt><label for="ctrl_note">{xen:phrase note}:</label><dfn>{xen:phrase optional}</dfn></dt>
<dd><textarea rows="2" name="note" id="ctrl_note" class="textCtrl"></textarea></dd>
</dl>
<dl class="ctrlUnit">
<dt><label for="ctrl_anonymous">{xen:phrase anonymous}:</label></dt>
<dd><input type="checkbox" name="anonymous" value="1" id="ctrl_anonymous" /> </dd>
</dl>
<input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
<dl class="ctrlUnit">
<dt></dt>
<dd><a class="donateButton"><img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" alt="{xen:phrase donate}" /></a></dd>
</dl>
</form>
</div>
</div>
