fundraise.suicidecallbackservice.org.au
Open in
urlscan Pro
172.67.154.176
Public Scan
Submitted URL: https://fundraise.suicidecallbackservice.org.au/
Effective URL: https://fundraise.suicidecallbackservice.org.au/donate
Submission: On October 28 via automatic, source certstream-suspicious — Scanned from AU
Effective URL: https://fundraise.suicidecallbackservice.org.au/donate
Submission: On October 28 via automatic, source certstream-suspicious — Scanned from AU
Form analysis 1 forms found in the DOM
POST https://fundraise.suicidecallbackservice.org.au/processdonation
<form action="https://fundraise.suicidecallbackservice.org.au/processdonation" method="post" id="DonationForm_8072" class="lump-donationform form-cards form-slick form-horizontal form-validation-inline form-label-top" novalidate="novalidate">
<input type="hidden" name="page_id" id="page_id" value="732">
<input type="hidden" name="mandatory" id="mandatory" value="d_fname,d_lname,d_email{email},d_amount{amount},d_receipt" enctype="multipart/form-data">
<input type="hidden" name="d_amount" id="d_amount" autocomplete="new-password" value="">
<input type="hidden" name="d_amount_sel" id="d_amount_sel" autocomplete="new-password" value="">
<input type="hidden" name="d_fee" id="d_fee" autocomplete="new-password" value="">
<input type="hidden" name="initial_amount" id="initial_amount" autocomplete="new-password" value="">
<input type="hidden" name="donation_frequency" id="donation_frequency" value="">
<input type="hidden" name="CSRFToken" value="8e93963d42c1424b3e140ae3ff0d0534">
<input type="hidden" name="stripe_key" id="stripe_key_8072" value="pk_live_A47t5yDkqjnWdabChRobuZrX00St4AAY4u">
<input type="hidden" name="token" id="token_8072" value="">
<input type="hidden" name="payment_intent_id" id="payment_intent_id_8072">
<input type="hidden" name="card_brand" id="card_brand">
<input type="hidden" name="card_country" id="card_country">
<input type="hidden" name="elements_donation_type" id="elements_donation_type" value="donation">
<input type="hidden" name="elements_refresh" id="elements_refresh" value="">
<input type="hidden" name="event_id" id="event_id" value="">
<input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response-8072">
<input type="hidden" name="elements_payment_method" id="elements_payment_method" value="card">
<p id="error" class="text-center error" style="display:none">
<b></b>
</p>
<section class="donation-form-top">
<div class="steps-nav text-center steps-numbers">
<ul>
<li class="active" id="amountdetailstab">1</li>
<li id="personaldetailstab">2</li>
<li id="paymentdetailstab">3</li>
</ul>
</div>
<div class="donation-form-top-content">
<div class="container">
</div>
</div>
</section>
<div class="donation-steps slick-initialized slick-slider">
<div class="slick-list draggable" style="height: 459.703px;">
<div class="slick-track" style="opacity: 1; width: 1374px;">
<section id="amountdetails" class="section slick-slide slick-current slick-active" data-slick-index="0" style="position: relative; width: 458px; left: 0px; top: 0px; z-index: 999; opacity: 1;" aria-hidden="false">
<div class="handles-container handles-layout-cardsvertical">
<div class="container" style="padding:0 30px;">
</div>
<div class="container">
<div class="copy-text text-center"></div>
</div>
<div class="donationHandlers oneoffdonationHandlers">
<div class="row vertical-align justify-center">
<div class="radio-panel" data-id="1057">
<div class="radio no-image no-text " data-amount="10" role="button" aria-pressed="false" tabindex="0" aria-label="Donate $10" onkeydown="handleBtnKeyDown(event)" data-image="" style="height: 62px;">
<div class="arrow-top border-primary"></div>
<div class="radio-border">
<div class="radio-content">
<div class="radio-amount no-image no-text"> $10 </div>
</div>
</div>
</div>
</div>
<div class="radio-panel" data-id="1058">
<div class="radio no-image no-text " data-amount="25" role="button" aria-pressed="false" tabindex="0" aria-label="Donate $25" onkeydown="handleBtnKeyDown(event)" data-image="" style="height: 62px;">
<div class="arrow-top border-primary"></div>
<div class="radio-border">
<div class="radio-content">
<div class="radio-amount no-image no-text"> $25 </div>
</div>
</div>
</div>
</div>
<div class="radio-panel" data-id="1059">
<div class="radio no-image no-text " data-amount="50" role="button" aria-pressed="false" tabindex="0" aria-label="Donate $50" onkeydown="handleBtnKeyDown(event)" data-image="" style="height: 62px;">
<div class="arrow-top border-primary"></div>
<div class="radio-border">
<div class="radio-content">
<div class="radio-amount no-image no-text"> $50 </div>
</div>
</div>
</div>
</div>
<div class="radio-panel" data-id="1060">
<div class="radio no-image no-text " data-amount="100" role="button" aria-pressed="false" tabindex="0" aria-label="Donate $100" onkeydown="handleBtnKeyDown(event)" data-image="" style="height: 62px;">
<div class="arrow-top border-primary"></div>
<div class="radio-border">
<div class="radio-content">
<div class="radio-amount no-image no-text"> $100 </div>
</div>
</div>
</div>
</div>
</div><!--row -->
</div><!-- donationHandlers -->
<div class="container">
<div class="row pb20 other-amount">
<div class="col-xs-12 col-12 error-absolute">
<div class="input-group float-center">
<span class="input-group-addon border-radius-left white color-primary size-125"> $ </span>
<input type="text" class="form-control bl-none size-1em pl10 pr0 height-auto" autocomplete="new-password" name="d_amount_free" id="d_amount_free" value="" placeholder=" Other Amount" aria-label=" Other Amount" tabindex="0">
<script>
$('#DonationForm_8072 #d_amount_free').on('focus', function() {
$('#DonationForm_8072 #d_amount,#initial_amount').val(0);
$('#DonationForm_8072 #d_amount_sel').val('');
$('#DonationForm_8072 .radio').removeClass('selected').removeClass('notselected');
$(this).parent().find('.input-group-addon').addClass('border-primary');
this.placeholder = '';
});
$('#DonationForm_8072 #d_amount_free').on('keypress', function() {
$('#DonationForm_8072 #d_amount,#initial_amount').val(0);
$('#DonationForm_8072 #d_amount_sel').val('');
$('#DonationForm_8072 .radio').removeClass('selected').removeClass('notselected');
$(this).parent().find('.input-group-addon').addClass('border-primary');
this.placeholder = '';
});
$('#DonationForm_8072 #d_amount_free').on('keyup', function() {
RemoveJunk(this, 'nofloat', '');
if ($('#DonationForm_8072 #donation_frequency').val() != '') {
$('#DonationForm_8072 .btn-give').text('Donate $' + $(this).val() + ' ' + $('#DonationForm_8072 #donation_frequency').val());
} else {
$('#DonationForm_8072 .btn-give').text('Donate $' + $(this).val());
}
});
$('#DonationForm_8072 #d_amount_free').on('blur', function() {
freeAmountBlur()
});
function freeAmountBlur() {
if ($('#DonationForm_8072 #d_amount_free').val() > 0) {
doFreeAmount();
calculateDonation_8072();
}
$('#DonationForm_8072 #d_amount_free').parent().find('.input-group-addon').removeClass('border-primary');
$('#DonationForm_8072 #d_amount_free').removeClass('bg-primary');
this.placeholder = ' Other Amount';
}
</script>
</div>
</div>
</div>
<div class="container">
<button type="button" class="btn btn-primary btn-block btn-xl btn-next" rel="amountdetails" tabindex="0">
<span>Donate<span class="donate_amount"></span></span>
</button>
</div>
</div>
</div>
<div dir="ltr" class="resize-sensor" style="pointer-events: none; position: absolute; inset: 0px; overflow: hidden; z-index: -1; visibility: hidden; max-width: 100%;">
<div class="resize-sensor-expand" style="pointer-events: none; position: absolute; inset: 0px; overflow: hidden; z-index: -1; visibility: hidden; max-width: 100%;">
<div style="position: absolute; left: 0px; top: 0px; transition: all; width: 468px; height: 470px;"></div>
</div>
<div class="resize-sensor-shrink" style="pointer-events: none; position: absolute; inset: 0px; overflow: hidden; z-index: -1; visibility: hidden; max-width: 100%;">
<div style="position: absolute; left: 0px; top: 0px; transition: all; width: 200%; height: 200%;"></div>
</div>
</div>
</section>
<section class="section slick-slide" id="personaldetails" data-slick-index="1" aria-hidden="true" style="width: 458px; position: relative; left: -458px; top: 0px; z-index: 998; opacity: 0;" tabindex="-1">
<div class="container">
<script>
function receiptKeydown(event) {
// Check to see if space or enter were pressed
if (event.key === " " || event.key === "Enter" || event.key === "Spacebar") { // "Spacebar" for IE11 support
// Prevent the default action to stop scrolling when space is pressed
event.preventDefault();
$(event.target).trigger('click');
$('#DonationForm_8072 #d_receipt_container .toggle-btn').attr('aria-pressed', 'false');
event.target.setAttribute("aria-pressed", "true");
}
}
</script>
<h3 class="text-center pb10">Your Details</h3>
<div class="row">
<div class="col-xs-12 col-12" id="d_receipt_container">
<div class="form-group">
<div class="col-12 col-xs-12 col-12">
<div class="text-center toggle-switch">
<label class="bg-primary border-primary col-xs-6 col-6 toggle-btn"
onclick="$('#OrganisationInfo').slideUp(300);$('#mandatory').val($('#mandatory').val().replace(',d_organisation',''));$(this).parent().parent().find('label').removeClass('bg-primary border-primary');$(this).addClass('bg-primary border-primary');$('#gift_aid').parent().parent().visibleIn();"
role="button" aria-pressed="true" tabindex="0" onkeydown="receiptKeydown(event)">
<input type="radio" name="d_receipt" value="personal" checked="checked" tabindex="-1"> Individual </label>
<label class="col-xs-6 col-6 toggle-btn"
onclick="$('#OrganisationInfo').slideDown(300);$('#mandatory').val($('#mandatory').val() +',d_organisation');$(this).parent().parent().find('label').removeClass('bg-primary border-primary');$(this).addClass('bg-primary border-primary');$('#gift_aid').attr('checked',false);$('#gift_aid').parent().parent().visibleOut();"
tabindex="0" role="button" aria-pressed="false" onkeydown="handleBtnKeyDown(event)">
<input type="radio" name="d_receipt" value="business" tabindex="-1"> Organisation </label>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-xs-12 col-12">
<div class="form-group" id="OrganisationInfo" style="display:none;">
<label class="col-xs-12 col-12 " for="d_organisation">Organisation Name *</label>
<div class="col-xs-12 col-12">
<input type="text" class="form-control" name="d_organisation" id="d_organisation" value="" tabindex="-1">
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-xs-12 col-12 col-sm-6">
<div class="form-group">
<label class="col-sm-12" for="d_fname"> First Name * </label>
<div class="col-sm-12">
<input type="text" class="form-control " name="d_fname" id="d_fname" value="" autocomplete="given-name" required="" tabindex="-1">
</div>
</div>
</div>
<div class="col-xs-12 col-12 col-sm-6">
<div class="form-group">
<label class="col-sm-12" for="d_lname"> Last Name * </label>
<div class="col-sm-12">
<input type="text" class="form-control " name="d_lname" id="d_lname" value="" autocomplete="family-name" required="" tabindex="-1">
</div>
</div>
</div>
<div class="col-sm-12 col-xs-12 col-12">
<div class="form-group">
<label class="col-sm-12" for="d_email"> Email Address * </label>
<div class="col-sm-12">
<input type="text" class="form-control " name="d_email" id="d_email" value="" autocomplete="email" required="" tabindex="-1">
</div>
</div>
</div>
<div class="clearfix"></div>
<label class="col-sm-12 pt10 pb10">Postal Address <a href="javascript:;" class="expand-address pull-right" tabindex="-1"><small>(enter manually)</small></a></label>
<div class="address-lookup col-sm-12 col-xs-12 col-12">
<div class="form-group ml0 mr0">
<div class="col-sm-12 pl0 pr0 position-relative">
<input type="text" class="form-control" name="d_address" id="d_address" value="" placeholder="Please enter your street address" autocomplete="noprefill" tabindex="-1">
<div class="loqate-marker position-relative"></div>
</div>
<div class="loqate-container" style="width: 100%; position: absolute; display: none;">
<div class="loqate-item loqate-item-template">
<span class="loqate-icon loqate-icon-marker"></span><span class="loqate-item-query"></span>
</div>
</div>
</div>
<script>
$(document).ready(function() {
selectedaddress = false;
addresstimer = false;
$('#d_address').focus(function() {
selectedaddress = false;
});
$('#d_address').blur(function() {
setTimeout(function() {
$('.loqate-container').hide();
}, 300);
});
$('#d_address,#kw_number').keyup(function() {
showloqateresults();
});
});
function showloqateresults(container = '') {
clearTimeout(addresstimer);
if ($('#d_address').val() != '') {
if (selectedaddress) {
$('#kw_postcode_results').html('').addClass('hidden');
} else {
addresstimer = setTimeout(function() {
$('#kw_postcode_results').html('').addClass('hidden');
$('#postcodelookup').html('<i class="fa fa-spinner"></i>');
$.getJSON("/funraisin/searchaddressfromloqate/AU?container=" + container + "&term=" + encodeURI($('#d_address').val()), function(result) {
if (result) {
if (result.status == 'SUCCESS') {
var lookupContainer = $('#d_address').closest('.address-lookup');
lookupContainer.find('.loqate-container .loqate-item-result,.loqate-valid').remove();
for (var i = 0; i < Math.min(result.payload.length, 100); i++) {
var item = lookupContainer.find('.loqate-container .loqate-item-template').clone();
item.removeClass('loqate-item-template');
item.addClass('loqate-item-result');
item.find('.loqate-item-query').html(result.payload[i].fullAddress);
item.attr('data-id', result.payload[i].id);
item.attr('data-type', result.payload[i].type);
item.click(function() {
lookupContainer.find('.loqate-container .loqate-item-result').remove();
lookupContainer.find('.loqate-container').hide();
$('#d_address').val($(this).find('.loqate-item-query').html());
if ($(this).attr('data-type') == 'Postcode' || $(this).attr('data-type') == 'Container') {
showloqateresults($(this).attr('data-id'));
return;
}
$.getJSON("/funraisin/getaddressfromloqate/AU/?id=" + $(this).attr('data-id'), function(result) {
if (result) {
if (result.status == 'SUCCESS') {
$('#d_address_street').val(result.streetNumber + " " + result.street);
$('#d_address_2').val(result.subdwelling);
$('#d_address_suburb').val(result.suburb);
$('#d_address_pcode').val(result.postcode);
$('#d_address_state').val(result.state);
if (typeof result.dpid !== 'undefined') {
$('#d_address_dpid').val(result.dpid);
}
if ($('.address-expand').hasClass('hidden')) {
$('#d_address').after('<span class="loqate-valid"><i class="fa fa-check"></i></span>');
}
}
}
});
});
lookupContainer.find('.loqate-container').prependTo(lookupContainer.find(".loqate-marker"));
lookupContainer.find('.loqate-container').append(item);
lookupContainer.find('.loqate-container').show();
}
}
}
}).fail(function(jqXHR, textStatus, errorThrown) {
console.error("Error:", textStatus, errorThrown); // Log any errors
});
$('#postcodelookup').html('Find');
$(document).on('click', function(event) {
var target = $(event.target);
if (!target.closest('.loqate-marker').length && !target.is('.loqate-marker')) {
$('.loqate-container').hide();
}
});
}, 300);
}
}
}
</script>
</div>
<div class="hidden addressdetails address-expand">
<div class="col-sm-6 col-12 col-xs-12">
<div class="form-group">
<label class="col-sm-12 pt10 pb5">Address Line 1 </label>
<div class="col-sm-12">
<input class="form-control g_address_street" type="text" name="d_address_street" id="d_address_street" value="" placeholder="Street address, P.O. box" data-geo="route" data-stripe="address_line1" autocomplete="address-line1"
tabindex="-1">
</div>
</div>
</div>
<div class="col-sm-6 col-12 col-xs-12">
<div class="form-group">
<label class="col-sm-12 pt10 pb5">Address Line 2 </label>
<div class="col-sm-12">
<input class="form-control g_address_2" type="text" name="d_address_2" id="d_address_2" value="" placeholder="Apartment, suite, unit, building, floor etc" data-stripe="address_line2" autocomplete="address-line2" tabindex="-1">
</div>
</div>
</div>
<div class="col-sm-6 col-12 col-xs-12">
<div class="form-group">
<label class="col-sm-12 pt10 pb5" for="d_address_suburb">Town/Suburb </label>
<div class="col-sm-12">
<input type="text" class="form-control g_address_suburb" name="d_address_suburb" id="d_address_suburb" value="" data-geo="locality" data-stripe="address_city" tabindex="-1">
</div>
</div>
</div>
<div class="col-sm-6 col-12 col-xs-12">
<div class="form-group">
<label class="col-sm-12 pt10 pb5" for="d_address_pcode">Postcode </label>
<div class="col-sm-12">
<input type="text" class="form-control g_address_pcode" name="d_address_pcode" id="d_address_pcode" value="" data-geo="postal_code" data-stripe="address_zip" autocomplete="postal-code" tabindex="-1">
</div>
</div>
</div>
<div class="col-sm-6 col-12 col-xs-12">
<div class="form-group">
<label class="col-sm-12 pt10 pb5" for="d_address_state">State </label>
<div class="col-sm-12">
<input class="form-control g_address_state ui-autocomplete-input" type="text" name="d_address_state" id="d_address_state" value="" data-geo="administrative_area_level_1_short" data-stripe="address_state" autocomplete="off"
tabindex="-1">
</div>
</div>
</div>
<div class="col-sm-6 col-12 col-xs-12">
<div class="form-group">
<label class="col-sm-12 pt10 pb5" for="d_address_country">Country </label>
<div class="col-sm-12">
<div class="dropdown bootstrap-select form-control g_address_country"><select name="d_address_country" id="d_address_country" class="form-control selectpicker g_address_country" data-stripe="address_country"
autocomplete="country" data-size="8" tabindex="-1">
<option value="Australia">Australia</option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="">---------------------</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antarctica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia" selected="selected">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Caribbean Netherlands ">Caribbean Netherlands </option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Congo, Democratic Republic of">Congo, Democratic Republic of</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Côte d'Ivoire">Côte d'Ivoire</option>
<option value="Croatia">Croatia</option>
<option value="Cuba">Cuba</option>
<option value="Curaçao">Curaçao</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands">Falkland Islands</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Territories">French Southern Territories</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guernsey">Guernsey</option>
<option value="Guinea">Guinea</option>
<option value="Guinea-Bissau">Guinea-Bissau</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Heard and McDonald Islands">Heard and McDonald Islands</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iran">Iran</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Isle of Man">Isle of Man</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jersey">Jersey</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libya">Libya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macau">Macau</option>
<option value="Macedonia">Macedonia</option>
<option value="Madagascar">Madagascar</option>
<option value="Malawi">Malawi</option>
<option value="Malaysia">Malaysia</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Micronesia, Federated States of">Micronesia, Federated States of</option>
<option value="Moldova">Moldova</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montenegro">Montenegro</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Namibia">Namibia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="North Korea">North Korea</option>
<option value="Northern Mariana Islands">Northern Mariana Islands</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Palestine, State of">Palestine, State of</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Philippines">Philippines</option>
<option value="Pitcairn">Pitcairn</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Réunion">Réunion</option>
<option value="Romania">Romania</option>
<option value="Russian Federation">Russian Federation</option>
<option value="Rwanda">Rwanda</option>
<option value="Saint Barthélemy">Saint Barthélemy</option>
<option value="Saint Helena">Saint Helena</option>
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
<option value="Saint Lucia">Saint Lucia</option>
<option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
<option value="Saint-Martin (France)">Saint-Martin (France)</option>
<option value="Samoa">Samoa</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome and Principe">Sao Tome and Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Serbia">Serbia</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option>
<option value="South Korea">South Korea</option>
<option value="South Sudan">South Sudan</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="St. Pierre and Miquelon">St. Pierre and Miquelon</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syria">Syria</option>
<option value="Taiwan">Taiwan</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania">Tanzania</option>
<option value="Thailand">Thailand</option>
<option value="The Netherlands">The Netherlands</option>
<option value="Timor-Leste">Timor-Leste</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad and Tobago">Trinidad and Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States">United States</option>
<option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
<option value="Uruguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Vatican">Vatican</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietnam">Vietnam</option>
<option value="Virgin Islands (British)">Virgin Islands (British)</option>
<option value="Virgin Islands (U.S.)">Virgin Islands (U.S.)</option>
<option value="Wallis and Futuna Islands">Wallis and Futuna Islands</option>
<option value="Western Sahara">Western Sahara</option>
<option value="Yemen">Yemen</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
<option value="Åland Islands">Åland Islands</option>
</select><button type="button" tabindex="-1" class="form-control dropdown-toggle" data-bs-toggle="dropdown" role="combobox" aria-owns="bs-select-1" aria-haspopup="listbox" aria-expanded="false" title="Australia"
data-id="d_address_country">
<div class="filter-option">
<div class="filter-option-inner">
<div class="filter-option-inner-inner">Australia</div>
</div>
</div>
</button>
<div class="dropdown-menu ">
<div class="inner show" role="listbox" id="bs-select-1" tabindex="-1">
<ul class="dropdown-menu inner show" role="presentation"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="d_address_dpid" id="d_address_dpid" value="" tabindex="-1">
<script>
$(document).ready(function() {
$('#d_address_state').autocomplete({
source: "/funraisin/getstatesjson/",
minLength: 2,
select: function(event, ui) {
setTimeout(function() {
$("#d_address_state").val(ui.item.state_code);
}, 700);
}
});
});
</script>
</div>
<div class="row pt10">
<div class="vertical-align width-full buttons-block">
<div class="text-center btn-back-block">
<a class="btn btn-back btn-xl" tabindex="-1"><span class="material-icons">chevron_left</span></a>
</div>
<div class="text-center btn-action-block">
<button type="button" class="btn btn-primary btn-block btn-xl btn-next" rel="personaldetails" tabindex="-1"><span>Payment Options</span></button>
</div>
</div>
</div>
</div>
</section>
<section class="section slick-slide" id="paymentdetails" data-slick-index="2" aria-hidden="true" style="width: 458px; position: relative; left: -916px; top: 0px; z-index: 998; opacity: 0;" tabindex="-1">
<div class="container">
<div class="row">
<h3 class="text-center col-xs-12 col-12">Payment Details</h3>
<p id="error" class="text-center error" style="display:none">
<b></b>
</p>
<div class="buttons-block col-xs-12">
<a href="javascript:void(0);" data-rel="credit card" class="btn btn-payment-element btn-pay-creditcard" id="elements_credit_card" tabindex="-1" style="display: none;"><img src="https://d1p2vuwzdwq826.cloudfront.net/cacd2a43ec8cb767ea934456b7916b4f.svg" alt="Credit Card">Credit Card</a>
</div>
<input type="hidden" name="payment_method" id="payment_method" value="credit card" tabindex="-1">
<script>
$('.btn-payment-element').on('click', function() {
$('#payment_method').val($(this).data('rel'));
$('.btn-payment-element').addClass('fadeout');
$(this).removeClass('fadeout');
if ($(this).data('rel') == 'paypal') {
$('.creditcard,.eft').addClass('hidden');
$('.paypal').removeClass('hidden');
} else if ($(this).data('rel') == 'eft') {
$('.creditcard,.paypal').addClass('hidden');
$('.eft').removeClass('hidden');
} else {
$('.creditcard').removeClass('hidden');
$('.paypal,.eft').addClass('hidden');
}
});
</script>
<div class="height-20"></div>
<div class="col-xs-12 col-12 creditcard">
<div class="form-group">
<label class="col-sm-12" for="card_name"> Name on Card * </label>
<div class="col-sm-12">
<input type="text" class="form-control " name="card_name" id="card_name" value="" required="" data-stripe="name" x-autocompletetype="cc-name" tabindex="-1">
</div>
</div>
</div>
<div class="col-xs-12 col-12 creditcard">
<div class="form-group">
<label class="col-sm-12" for="card_number"> Card Number * </label>
<div class="col-sm-12">
<input type="text" class="form-control" name="card_number" id="card_number" value="" required="" data-stripe="number" data-eway-encrypt-name="EWAY_CARDNUMBER" data-braintree="number" tabindex="-1">
</div>
</div>
</div>
<div class="clear"></div>
<div class="col-sm-6 col-xs-12 col-12 creditcard">
<div class="form-group">
<label class="col-xs-12 col-12 " for="card_expiry_month">Card Expiry *</label>
<div class="col-sm-6 col-xs-6 col-6">
<div class="dropdown bootstrap-select form-control"><select class="form-control selectpicker" id="card_expiry_month" name="card_expiry_month" data-braintree-name="expiration_month" data-stripe="exp_month" tabindex="-1">
<option value="">MM</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select><button type="button" tabindex="-1" class="form-control dropdown-toggle bs-placeholder" data-bs-toggle="dropdown" role="combobox" aria-owns="bs-select-2" aria-haspopup="listbox" aria-expanded="false" title="MM"
data-id="card_expiry_month">
<div class="filter-option">
<div class="filter-option-inner">
<div class="filter-option-inner-inner">MM</div>
</div>
</div>
</button>
<div class="dropdown-menu ">
<div class="inner show" role="listbox" id="bs-select-2" tabindex="-1">
<ul class="dropdown-menu inner show" role="presentation"></ul>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xs-6 col-6">
<div class="dropdown bootstrap-select form-control"><select class="form-control selectpicker" id="card_expiry_year" name="card_expiry_year" data-braintree-name="expiration_year" data-stripe="exp_year" aria-label="Expiry year (YY)"
tabindex="-1">
<option value="">YY</option>
<option value="24">2024</option>
<option value="25">2025</option>
<option value="26">2026</option>
<option value="27">2027</option>
<option value="28">2028</option>
<option value="29">2029</option>
<option value="30">2030</option>
<option value="31">2031</option>
<option value="32">2032</option>
<option value="33">2033</option>
<option value="34">2034</option>
</select><button type="button" tabindex="-1" class="form-control dropdown-toggle bs-placeholder" data-bs-toggle="dropdown" role="combobox" aria-owns="bs-select-3" aria-haspopup="listbox" aria-expanded="false" title="YY"
data-id="card_expiry_year">
<div class="filter-option">
<div class="filter-option-inner">
<div class="filter-option-inner-inner">YY</div>
</div>
</div>
</button>
<div class="dropdown-menu ">
<div class="inner show" role="listbox" id="bs-select-3" tabindex="-1">
<ul class="dropdown-menu inner show" role="presentation"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xs-12 col-12 creditcard">
<div class="form-group">
<label class="col-xs-12 col-12 " for="card_cvv">CVV *</label>
<div class="col-sm-6 col-xs-6 col-6">
<input class="form-control" type="text" size="5" id="card_cvv" name="card_cvv" value="" maxlength="4" data-eway-encrypt-name="EWAY_CARDCVN" data-braintree-name="cvv" data-stripe="cvc" autocomplete="off" tabindex="-1">
</div>
<div class="col-sm-6 col-xs-6 col-6">
<img src="https://4e14afa0f2e33fe0acb7-65ce87aea9ade6f30f5e307f425e6c8a.ssl.cf5.rackcdn.com/cvv.png" style="width:55px;margin-top:-10px;">
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="col-sm-6 col-xs-12 col-12 donation-amount-display hidden">
<div class="form-group">
<label class="col-xs-12 col-12 pt10 pb0">Donation Amount</label>
<div class="col-sm-4">
<span id="amountdonating">$0.00</span> <span id="donatingfrequency"></span>
</div>
</div>
</div>
</div>
<style>
.funraisin-fee-bordered .funraisin-fee-box {
border: 1px solid #56af47;
}
.funraisin-fee-box {
padding: 5px 20px 20px;
border-radius: 5px;
}
.funraisin-fee-box i,
.funraisin-fee-box .hoverlink {
color: #1372fb;
}
.optincheckbox:not(.funraisin-fee-bordered) .funraisin-fee-box {
background: #1372fb10;
}
</style>
<input type="hidden" name="optin_fees_rate" id="optin_fees_rate" value="5.5" tabindex="-1">
<input type="hidden" name="d_optin_fees" id="d_optin_fees" value="Y" tabindex="-1">
<div class="row optincheckbox funraisin-fee-bordered funraisin-no-bg">
<div class="col-xs-12 col-12">
<div class="funraisin-fee-box funraisin-no-bg">
<label class="fee-box-header">Cover platform costs <span class="funraisin-fee-heart"><img class="static" src="https://d1gotx1r5o7hbd.cloudfront.net/e27154d713bcc89ca73cade1b4cd8e33.png"></span></label>
<p class="funraisin-fee-text hidden"><i class="only-default fa fa-heart"></i> Add a little to cover fees. <span class="hoverlink" data-toggle="tooltip" data-bs-container=".funraisin-fee-box" data-container=".funraisin-fee-box"
data-bs-toggle="tooltip" data-placement="top" data-bs-placement="top" title="" data-bs-original-title="By helping cover our costs, you keep our donations platform free. "><span
class="only-default">Why?</span><i class="material-icons-outlined only-bordered">info</i></span></p>
<div>
<div class="dropdown bootstrap-select form-control dropup"><select class="form-control selectpicker dropup" name="d_fee_multiple" id="d_fee_multiple" data-dropup-auto="false" autocomplete="off" tabindex="-1">
<option value="8" data-percentage="8" data-amount="">8%</option>
<option value="7.5" data-percentage="7.5" data-amount="">7.5%</option>
<option value="6.5" data-percentage="6.5" data-amount="">6.5%</option>
<option value="5.5" data-percentage="5.5" data-amount="" selected="" data-default="true">5.5%</option>
<option class="only-default" value="other">Other (or $0)</option>
<option class="only-bordered" value="0">I don't wish to help cover costs</option>
</select><button type="button" tabindex="-1" class="form-control dropdown-toggle" data-bs-toggle="dropdown" role="combobox" aria-owns="bs-select-4" aria-haspopup="listbox" aria-expanded="false" title="5.5%"
data-id="d_fee_multiple">
<div class="filter-option">
<div class="filter-option-inner">
<div class="filter-option-inner-inner">5.5%</div>
</div>
</div>
</button>
<div class="dropdown-menu ">
<div class="inner show" role="listbox" id="bs-select-4" tabindex="-1">
<ul class="dropdown-menu inner show" role="presentation"></ul>
</div>
</div>
</div>
</div>
<div class="fee-other hidden">
<p>Your contribution helps cover the costs of fundraising.</p>
<div class="input-group float-center">
<span class="input-group-addon border-radius-left white color-primary size-125"> $ </span>
<input type="number" class="form-control" name="d_fee_other" id="d_fee_other" value="1" min="0" autocomplete="off" tabindex="-1">
</div>
</div>
<p class="funraisin-fee-text optout-box only-bordered hidden">By helping cover our costs, you keep our donations platform free.</p>
</div>
<div class="optout-box only-default hidden">
<img src="https://d1p2vuwzdwq826.cloudfront.net/1fb80280a4829cb2bc66f82295789c05.png">
<p> By helping cover our costs, you keep our donations platform free. </p>
</div>
<div class="only-bordered funraisin-fee-total">
<span>Total amount <span class="donation-amount-incfee"></span></span>
</div>
</div>
</div>
<script>
$('.donation-amount-display').addClass('hidden');
var totalElement = '';
if ($('.nextsteps-form #d_amount').length) {
totalElement = $('.nextsteps-form #d_amount');
} else if ($('#d_amount').length) {
totalElement = $('#d_amount');
} else if ($('#total_paid').length) {
totalElement = $('#total_paid');
} else if ($('#total_amount').length) {
totalElement = $('#total_amount');
} else if ($('#total').length) {
totalElement = $('#total');
}
if (totalElement != '') {
var amountChange = function(element) {
var observer = new MutationObserver(function(mutations, observer) {
if (mutations[0].attributeName == "value") {
if (totalElement.val() > 0) {
$('.donation-amount-incfee').text('$' + (Number(totalElement.val()).toFixed(2).replace(/[.,]00$/, "")));
}
}
});
observer.observe(element, {
attributes: true
});
}
amountChange(totalElement[0]);
}
var populateFeeDropdown = function(total) {
var amount = total;
var maxamount = parseFloat(amount * (5.5 / 100));
var showpercentage = false;
$("#d_fee_multiple option").each(function() {
if ($(this).attr('value') != 'other' && $(this).attr('value') != '0') {
var percentage = $(this).data('percentage');
var value = (amount * (percentage / 100)).toFixed(2);
if (maxamount > 20 || value > 20) {
value = parseFloat(20 * (percentage / 5.5)).toFixed(2);
showpercentage = false;
if (percentage > 5.5) {
$(this).hide();
value = 20;
} else {
$(this).show();
}
} else {
$(this).show();
}
if (value > 0) {
if (showpercentage) {
$(this).text('$' + value);
} else {
$(this).text('$' + value);
}
} else {
if (percentage > 0) {
$(this).text(percentage + '%');
} else {
$(this).text('$0');
}
}
$(this).val(value);
}
});
$('select#d_fee_multiple').selectpicker('refresh');
}
$('select#d_fee_multiple').on('change', function() {
if ($(this).val() == '0') {
$('.funraisin-fee-heart img').hide().attr('src', 'https://d1gotx1r5o7hbd.cloudfront.net/e27154d713bcc89ca73cade1b4cd8e33.png');
$('.funraisin-fee-box').removeClass('active').addClass('nofee');
} else {
$('.funraisin-fee-heart img').show().attr('src', 'https://d1gotx1r5o7hbd.cloudfront.net/d0b892e8976d147d399529b3a410c42d.gif');
$('.funraisin-fee-box').addClass('active').removeClass('nofee');
setTimeout(function() {
$('.funraisin-fee-box').removeClass('active');
}, 2500);
}
if ($(this).val() == 'other') {} else {
$('d_fee').val($(this).find(':selected').data('amount'));
}
calculateDonation_8072();
});
$('#d_fee_other').on('input', function() {
$('#d_fee').val($(this).val());
});
$(document).ready(function() {
$('select#d_fee_multiple').on('change', function() {
if ($(this).val() == 'other') {
$('.fee-other').removeClass('hidden');
} else {
$('.fee-other').addClass('hidden');
if ($(this).val() > 0) {
$('.optout-box').addClass('hidden');
} else {
$('.optout-box').removeClass('hidden');
}
}
});
$('#d_fee_other').on('input', function() {
if ($(this).val() > 0) {
$('.optout-box').addClass('hidden');
} else {
$('.optout-box').removeClass('hidden');
}
});
$('select#d_fee_multiple').on('change', function() {
if ($(this).val() == 0) {
$('#d_optin_fees').val('');
} else {
$('#d_optin_fees').val('Y');
}
});
$('#d_fee_other').on('input', function() {
if ($(this).val() == '') {
$('#d_fee_other').val(0);
}
if ($(this).val() == 0) {
$('#d_optin_fees').val('');
} else {
$('#d_optin_fees').val('Y');
}
if ($(this).val() > 20) {
$(this).val('20');
}
calculateDonation_8072();
});
$(".hoverlink").tooltip();
$('select#d_fee_multiple').on('change', function() {
$('#optin_fees_rate').val($('select#d_fee_multiple :selected').data('percentage'));
});
});
</script>
<div class="height-20"></div>
<div class="text-center row">
<div class="vertical-align width-full buttons-block">
<div class="text-center btn-action-block">
<button type="submit" class="btn btn-primary btn-block btn-donate-display btn-xl" tabindex="-1"><span>Donate Now</span></button>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#DonationForm_8072 .handles-layout-cardshorizontal .radio-border').matchHeight();
$('#DonationForm_8072 .handles-layout-cardsvertical .radio').matchHeight({
byRow: false
});
// $('#DonationForm_8072 .radio').matchHeight();
});
function toggleBtn(ele) {
$('#DonationForm_8072 .radio').attr('aria-pressed', 'false');
ele.setAttribute("aria-pressed", "true");
$(ele).trigger('click');
}
function handleBtnKeyDown(event) {
// Check to see if space or enter were pressed
if (event.key === " " || event.key === "Enter" || event.key === "Spacebar") { // "Spacebar" for IE11 support
// Prevent the default action to stop scrolling when space is pressed
event.preventDefault();
toggleBtn(event.target);
}
}
$(document).on('focus', '.radio', function() {
$('#DonationForm_8072 .radio').addClass('nothover');
$(this).removeClass('nothover');
$(this).addClass('hover');
return false;
});
$('#DonationForm_8072 .radio').hover(function() {
$('#DonationForm_8072 .radio').addClass('nothover');
$(this).removeClass('nothover');
$(this).addClass('hover');
return false;
}, function() {
$('#DonationForm_8072 .radio').removeClass('nothover');
$(this).removeClass('hover');
});
$('#DonationForm_8072 .radio').click(function() {
$('#DonationForm_8072 #d_amount_free').val('');
$('#DonationForm_8072 #d_amount,#initial_amount').val($(this).attr('data-amount'));
$('#DonationForm_8072 #d_amount_sel').val($(this).attr('data-amount'));
$('#DonationForm_8072 .radio').addClass('notselected');
$('#DonationForm_8072 .radio').removeClass('selected');
$(this).removeClass('notselected');
$(this).addClass('selected');
calculateDonation_8072();
//$('#DonationForm_8072 .donate_amount').html(' $' + $(this).attr('data-amount'));
// $('#DonationForm_8072 button[rel="amountdetails"]').addClass('btn-pulse');
// setTimeout(function(){$('#DonationForm_8072 button[rel="amountdetails"]').removeClass('btn-pulse')},1000);
return false;
});
</script>
<script>
$('#DonationForm_8072 #d_lname').on('blur', function() {
if ($('#DonationForm_8072 #d_display_name').val() == '') {
if (document.getElementById("d_lname_prefix") && $('#DonationForm_8072 #d_lname_prefix').val() != '') {
$('#DonationForm_8072 #d_display_name').val($('#DonationForm_8072 #d_fname').val() + ' ' + $('#DonationForm_8072 #d_lname_prefix').val() + ' ' + $('#DonationForm_8072 #d_lname').val()).trigger('change');
} else {
$('#DonationForm_8072 #d_display_name').val($('#DonationForm_8072 #d_fname').val() + ' ' + $('#DonationForm_8072 #d_lname').val()).trigger('change');
}
}
});
$('#DonationForm_8072 #d_display_name').on('change', function() {
$('#DonationForm_8072 .display-name').text($(this).val());
});
$('#DonationForm_8072 #d_comments').on('change', function() {
$('#DonationForm_8072 .comments-block').text($(this).val());
});
$(document).ready(function() {});
function donationDetails_8072(missingFields) {
if ($("#DonationForm_8072 #d_fname").val() == '') {
missingFields.isMissing = true;
$("#DonationForm_8072 #d_fname").valid();
}
if ($("#DonationForm_8072 #d_lname").val() == '') {
missingFields.isMissing = true;
$("#DonationForm_8072 #d_lname").valid();
}
if ($("#DonationForm_8072 #d_email").val() == '' || !validEmail($("#DonationForm_8072 #d_email").val())) {
missingFields.isMissing = true;
$("#DonationForm_8072 #d_email").valid();
}
if ($("#DonationForm_8072 #d_organisation").val() == '' && $('#DonationForm_8072 input[name=d_receipt]:checked').val() == 'business') {
missingFields.isMissing = true;
$("#DonationForm_8072 #d_organisation").valid();
}
}
function inMemoryDetailsToolTip_8072() {
if ($("#DonationForm_8072 #in_memory_fname").val() == '') {
$("#DonationForm_8072 #in_memory_fname").valid();
}
if ($("#DonationForm_8072 #in_memory_lname").val() == '') {
$("#DonationForm_8072 #in_memory_lname").valid();
}
if ($("#DonationForm_8072 input[name='in_memory_card']").is(':checked')) {
if ($("#DonationForm_8072 #in_memory_address1").val() == '') {
$("#DonationForm_8072 #in_memory_address1").valid();
}
}
}
function inMemoryDetails_8072(missingFields) {
$('#DonationForm_8072 #in_memory_fname,#DonationForm_8072 #in_memory_lname,#DonationForm_8072 #in_memory_address1').parent().parent().removeClass('invalid');
if ($("#DonationForm_8072 #in_memory_fname").val() == '') {
missingFields.isMissing = true;
}
if ($("#DonationForm_8072 #in_memory_lname").val() == '') {
missingFields.isMissing = true;
}
if ($("#DonationForm_8072 input[name='in_memory_card']").is(':checked')) {
if ($("#DonationForm_8072 #in_memory_address1").val() == '') {
missingFields.isMissing = true;
}
}
}
$(document).ready(function() {
new ResizeSensor($('#DonationForm_8072 #amountdetails'), function() {
$('#DonationForm_8072 .slick-list').height($('#DonationForm_8072 .slick-active').height());
});
$('#DonationForm_8072 .donation-steps').slick({
arrows: false,
dots: false,
infinite: false,
swipe: false,
rows: 0,
adaptiveHeight: true,
fade: true,
cssEase: 'linear',
centerMode: false,
});
});
$('#DonationForm_8072').on('keypress', function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
e.preventDefault();
var missingFields = {
isMissing: false
};
var currentSlide = $("#DonationForm_8072 .donation-steps").slick("slickCurrentSlide");
var $slides = $("#DonationForm_8072 .donation-steps").slick("getSlick").$slides;
var currentpanel = $slides.eq(currentSlide).get(0).id;
if (currentpanel == '') {
currentpanel = $('#DonationForm_8072 .slick-slide[data-slick-index=' + currentSlide + ']').find('.section').attr('id');
}
if (currentpanel == 'amountdetails') {
if (($('#DonationForm_8072 #d_amount').val() == "" || $('#DonationForm_8072 #d_amount').val() < 1) && ($('#DonationForm_8072 #d_amount_free').val() == "" || $('#DonationForm_8072 #d_amount_free').val() < 1)) {
BootstrapDialog.show({
title: 'Oops!',
message: 'Please choose or enter a donation amount greater than $1',
});
missingFields.isMissing = true;
}
} else if (currentpanel == 'personaldetails') {
donationDetails_8072(missingFields);
} else if (currentpanel == 'inmemorydetails') {
inMemoryDetails_8072(missingFields);
if (missingFields.isMissing) {
inMemoryDetailsToolTip_8072();
}
}
if (!missingFields.isMissing) {
$("#DonationForm_8072 .donation-steps").slick('slickNext');
new ResizeSensor($('#DonationForm_8072 #personaldetails'), function() {
$('#DonationForm_8072 .slick-list').height($('#DonationForm_8072 .slick-active').height());
});
} else {
if ($("#DonationForm_8072 .form-control.invalid").length > 0) {
$('html, body').animate({
scrollTop: $("#DonationForm_8072 .form-control.invalid").first().offset().top - 80
}, 500);
}
}
return false;
}
});
$('#DonationForm_8072 .btn-next').on('click', function() {
var missingFields = {
isMissing: false
};
var currentSlide = $("#DonationForm_8072 .donation-steps").slick("slickCurrentSlide");
var $slides = $("#DonationForm_8072 .donation-steps").slick("getSlick").$slides;
var currentpanel = $slides.eq(currentSlide).get(0).id;
if (currentpanel == '') {
currentpanel = $('#DonationForm_8072 .slick-slide[data-slick-index=' + currentSlide + ']').find('.section').attr('id');
}
if (currentpanel == 'amountdetails') {
if ($('#DonationForm_8072 #d_amount').val() == "" || $('#DonationForm_8072 #d_amount').val() < 1) {
//$('#dialogue').html('<p>Please choose or enter a donation amount</p>').dialog();
BootstrapDialog.show({
title: 'Oops!',
message: 'Please choose or enter a donation amount greater than $1',
});
missingFields.isMissing = true;
}
} else if (currentpanel == 'personaldetails') {
if ($('#DonationForm_8072 #d_amount').val() == "" || $('#DonationForm_8072 #d_amount').val() < 1) {
//$('#dialogue').html('<p>Please choose or enter a donation amount</p>').dialog();
BootstrapDialog.show({
title: 'Oops!',
message: 'Please choose or enter a donation amount greater than $1',
});
missingFields.isMissing = true;
$("#DonationForm_8072 .donation-steps").slick('slickPrev');
return;
}
donationDetails_8072(missingFields);
if (missingFields.isMissing) {
// donationDetailsTooltip_8072();
}
} else if (currentpanel == 'inmemorydetails') {
inMemoryDetails_8072(missingFields);
if (missingFields.isMissing) {
inMemoryDetailsToolTip_8072();
}
}
if (!missingFields.isMissing) {
$("#DonationForm_8072 .donation-steps").slick('slickNext');
new ResizeSensor($('#DonationForm_8072 #personaldetails'), function() {
$('#DonationForm_8072 .slick-list').height($('#DonationForm_8072 .slick-active').height());
});
new ResizeSensor($('#DonationForm_8072 #paymentdetails'), function() {
$('#DonationForm_8072 .slick-list').height($('#DonationForm_8072 .slick-active').height());
});
} else {
if ($("#DonationForm_8072 .form-control.invalid").length > 0) {
$('html, body').animate({
scrollTop: $("#DonationForm_8072 .form-control.invalid").first().offset().top - 80
}, 500);
}
}
});
$('#DonationForm_8072 .btn-back').on('click', function() {
$("#DonationForm_8072 .donation-steps").slick('slickPrev');
});
$("#DonationForm_8072 .donation-steps").on('afterChange', function(event, slick, currentSlide, nextSlide) {
var $slides = $('#DonationForm_8072 .donation-steps').slick("getSlick").$slides;
var id = $slides.eq(currentSlide).get(0).id;
if (id == '') {
id = $('#DonationForm_8072 .slick-slide[data-slick-index=' + currentSlide + ']').find('.section').attr('id');
}
$('#DonationForm_8072 .steps-nav ul li').removeClass('color-primary border-primary active');
if (id == 'amountdetails') {
$('#DonationForm_8072 #amountdetailstab').addClass('active');
} else if (id == 'personaldetails') {
$('#personaldetailstab').addClass('active');
} else if (id == 'paymentdetails') {
$('#paymentdetailstab').addClass('active');
} else if (id == 'inmemorydetails') {
$('#memorydetailstab').addClass('active');
} else if (id == 'formdetails') {
$('#formdetailstab').addClass('active');
}
setTimeout(function() {
$('html, body').animate({
scrollTop: parseInt($('#DonationForm_8072 .donation-steps').offset().top) - 200
}, 500);
}, 200);
});
$('#DonationForm_8072 #amountdetailstab').on('click', function() {
$('#DonationForm_8072 .donation-steps').slick('slickGoTo', $('#DonationForm_8072 .donation-steps').find('#amountdetails').data('slick-index'));
});
$('#DonationForm_8072 #personaldetailstab').on('click', function() {
var missingFields = {
isMissing: false
};
if ($('#DonationForm_8072 #d_amount').val() == "" || $('#DonationForm_8072 #d_amount').val() < 1) {
//$('#dialogue').html('<p>Please choose a donation amount</p>').dialog();
BootstrapDialog.show({
title: 'Oops!',
message: 'Please choose or enter a donation amount greater than $1',
});
missingFields.isMissing = true;
}
if (!missingFields.isMissing) {
$('#DonationForm_8072 .donation-steps').slick('slickGoTo', $('#DonationForm_8072 .donation-steps').find('#personaldetails').data('slick-index'));
}
});
$('#DonationForm_8072 #paymentdetailstab').on('click', function() {
var missingFields = {
isMissing: false
};
if ($('#DonationForm_8072 #d_amount').val() == "" || $('#DonationForm_8072 #d_amount').val() < 1) {
//$('#dialogue').html('<p>Please choose a donation amount</p>').dialog();
BootstrapDialog.show({
title: 'Oops!',
message: 'Please choose or enter a donation amount greater than $1',
});
missingFields.isMissing = true;
}
if (!missingFields.isMissing) {
donationDetails_8072(missingFields);
if (!missingFields.isMissing) {
$('#DonationForm_8072 .donation-steps').slick('slickGoTo', $('#DonationForm_8072 .donation-steps').find('#paymentdetails').data('slick-index'));
} else {
$('#DonationForm_8072 .donation-steps').slick('slickGoTo', $('#DonationForm_8072 .donation-steps').find('#personaldetails').data('slick-index'));
}
}
});
</script>
</form>Text Content
* Home * Login * Login Login DONATE DONATING TO SUICIDE CALL BACK SERVICE Suicide Call Back Service is a free nationwide phone and online counselling service for anyone who is impacted by suicide. Our professionally trained counsellors are available 24/7 to help people work through the pain and distress they may be feeling. We need your support to help more Australians in need. Your donation will help us deliver more counselling sessions. Every little bit counts. Please give what you can today. Together, we can make a difference in the lives of Australians. Thank you for your support. * 1 * 2 * 3 $10 $25 $50 $100 $ Donate YOUR DETAILS Individual Organisation Organisation Name * First Name * Last Name * Email Address * Postal Address (enter manually) Address Line 1 Address Line 2 Town/Suburb Postcode State Country Australia United States United Kingdom --------------------- Afghanistan Albania Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba Australia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin Bermuda Bhutan Bolivia Bosnia and Herzegovina Botswana Bouvet Island Brazil British Indian Ocean Territory Brunei Darussalam Bulgaria Burkina Faso Burundi Cambodia Cameroon Canada Cape Verde Caribbean Netherlands Cayman Islands Central African Republic Chad Chile China Christmas Island Cocos (Keeling) Islands Colombia Comoros Congo Congo, Democratic Republic of Cook Islands Costa Rica Côte d'Ivoire Croatia Cuba Curaçao Cyprus Czech Republic Denmark Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland Islands Faroe Islands Fiji Finland France French Guiana French Polynesia French Southern Territories Gabon Gambia Georgia Germany Ghana Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala Guernsey Guinea Guinea-Bissau Guyana Haiti Heard and McDonald Islands Honduras Hong Kong Hungary Iceland India Indonesia Iran Iraq Ireland Isle of Man Israel Italy Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kuwait Kyrgyzstan Lao People's Democratic Republic Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macau Macedonia Madagascar Malawi Malaysia Maldives Mali Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia, Federated States of Moldova Monaco Mongolia Montenegro Montserrat Morocco Mozambique Myanmar Namibia Nauru Nepal New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk Island North Korea Northern Mariana Islands Norway Oman Pakistan Palau Palestine, State of Panama Papua New Guinea Paraguay Peru Philippines Pitcairn Poland Portugal Puerto Rico Qatar Réunion Romania Russian Federation Rwanda Saint Barthélemy Saint Helena Saint Kitts and Nevis Saint Lucia Saint Vincent and the Grenadines Saint-Martin (France) Samoa San Marino Sao Tome and Principe Saudi Arabia Senegal Serbia Seychelles Sierra Leone Singapore Sint Maarten (Dutch part) Slovakia Slovenia Solomon Islands Somalia South Africa South Georgia and the South Sandwich Islands South Korea South Sudan Spain Sri Lanka St. Pierre and Miquelon Sudan Suriname Svalbard and Jan Mayen Islands Swaziland Sweden Switzerland Syria Taiwan Tajikistan Tanzania Thailand The Netherlands Timor-Leste Togo Tokelau Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan Turks and Caicos Islands Tuvalu Uganda Ukraine United Arab Emirates United Kingdom United States United States Minor Outlying Islands Uruguay Uzbekistan Vanuatu Vatican Venezuela Vietnam Virgin Islands (British) Virgin Islands (U.S.) Wallis and Futuna Islands Western Sahara Yemen Zambia Zimbabwe Åland Islands Australia chevron_left Payment Options PAYMENT DETAILS Credit Card Name on Card * Card Number * Card Expiry * MM 01 02 03 04 05 06 07 08 09 10 11 12 MM YY 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 YY CVV * Donation Amount $0.00 Cover platform costs Add a little to cover fees. Why?info 8% 7.5% 6.5% 5.5% Other (or $0) I don't wish to help cover costs 5.5% Your contribution helps cover the costs of fundraising. $ By helping cover our costs, you keep our donations platform free. By helping cover our costs, you keep our donations platform free. Total amount Donate Now GET INVOLVED * Register * Donate FUNDRAISE * FAQs * Leaderboards ABOUT * About Us © Copyright 2023 Suicide Call Back Service Australia