donate.edfaction.org
Open in
urlscan Pro
2606:4700::6812:843c
Public Scan
Submitted URL: https://email.edfaction.org/c/13hlGcPAsPos3FWpCmLIU8JFyai
Effective URL: https://donate.edfaction.org/give/334271/?hash=3bc5bebdec8e6c974c5321885cfebb8046fae47a35019f5623c4a9a0b83d51be9aff7e272f3cc6...
Submission: On April 25 via api from AE — Scanned from DE
Effective URL: https://donate.edfaction.org/give/334271/?hash=3bc5bebdec8e6c974c5321885cfebb8046fae47a35019f5623c4a9a0b83d51be9aff7e272f3cc6...
Submission: On April 25 via api from AE — Scanned from DE
Form analysis 1 forms found in the DOM
Name: FORM —
<form name="FORM" novalidate="novalidate" data-ng-submit="submit()"
class="donation-block_form ng-invalid ng-invalid-required ng-valid-email-address ng-valid-phone-number ng-valid-parse ng-dirty ng-valid-min ng-valid-max form-subscribed-to ng-valid-pattern ng-valid-minlength ng-valid-maxlength"
data-sc-broadcast-form-errors="">
<!-- Honeypot -->
<input type="hidden" data-ng-model="MODEL.z" autocomplete="off" class="ng-pristine ng-untouched ng-valid ng-empty ng-not-modified">
<!-- Components -->
<!-- ngRepeat: component in list.components | filter:{section:'main'} | orderBy:'order' -->
<section class="block-component ng-scope" data-ng-repeat="component in list.components | filter:{section:'main'} | orderBy:'order'">
<!-- ngInclude: component.templateUrl -->
<div data-ng-include="component.templateUrl" class="ng-scope">
<section class="donation-welcome ng-scope" data-ng-controller="frsDonationWelcomeCtrl">
<div data-sc-filler-text="{
fontBase: 16,
fontRatio: 14
}" data-title-container="'.donation-welcome_container'" data-parent-container="'.donation-welcome_container'" class="ng-isolate-scope">
<div class="donation-welcome_container">
<div id="donation_ticker" class="donation_ticker">
<div id="ticker_prefix" class="column col10">Just donated!</div>
<div class="column col75">
<ul id="donation_ticker_list">
<li class="sliding">
<p>A supporter in Clyde Hill, WA gave $52.25</p>
</li>
<li class="sliding">
<p>A supporter in Rudyard, MI gave $52.25</p>
</li>
<li class="sliding">
<p>A supporter in Derwood, MD gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Glen Ellyn, ID gave $45</p>
</li>
<li class="sliding">
<p>A supporter in Los Angeles, CA gave $15</p>
</li>
<li class="sliding">
<p>A supporter in Ogden, UT gave $35</p>
</li>
<li class="sliding">
<p>A supporter in Portland, OR gave $52.25</p>
</li>
<li class="sliding">
<p>A supporter in Columbus, GA gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Westland, MI gave $36.57</p>
</li>
<li class="sliding">
<p>A supporter in Concord, NH gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Albuquerque, NM gave $52.25</p>
</li>
<li class="sliding">
<p>A supporter in Glen Ridge, NJ gave $35</p>
</li>
<li class="sliding">
<p>A supporter in San Diego, CA gave $15.67</p>
</li>
<li class="sliding">
<p>A supporter in Washington, DC gave $20.9</p>
</li>
<li class="sliding">
<p>A supporter in Bellingham, WA gave $52.25</p>
</li>
<li class="sliding">
<p>A supporter in Hudson, OH gave $15</p>
</li>
<li class="sliding">
<p>A supporter in Durham, NH gave $52.25</p>
</li>
<li class="sliding">
<p>A supporter in Chesterfield, MO gave $52.25</p>
</li>
<li class="sliding">
<p>A supporter in Minneapolis, MN gave $35</p>
</li>
<li class="sliding">
<p>A supporter in Winston-Salem, NC gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Tulsa, OK gave $20.8</p>
</li>
<li class="sliding">
<p>A supporter in Ripley, TN gave $15.67</p>
</li>
<li class="sliding">
<p>A supporter in Egg Hbr Twp, NJ gave $52.25</p>
</li>
<li class="sliding">
<p>A supporter in Vero Beach, FL gave $52.25</p>
</li>
<li class="sliding">
<p>A supporter in Tallahassee, FL gave $26.13</p>
</li>
<li class="sliding">
<p>A supporter in La Crosse, WI gave $25</p>
</li>
<li class="sliding">
<p>A supporter in Newburgh, NY gave $20</p>
</li>
<li class="sliding">
<p>A supporter in Davidson, NC gave $15</p>
</li>
<li class="sliding">
<p>A supporter in Columbia, SC gave $8</p>
</li>
<li class="sliding">
<p>A supporter in Clinton, MT gave $35</p>
</li>
<li class="sliding">
<p>A supporter in Philadelphia, PA gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Plainsboro, NJ gave $40</p>
</li>
<li class="sliding">
<p>A supporter in Belmont, MA gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Pittsburgh, PA gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Bloomfield, MI gave $35</p>
</li>
<li class="sliding">
<p>A supporter in Livonia, MI gave $35</p>
</li>
<li class="sliding">
<p>A supporter in New York, NY gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Buffalo, NY gave $35</p>
</li>
<li class="sliding">
<p>A supporter in New Haven, CT gave $38</p>
</li>
<li class="sliding">
<p>A supporter in Wynantskill, NY gave $50</p>
</li>
<li class="sliding">
<p>A supporter in New York, NY gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Waite hill, OH gave $35</p>
</li>
<li class="sliding">
<p>A supporter in Goldsboro, NC gave $45</p>
</li>
<li class="sliding">
<p>A supporter in Tigard, OR gave $50</p>
</li>
<li class="sliding">
<p>A supporter in Rossvile, GA gave $35</p>
</li>
<li class="sliding">
<p>A supporter in Saginaw, MI gave $35</p>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="sr-only">
<!-- ngIf: META.errorList.length -->
<!-- ngRepeat: error in META.errorList -->
</div>
<!-- ngIf: !editable && !isPreview() -->
<h1 class="donation-welcome_title ng-binding ng-scope" data-ng-if="!editable && !isPreview()" data-ng-bind-html="trustedBlockHeadlineHtml">Bring on bold action!</h1><!-- end ngIf: !editable && !isPreview() -->
<!-- ngIf: !editable && isPreview() -->
<!-- ngIf: editable && !getLock('headline') -->
<!-- ngIf: editable && getLock('headline') -->
<!-- Appeal -->
<!-- ngIf: !editable -->
<div class="donation-welcome_description ng-scope" data-ng-if="!editable" sc-allow-html="block.description | scImgAssetRef | userLinks" sc-responsive-video="">
<p>We need you to stand with us to fight climate change, protect vulnerable wildlife and their habitats, and keep ourselves and our loved ones safe from toxic pollution and harmful household chemicals.</p>
<p class="recurring_tip" id="recurring_tip">
<strong><span style="background-color:#ffff00;">Make it monthly!</span></strong> Monthly giving is the most effective way to make a lasting difference. It lowers EDF Action's fundraising costs and allows you to spread your giving out
over the year.
</p>
</div><!-- end ngIf: !editable -->
<!-- ngIf: editable && !getLock('description') -->
<!-- ngIf: editable && getLock('description') -->
</div>
</div>
</section>
</div>
</section><!-- end ngRepeat: component in list.components | filter:{section:'main'} | orderBy:'order' -->
<section class="block-component ng-scope" data-ng-repeat="component in list.components | filter:{section:'main'} | orderBy:'order'">
<!-- ngInclude: component.templateUrl -->
<div data-ng-include="component.templateUrl" class="ng-scope">
<section class="donation-amount ng-scope monthly" data-ng-controller="frsDonationAmountCtrl">
<div class="donation-amount_toggle">
<div class="donation-amount_toggle_btn donation-amount_toggle_btn-monthly active" data-frequency="monthly">Monthly</div>
<div class="donation-amount_toggle_btn donation-amount_toggle_btn-one-time" data-frequency="one-time">One-time</div>
</div>
<!-- ngIf: preventRecurringFrequency -->
<!-- ngIf: show.levels() && !displayRecurringExperiment() && preventRecurringFrequency -->
<!-- ngIf: !displayRecurringExperiment() && preventRecurringFrequency -->
<!-- ngIf: displayRecurringExperiment() && preventRecurringFrequency -->
<!-- ngIf: !preventRecurringFrequency --><donation-amount-recurring-rf ng-if="!preventRecurringFrequency" donation-context="CONTEXT" frequency="MODEL.frequency" setting-page-frequency="MODEL.frequency"
frequency-levels="DonationBlock.current['recurring-level']" levels="state.levels" recurring-donation-levels="state.recurringDonationLevels" recur_until="MODEL.recur_until" amount="MODEL.items[0].raw_final_price"
previous-frequency-price="MODEL.items[0].previous_frequency_price" new-amount="MODEL.items[0].raw_final_price" preview="globalState.isPreview" currency="MODEL.payment.raw_currency_code"
class="ng-scope ng-isolate-scope"><!-- **** New RF changes phase 2 **** -->
<div class="donation-amount-recurring">
<!-- FREQUENCY TOGGLE-->
<!-- ngIf: !$ctrl.preventOldrfForDeque && !$ctrl.onlyReccurringFrequency($ctrl.frequencyLevels) && $ctrl.recurringLevels($ctrl.frequencyLevels).length > 0 -->
<div data-ng-init="$ctrl.showFreqDropdown()" data-ng-if="!$ctrl.preventOldrfForDeque && !$ctrl.onlyReccurringFrequency($ctrl.frequencyLevels) && $ctrl.recurringLevels($ctrl.frequencyLevels).length > 0"
class="donation-amount-recurring__switch rf ng-scope" role="radiogroup" aria-label="Select a donation frequency">
<div data-ng-click="$ctrl.selectFrequency('one-time'); $ctrl.showFreqDropdown('one-time'); $ctrl.isRecurringFrequency($event)" data-ng-keypress="$ctrl.selectFrequency('one-time',$event); $ctrl.isRecurringFrequency($event)"
data-ng-mouseover="$ctrl.hoverFrequencyStyle('one-time',true)" data-ng-mouseout="$ctrl.hoverFrequencyStyle('one-time',false)" class="donation-amount-recurring__btn once hover-state_one-time" _spec="one-time" tabindex="0"
data-ng-class="{'selected': $ctrl.frequency === 'one-time'}" data-ng-style="$ctrl.oneTimeBtnStyle('one-time')" style="background-color: rgb(255, 255, 255); color: rgb(0, 151, 95); border: 2px solid rgb(0, 151, 95);">
<label for="donation-amount-recurring__radio-input" class="donation-amount-recurring__btn__frequency-label">
<input type="radio" id="donation-amount-recurring__radio-input" role="radio" tabindex="-1" name="donation-frequency" class="donation-amount-recurring__btn__frequency-input" aria-checked="false">One time </label>
</div>
<div data-ng-click="$ctrl.selectFrequency($ctrl.frequency); $ctrl.showFreqDropdown($ctrl.recurringBtnText()); $ctrl.isRecurringFrequency($event)"
data-ng-keypress="$ctrl.selectFrequency($ctrl.recurringBtnText(),$event); $ctrl.isRecurringFrequency($event)" data-ng-mouseover="$ctrl.hoverFrequencyStyle('recurring',true)"
data-ng-mouseout="$ctrl.hoverFrequencyStyle('recurring',false)" class="donation-amount-recurring__btn monthly hover-state_recurring selected" _spec="recurring" tabindex="0"
data-ng-class="{'selected': $ctrl.recurringBtnSelected($ctrl.frequency)}" data-ng-style="$ctrl.recurringBtnStyle($ctrl.frequency)"
style="background-color: rgb(0, 151, 95); color: rgb(255, 255, 255); border: 2px solid rgb(0, 151, 95);">
<label for="donation-amount-monthly__radio-input" class="donation-amount-recurring__btn__frequency-label ng-binding">
<input type="radio" role="radio" id="donation-amount-monthly__radio-input" name="donation-frequency" tabindex="-1" class="donation-amount-recurring__btn__frequency-input" aria-checked="true"> monthly </label>
</div>
</div><!-- end ngIf: !$ctrl.preventOldrfForDeque && !$ctrl.onlyReccurringFrequency($ctrl.frequencyLevels) && $ctrl.recurringLevels($ctrl.frequencyLevels).length > 0 -->
<!-- FREQUENCY DROPDOWN PHASE 1-->
<!-- ngIf: $ctrl.preventOldrfForDeque && $ctrl.noOfFrequencyLevel($ctrl.frequencyLevels) !== 1 -->
<!-- FREQUENCY DROPDOWN PHASE 2 -->
<!-- ngIf: !$ctrl.preventOldrfForDeque && ($ctrl.isFreqDropdown || ($ctrl.onlyReccurringFrequency($ctrl.frequencyLevels) && $ctrl.recurringLevels($ctrl.frequencyLevels).length > 1)) -->
<!-- END DATE -->
<!-- ngIf: !$ctrl.preventOldrfForDeque && $ctrl.showRecurringEndDate && $ctrl.frequency !== 'one-time' -->
<!-- ngIf: !$ctrl.showRecurringDonationArray && (!!$ctrl.frequency && ($ctrl.noOfDonationAmount($ctrl.levels) !== 1 || $ctrl.showCustomAmtField($ctrl.levels))) -->
<!-- ngIf: $ctrl.showRecurringDonationArray && (!!$ctrl.frequency && ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 || $ctrl.showCustomAmtField($ctrl.recurringDonationLevels))) -->
<p data-ng-if="$ctrl.showRecurringDonationArray && (!!$ctrl.frequency && ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 || $ctrl.showCustomAmtField($ctrl.recurringDonationLevels)))"
id="amount-options-label" class="ng-scope"> Choose a <b class="ng-binding">monthly</b> amount</p>
<!-- end ngIf: $ctrl.showRecurringDonationArray && (!!$ctrl.frequency && ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 || $ctrl.showCustomAmtField($ctrl.recurringDonationLevels))) -->
<!-- IF MULTIPLE AMOUNT DISPLAYED -->
<!-- ngIf: !$ctrl.showRecurringDonationArray && ($ctrl.noOfDonationAmount($ctrl.levels) > 1 || $ctrl.showCustomAmtField($ctrl.levels)) -->
<!-- IF MULTIPLE RECURRING DONATION AMOUNT DISPLAYED -->
<!-- ngIf: $ctrl.showRecurringDonationArray && ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 || $ctrl.showCustomAmtField($ctrl.recurringDonationLevels)) -->
<ul data-ng-if="$ctrl.showRecurringDonationArray && ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 || $ctrl.showCustomAmtField($ctrl.recurringDonationLevels))" role="radiogroup"
class="donation-amount-recurring__levels rf ng-scope" aria-labelledby="amount-options-label"
data-ng-class="{'bb': $ctrl.hasBigButtons, 'multiple-amount-hidden' : $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) === 1 && !$ctrl.showCustomAmtField($ctrl.recurringDonationLevels)}">
<!-- ngRepeat: level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 -->
<li data-ng-if="level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1"
data-ng-repeat="level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true})" data-ng-click="$ctrl.selectAmount(level.displayAmount)"
data-ng-keydown="$ctrl.selectAmount(level.displayAmount, $event)" data-ng-mouseover="$ctrl.hoverStyle($index,true)" data-ng-mouseout="$ctrl.hoverStyle($index,false)" class="donation-amount-recurring__level-item rf hover-state_0"
role="radio" tabindex="0" data-ng-class="{'bb': $ctrl.hasBigButtons,'selected': $ctrl.amount === level.displayAmount && !$ctrl.showCustomAmtSelected}" data-ng-style="$ctrl.donationLevelStyle(level.displayAmount)"
style="color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 151, 95, 0.12); border: none; max-width: 50%;">
<!-- ngIf: !level.loading --><label data-ng-if="!level.loading" for="D-A10" class="donation-amount-recurring__level-item__amount-label rf ng-binding ng-scope" data-ng-class="{'bb': $ctrl.hasBigButtons}">
<input data-ng-model="$ctrl.amount" name="donation-amount" type="radio" id="D-A10" role="radio" tabindex="-1" aria-hidden="true"
class="donation-amount-recurring__level-item__amount-input rf ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified" data-ng-class="{'bb': $ctrl.hasBigButtons}" aria-checked="false">$10
</label><!-- end ngIf: !level.loading -->
<!-- ngIf: level.loading -->
</li>
<!-- end ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 -->
<li data-ng-if="level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1"
data-ng-repeat="level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true})" data-ng-click="$ctrl.selectAmount(level.displayAmount)"
data-ng-keydown="$ctrl.selectAmount(level.displayAmount, $event)" data-ng-mouseover="$ctrl.hoverStyle($index,true)" data-ng-mouseout="$ctrl.hoverStyle($index,false)"
class="donation-amount-recurring__level-item rf hover-state_1 selected" role="radio" tabindex="0" data-ng-class="{'bb': $ctrl.hasBigButtons,'selected': $ctrl.amount === level.displayAmount && !$ctrl.showCustomAmtSelected}"
data-ng-style="$ctrl.donationLevelStyle(level.displayAmount)" style="color: rgb(255, 255, 255); background-color: rgb(0, 151, 95); border: none; max-width: 50%;">
<!-- ngIf: !level.loading --><label data-ng-if="!level.loading" for="D-A15" class="donation-amount-recurring__level-item__amount-label rf ng-binding ng-scope" data-ng-class="{'bb': $ctrl.hasBigButtons}">
<input data-ng-model="$ctrl.amount" name="donation-amount" type="radio" id="D-A15" role="radio" tabindex="-1" aria-hidden="true"
class="donation-amount-recurring__level-item__amount-input rf ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified" data-ng-class="{'bb': $ctrl.hasBigButtons}" aria-checked="true">$15
</label><!-- end ngIf: !level.loading -->
<!-- ngIf: level.loading -->
</li>
<!-- end ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 -->
<li data-ng-if="level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1"
data-ng-repeat="level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true})" data-ng-click="$ctrl.selectAmount(level.displayAmount)"
data-ng-keydown="$ctrl.selectAmount(level.displayAmount, $event)" data-ng-mouseover="$ctrl.hoverStyle($index,true)" data-ng-mouseout="$ctrl.hoverStyle($index,false)" class="donation-amount-recurring__level-item rf hover-state_2"
role="radio" tabindex="0" data-ng-class="{'bb': $ctrl.hasBigButtons,'selected': $ctrl.amount === level.displayAmount && !$ctrl.showCustomAmtSelected}" data-ng-style="$ctrl.donationLevelStyle(level.displayAmount)"
style="color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 151, 95, 0.12); border: none; max-width: 50%;">
<!-- ngIf: !level.loading --><label data-ng-if="!level.loading" for="D-A25" class="donation-amount-recurring__level-item__amount-label rf ng-binding ng-scope" data-ng-class="{'bb': $ctrl.hasBigButtons}">
<input data-ng-model="$ctrl.amount" name="donation-amount" type="radio" id="D-A25" role="radio" tabindex="-1" aria-hidden="true"
class="donation-amount-recurring__level-item__amount-input rf ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified" data-ng-class="{'bb': $ctrl.hasBigButtons}" aria-checked="false">$25
</label><!-- end ngIf: !level.loading -->
<!-- ngIf: level.loading -->
</li>
<!-- end ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 -->
<li data-ng-if="level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1"
data-ng-repeat="level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true})" data-ng-click="$ctrl.selectAmount(level.displayAmount)"
data-ng-keydown="$ctrl.selectAmount(level.displayAmount, $event)" data-ng-mouseover="$ctrl.hoverStyle($index,true)" data-ng-mouseout="$ctrl.hoverStyle($index,false)" class="donation-amount-recurring__level-item rf hover-state_3"
role="radio" tabindex="0" data-ng-class="{'bb': $ctrl.hasBigButtons,'selected': $ctrl.amount === level.displayAmount && !$ctrl.showCustomAmtSelected}" data-ng-style="$ctrl.donationLevelStyle(level.displayAmount)"
style="color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 151, 95, 0.12); border: none; max-width: 50%;">
<!-- ngIf: !level.loading --><label data-ng-if="!level.loading" for="D-A50" class="donation-amount-recurring__level-item__amount-label rf ng-binding ng-scope" data-ng-class="{'bb': $ctrl.hasBigButtons}">
<input data-ng-model="$ctrl.amount" name="donation-amount" type="radio" id="D-A50" role="radio" tabindex="-1" aria-hidden="true"
class="donation-amount-recurring__level-item__amount-input rf ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified" data-ng-class="{'bb': $ctrl.hasBigButtons}" aria-checked="false">$50
</label><!-- end ngIf: !level.loading -->
<!-- ngIf: level.loading -->
</li>
<!-- end ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) !== 1 --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 && { display_on_page: true}) -->
<!-- ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: !$ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: !$ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: !$ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: !$ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: !$ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) -->
<li
data-ng-if="!$ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time'))"
data-ng-repeat="level in $ctrl.recurringDonationLevels | filter: { display_on_page: true}" data-ng-click="$ctrl.selectAmount('Custom')" data-ng-keyup="$ctrl.showCustomAmtSelected = true"
data-ng-keydown="$ctrl.setPreventDefault($event)" class="donation-amount-recurring__level-item other-rf hover-state_other ng-scope edf-subscribed-to" role="radio"
data-ng-class="{'bb': $ctrl.hasBigButtons, 'selected': $ctrl.showCustomAmtSelected}">
<label for="D-AOther" class="donation-amount-recurring__level-item__amount-label other-rf" data-ng-class="{'bb': $ctrl.hasBigButtons}">
<div id="custom-amount" class="donation-amount-recurring__amount rf currency-picker has-focus" data-ng-class="{'has-focus': $ctrl.show.inputFocus === true}" data-sc-form-error="highlight if amount fails" aria-invalid="false">
<div sc-currency-picker="" currency-model="$ctrl.currency" currency-entity="'donation'" class="currency-picker__wrapper-rf ng-isolate-scope" data-ng-class="{'bb': $ctrl.hasBigButtons}" selected="$ctrl.showCustomAmtSelected">
<div class="currency-picker__wrapper ng-isolate-scope" ng-style="selected ? changeWrapperStyle() : defaultStyle()" ng-class="{'no-pick':!showDropdown, 'disabled': disabled}" aria-hidden="false" sc-lock-field="disabled"
tooltip-text="tooltipText">
<div class="currency-picker__select-wrapper">
<select class="currency-picker__select ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified" ng-change="optionSwap()" ng-model="currency" id="dropdown" ng-show="showDropdown"
ng-options="currency as currency.longText for currency in currencyOptions track by currency.currency" aria-label="Select a currency" ng-disabled="disabled">
<option label="AED | United Arab Emirates Dirham" value="AED">AED | United Arab Emirates Dirham</option>
<option label="AFN | Afghan Afghani" value="AFN">AFN | Afghan Afghani</option>
<option label="ALL | Albanian Lek" value="ALL">ALL | Albanian Lek</option>
<option label="AMD | Armenian Dram" value="AMD">AMD | Armenian Dram</option>
<option label="ANG | Netherlands Antillean Guilder" value="ANG">ANG | Netherlands Antillean Guilder</option>
<option label="AOA | Angolan Kwanza" value="AOA">AOA | Angolan Kwanza</option>
<option label="ARS | Argentine Peso" value="ARS">ARS | Argentine Peso</option>
<option label="AUD | Australian Dollar" value="AUD">AUD | Australian Dollar</option>
<option label="AWG | Aruban Florin" value="AWG">AWG | Aruban Florin</option>
<option label="AZN | Azerbaijani Manat" value="AZN">AZN | Azerbaijani Manat</option>
<option label="BAM | Bosnia And Herzegovina Convertible Mark" value="BAM">BAM | Bosnia And Herzegovina Convertible Mark</option>
<option label="BBD | Barbados Dollar" value="BBD">BBD | Barbados Dollar</option>
<option label="BDT | Bangladeshi Taka" value="BDT">BDT | Bangladeshi Taka</option>
<option label="BGN | Bulgarian Lev" value="BGN">BGN | Bulgarian Lev</option>
<option label="BHD | Bahraini Dinar" value="BHD">BHD | Bahraini Dinar</option>
<option label="BIF | Burundian Franc" value="BIF">BIF | Burundian Franc</option>
<option label="BMD | Bermudian Dollar (customarily Known As Bermuda Dollar)" value="BMD">BMD | Bermudian Dollar (customarily Known As Bermuda Dollar)</option>
<option label="BND | Brunei Dollar" value="BND">BND | Brunei Dollar</option>
<option label="BOB | Boliviano" value="BOB">BOB | Boliviano</option>
<option label="BRL | Brazilian Real" value="BRL">BRL | Brazilian Real</option>
<option label="BSD | Bahamian Dollar" value="BSD">BSD | Bahamian Dollar</option>
<option label="BTN | Bhutanese Ngultrum" value="BTN">BTN | Bhutanese Ngultrum</option>
<option label="BWP | Botswana Pula" value="BWP">BWP | Botswana Pula</option>
<option label="BZD | Belize Dollar" value="BZD">BZD | Belize Dollar</option>
<option label="CAD | Canadian Dollar" value="CAD">CAD | Canadian Dollar</option>
<option label="CDF | Congolese Franc" value="CDF">CDF | Congolese Franc</option>
<option label="CHF | Swiss Franc" value="CHF">CHF | Swiss Franc</option>
<option label="CLF | Unidad De Fomento (funds Code)" value="CLF">CLF | Unidad De Fomento (funds Code)</option>
<option label="CLP | Chilean Peso" value="CLP">CLP | Chilean Peso</option>
<option label="CNY | Chinese Yuan" value="CNY">CNY | Chinese Yuan</option>
<option label="COP | Colombian Peso" value="COP">COP | Colombian Peso</option>
<option label="CRC | Costa Rican Colon" value="CRC">CRC | Costa Rican Colon</option>
<option label="CUC | Cuban Convertible Peso" value="CUC">CUC | Cuban Convertible Peso</option>
<option label="CUP | Cuban Peso" value="CUP">CUP | Cuban Peso</option>
<option label="CVE | Cape Verde Escudo" value="CVE">CVE | Cape Verde Escudo</option>
<option label="CZK | Czech Koruna" value="CZK">CZK | Czech Koruna</option>
<option label="DJF | Djiboutian Franc" value="DJF">DJF | Djiboutian Franc</option>
<option label="DKK | Danish Krone" value="DKK">DKK | Danish Krone</option>
<option label="DOP | Dominican Peso" value="DOP">DOP | Dominican Peso</option>
<option label="DZD | Algerian Dinar" value="DZD">DZD | Algerian Dinar</option>
<option label="EGP | Egyptian Pound" value="EGP">EGP | Egyptian Pound</option>
<option label="ERN | Eritrean Nakfa" value="ERN">ERN | Eritrean Nakfa</option>
<option label="ETB | Ethiopian Birr" value="ETB">ETB | Ethiopian Birr</option>
<option label="EUR | Euro" value="EUR">EUR | Euro</option>
<option label="FJD | Fiji Dollar" value="FJD">FJD | Fiji Dollar</option>
<option label="FKP | Falkland Islands Pound" value="FKP">FKP | Falkland Islands Pound</option>
<option label="GBP | Pound Sterling" value="GBP">GBP | Pound Sterling</option>
<option label="GEL | Georgian Lari" value="GEL">GEL | Georgian Lari</option>
<option label="GHS | Ghanaian Cedi" value="GHS">GHS | Ghanaian Cedi</option>
<option label="GIP | Gibraltar Pound" value="GIP">GIP | Gibraltar Pound</option>
<option label="GMD | Gambian Dalasi" value="GMD">GMD | Gambian Dalasi</option>
<option label="GNF | Guinean Franc" value="GNF">GNF | Guinean Franc</option>
<option label="GTQ | Guatemalan Quetzal" value="GTQ">GTQ | Guatemalan Quetzal</option>
<option label="GYD | Guyanese Dollar" value="GYD">GYD | Guyanese Dollar</option>
<option label="HKD | Hong Kong Dollar" value="HKD">HKD | Hong Kong Dollar</option>
<option label="HNL | Honduran Lempira" value="HNL">HNL | Honduran Lempira</option>
<option label="HRK | Croatian Kuna" value="HRK">HRK | Croatian Kuna</option>
<option label="HTG | Haitian Gourde" value="HTG">HTG | Haitian Gourde</option>
<option label="HUF | Hungarian Forint" value="HUF">HUF | Hungarian Forint</option>
<option label="IDR | Indonesian Rupiah" value="IDR">IDR | Indonesian Rupiah</option>
<option label="ILS | Israeli New Shekel" value="ILS">ILS | Israeli New Shekel</option>
<option label="INR | Indian Rupee" value="INR">INR | Indian Rupee</option>
<option label="IQD | Iraqi Dinar" value="IQD">IQD | Iraqi Dinar</option>
<option label="IRR | Iranian Rial" value="IRR">IRR | Iranian Rial</option>
<option label="ISK | Icelandic Króna" value="ISK">ISK | Icelandic Króna</option>
<option label="JMD | Jamaican Dollar" value="JMD">JMD | Jamaican Dollar</option>
<option label="JOD | Jordanian Dinar" value="JOD">JOD | Jordanian Dinar</option>
<option label="JPY | Japanese Yen" value="JPY">JPY | Japanese Yen</option>
<option label="KES | Kenyan Shilling" value="KES">KES | Kenyan Shilling</option>
<option label="KGS | Kyrgyzstani Som" value="KGS">KGS | Kyrgyzstani Som</option>
<option label="KHR | Cambodian Riel" value="KHR">KHR | Cambodian Riel</option>
<option label="KMF | Comoro Franc" value="KMF">KMF | Comoro Franc</option>
<option label="KPW | North Korean Won" value="KPW">KPW | North Korean Won</option>
<option label="KRW | South Korean Won" value="KRW">KRW | South Korean Won</option>
<option label="KWD | Kuwaiti Dinar" value="KWD">KWD | Kuwaiti Dinar</option>
<option label="KYD | Cayman Islands Dollar" value="KYD">KYD | Cayman Islands Dollar</option>
<option label="KZT | Kazakhstani Tenge" value="KZT">KZT | Kazakhstani Tenge</option>
<option label="LAK | Lao Kip" value="LAK">LAK | Lao Kip</option>
<option label="LBP | Lebanese Pound" value="LBP">LBP | Lebanese Pound</option>
<option label="LKR | Sri Lankan Rupee" value="LKR">LKR | Sri Lankan Rupee</option>
<option label="LRD | Liberian Dollar" value="LRD">LRD | Liberian Dollar</option>
<option label="LSL | Lesotho Loti" value="LSL">LSL | Lesotho Loti</option>
<option label="LYD | Libyan Dinar" value="LYD">LYD | Libyan Dinar</option>
<option label="MAD | Moroccan Dirham" value="MAD">MAD | Moroccan Dirham</option>
<option label="MDL | Moldovan Leu" value="MDL">MDL | Moldovan Leu</option>
<option label="MGA | Malagasy Ariary" value="MGA">MGA | Malagasy Ariary</option>
<option label="MKD | Macedonian Denar" value="MKD">MKD | Macedonian Denar</option>
<option label="MMK | Myanma Kyat" value="MMK">MMK | Myanma Kyat</option>
<option label="MNT | Mongolian Tugrik" value="MNT">MNT | Mongolian Tugrik</option>
<option label="MOP | Macanese Pataca" value="MOP">MOP | Macanese Pataca</option>
<option label="MUR | Mauritian Rupee" value="MUR">MUR | Mauritian Rupee</option>
<option label="MVR | Maldivian Rufiyaa" value="MVR">MVR | Maldivian Rufiyaa</option>
<option label="MWK | Malawian Kwacha" value="MWK">MWK | Malawian Kwacha</option>
<option label="MXN | Mexican Peso" value="MXN">MXN | Mexican Peso</option>
<option label="MYR | Malaysian Ringgit" value="MYR">MYR | Malaysian Ringgit</option>
<option label="MZN | Mozambican Metical" value="MZN">MZN | Mozambican Metical</option>
<option label="NAD | Namibian Dollar" value="NAD">NAD | Namibian Dollar</option>
<option label="NGN | Nigerian Naira" value="NGN">NGN | Nigerian Naira</option>
<option label="NIO | Nicaraguan Córdoba" value="NIO">NIO | Nicaraguan Córdoba</option>
<option label="NOK | Norwegian Krone" value="NOK">NOK | Norwegian Krone</option>
<option label="NPR | Nepalese Rupee" value="NPR">NPR | Nepalese Rupee</option>
<option label="NZD | New Zealand Dollar" value="NZD">NZD | New Zealand Dollar</option>
<option label="OMR | Omani Rial" value="OMR">OMR | Omani Rial</option>
<option label="PAB | Panamanian Balboa" value="PAB">PAB | Panamanian Balboa</option>
<option label="PEN | Peruvian Nuevo Sol" value="PEN">PEN | Peruvian Nuevo Sol</option>
<option label="PGK | Papua New Guinean Kina" value="PGK">PGK | Papua New Guinean Kina</option>
<option label="PHP | Philippine Peso" value="PHP">PHP | Philippine Peso</option>
<option label="PKR | Pakistani Rupee" value="PKR">PKR | Pakistani Rupee</option>
<option label="PLN | Polish Złoty" value="PLN">PLN | Polish Złoty</option>
<option label="PYG | Paraguayan Guaraní" value="PYG">PYG | Paraguayan Guaraní</option>
<option label="QAR | Qatari Riyal" value="QAR">QAR | Qatari Riyal</option>
<option label="RON | Romanian New Leu" value="RON">RON | Romanian New Leu</option>
<option label="RSD | Serbian Dinar" value="RSD">RSD | Serbian Dinar</option>
<option label="RWF | Rwandan Franc" value="RWF">RWF | Rwandan Franc</option>
<option label="SAR | Saudi Riyal" value="SAR">SAR | Saudi Riyal</option>
<option label="SBD | Solomon Islands Dollar" value="SBD">SBD | Solomon Islands Dollar</option>
<option label="SCR | Seychelles Rupee" value="SCR">SCR | Seychelles Rupee</option>
<option label="SDG | Sudanese Pound" value="SDG">SDG | Sudanese Pound</option>
<option label="SEK | Swedish Krona/kronor" value="SEK">SEK | Swedish Krona/kronor</option>
<option label="SGD | Singapore Dollar" value="SGD">SGD | Singapore Dollar</option>
<option label="SHP | Saint Helena Pound" value="SHP">SHP | Saint Helena Pound</option>
<option label="SLL | Sierra Leonean Leone" value="SLL">SLL | Sierra Leonean Leone</option>
<option label="SOS | Somali Shilling" value="SOS">SOS | Somali Shilling</option>
<option label="SRD | Surinamese Dollar" value="SRD">SRD | Surinamese Dollar</option>
<option label="SSP | South Sudanese Pound" value="SSP">SSP | South Sudanese Pound</option>
<option label="STD | São Tomé And Príncipe Dobra" value="STD">STD | São Tomé And Príncipe Dobra</option>
<option label="SYP | Syrian Pound" value="SYP">SYP | Syrian Pound</option>
<option label="SZL | Swazi Lilangeni" value="SZL">SZL | Swazi Lilangeni</option>
<option label="THB | Thai Baht" value="THB">THB | Thai Baht</option>
<option label="TJS | Tajikistani Somoni" value="TJS">TJS | Tajikistani Somoni</option>
<option label="TMT | Turkmenistani Manat" value="TMT">TMT | Turkmenistani Manat</option>
<option label="TND | Tunisian Dinar" value="TND">TND | Tunisian Dinar</option>
<option label="TOP | Tongan Paʻanga" value="TOP">TOP | Tongan Paʻanga</option>
<option label="TRY | Turkish Lira" value="TRY">TRY | Turkish Lira</option>
<option label="TTD | Trinidad And Tobago Dollar" value="TTD">TTD | Trinidad And Tobago Dollar</option>
<option label="TWD | New Taiwan Dollar" value="TWD">TWD | New Taiwan Dollar</option>
<option label="TZS | Tanzanian Shilling" value="TZS">TZS | Tanzanian Shilling</option>
<option label="UAH | Ukrainian Hryvnia" value="UAH">UAH | Ukrainian Hryvnia</option>
<option label="UGX | Ugandan Shilling" value="UGX">UGX | Ugandan Shilling</option>
<option label="USD | United States Dollar" value="USD" selected="selected">USD | United States Dollar</option>
<option label="UYU | Uruguayan Peso" value="UYU">UYU | Uruguayan Peso</option>
<option label="UZS | Uzbekistan Som" value="UZS">UZS | Uzbekistan Som</option>
<option label="VND | Vietnamese Dong" value="VND">VND | Vietnamese Dong</option>
<option label="VUV | Vanuatu Vatu" value="VUV">VUV | Vanuatu Vatu</option>
<option label="WST | Samoan Tala" value="WST">WST | Samoan Tala</option>
<option label="XAF | CFA Franc BEAC" value="XAF">XAF | CFA Franc BEAC</option>
<option label="XCD | East Caribbean Dollar" value="XCD">XCD | East Caribbean Dollar</option>
<option label="XDR | Special Drawing Rights" value="XDR">XDR | Special Drawing Rights</option>
<option label="XOF | CFA Franc BCEAO" value="XOF">XOF | CFA Franc BCEAO</option>
<option label="XPF | CFP Franc" value="XPF">XPF | CFP Franc</option>
<option label="YER | Yemeni Rial" value="YER">YER | Yemeni Rial</option>
<option label="ZAR | South African Rand" value="ZAR">ZAR | South African Rand</option>
</select>
<span class="currency-picker__short ng-binding" ng-style="selected ? changeSpanStyle() : defaultStyle(true)">USD</span>
</div>
<!-- ngIf: currency.currency !== currency.fullSymbol --><span class="currency-picker__full-symbol ng-binding ng-scope" ng-if="currency.currency !== currency.fullSymbol"
aria-hidden="true">$</span><!-- end ngIf: currency.currency !== currency.fullSymbol -->
</div>
</div>
<currency-field-rf model="$ctrl.otherAmount" modal-bind-value="$ctrl.amount" selected="$ctrl.showCustomAmtSelected" class="currency-field rf ng-isolate-scope" data-ng-class="{'bb': $ctrl.hasBigButtons}" label="''"
round-currency="false" name="'amount'" placeholder="!$ctrl.preventOldrfForDeque ? 'Other': 'Custom amount'" currency-aria-label="Enter an other amount to donate">
<!-- ngIf: $ctrl.label -->
<input class="form__text-input--dark ng-pristine ng-untouched ng-isolate-scope ng-empty sc-valid ng-valid-required ng-not-modified ng-valid-min ng-valid ng-valid-max" ng-model="$ctrl.model"
ng-model-options="{ getterSetter: $ctrl.getterSetter }" ng-required="$ctrl.required" sc-currency="" sc-validity-reporter="" sc-validity-classes="" data-sc-focus="$ctrl.focusWhen" symbol="" round-currency="$ctrl.roundCurrency"
ng-disabled="$ctrl.disableFlag" max="$ctrl.max" min="$ctrl.min" type="text" autocomplete="off" name="amount" placeholder="Other" ng-focus="$ctrl.onFocus = true" ng-change="$ctrl.onChange()" ng-blur="$ctrl.onFocus = false"
ng-style="$ctrl.selected ? $ctrl.changeInputStyle() : $ctrl.defaultStyle()" qa-id="text-input" aria-label="Enter an other amount to donate" _spec="input">
<div style="position: absolute;
width: 100%;
left: 0;
text-align: left;" aria-live="polite">
<form-error name="$ctrl.name" messages="$ctrl.errorMessages" _spec="errors" class="ng-isolate-scope">
<p class="form__error" aria-live="polite" role="alert" sc-validity-message="::$ctrl.name" messages="::$ctrl.messages" style="display: none;"></p>
</form-error>
</div>
</currency-field-rf>
</div>
</label>
</li>
<!-- end ngIf: !$ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} -->
</ul><!-- end ngIf: $ctrl.showRecurringDonationArray && ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) > 1 || $ctrl.showCustomAmtField($ctrl.recurringDonationLevels)) -->
<!-- ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: $ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: $ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: $ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: $ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} --><!-- ngIf: $ctrl.hasBigButtons && level.amount === 'Custom' && (($ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time') || ($ctrl.showCustomAmtField($ctrl.recurringDonationLevels) && $ctrl.frequency !== 'one-time')) --><!-- end ngRepeat: level in $ctrl.recurringDonationLevels | filter: { display_on_page: true} -->
<!-- IF ONLY SINGLE AMOUNT DISPLAYED-->
<!-- ngIf: !$ctrl.showRecurringDonationArray && ($ctrl.noOfDonationAmount($ctrl.levels) === 1 && !$ctrl.showCustomAmtField($ctrl.levels)) -->
<!-- IF ONLY SINGLE RECURRING AMOUNT DISPLAYED-->
<!-- ngIf: $ctrl.showRecurringDonationArray && ($ctrl.noOfDonationAmount($ctrl.recurringDonationLevels) === 1 && !$ctrl.showCustomAmtField($ctrl.recurringDonationLevels)) -->
</div>
</donation-amount-recurring-rf><!-- end ngIf: !preventRecurringFrequency -->
<div class="fot_proxy"><label for="fot_proxy"><input id="fot_proxy" type="checkbox" value="on" checked=""> <span>Yes, I’ll add $0.53 monthly to cover the cost of processing my donation.</span></label></div>
</section>
</div>
</section><!-- end ngRepeat: component in list.components | filter:{section:'main'} | orderBy:'order' -->
<section class="block-component ng-scope" data-ng-repeat="component in list.components | filter:{section:'main'} | orderBy:'order'">
<!-- ngInclude: component.templateUrl -->
<div data-ng-include="component.templateUrl" class="ng-scope">
<section class="donation-credit ng-scope no-fundraising" ng-class="{'no-fundraising': !campaign.HAS_FUNDRAISING}" data-ng-controller="frsDonationCreditCtrl">
<!-- ngIf: !campaign.current.disable_donation_attribution && campaign.HAS_FUNDRAISING -->
<!-- ngIf: show.designation() -->
</section>
</div>
</section><!-- end ngRepeat: component in list.components | filter:{section:'main'} | orderBy:'order' -->
<section class="block-component ng-scope" data-ng-repeat="component in list.components | filter:{section:'main'} | orderBy:'order'">
<!-- ngInclude: component.templateUrl -->
<div data-ng-include="component.templateUrl" class="ng-scope">
<div class="donation-donor ng-scope hide" data-ng-controller="frsDonationDonorCtrl" aria-labelledby="donationPage_your-information-heading">
<h2 class="donation-subtitle" id="donationPage_your-information-heading">Your Information</h2>
<!-- ngIf: show.prefix() -->
<!-- ngInclude: ::template('name') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('email')">
<div class="donation-table ng-scope field_member_email_address">
<div class="donation-table_label">
<label class="donation-label required" data-sc-form-error="highlight if member_email_address fails">Email</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns">
<div class="donation-table_column">
<input class="donation-text_input ng-pristine ng-untouched ng-empty ng-valid-email-address ng-invalid ng-invalid-required ng-not-modified" data-ng-model="MODEL.member_email_address"
data-sc-form-error="highlight if member_email_address fails" data-sc-validate-email-address="" data-sc-retain-focus-validity="" type="text" name="member_email_address" aria-label="Email address. Your receipt will be emailed here."
required="" aria-invalid="false">
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if member_email_address fails required" style="display: none;"> Don't forget your email address. </span>
<span class="donation-error ng-binding" data-sc-form-error="show if member_email_address fails emailAddress" style="display: none;"> Please enter in the format: name@domain.com. </span>
</div>
<small class="donation-table_row-helper"> Your receipt will be emailed here. </small>
<sc-consent data-show="!campaign.current.hide_contact_opt_in" data-opt-in="MODEL.opt_in" data-language="MODEL.opt_in_wording" name="opt_in" class="ng-isolate-scope">
<!-- ngIf: $ctrl.show -->
<div data-ng-if="$ctrl.show" data-ng-hide="$ctrl.hide" class="sc-consent ng-scope">
<button type="button" class="sc-checkbox_top sc-checkbox checked" data-ng-click="toggle()" role="checkbox" aria-checked="true" data-sc-checkbox="" data-ng-model="$ctrl.optIn"
aria-label="Email me urgent alerts and updates on how my gift is making a difference." name="opt_in"><span class="sc-checkbox_input"></span><span class="sc-checkbox_label" data-ng-transclude="" aria-hidden="true"> Email me urgent
alerts and updates on how my gift is making a difference. </span></button>
</div><!-- end ngIf: $ctrl.show -->
</sc-consent>
</div>
</div>
</div>
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('name')">
<div class="donation-table ng-scope field_member_first_name field_member_last_name">
<div class="donation-table_row">
<div class="donation-table_columns donation-table_columns_without_margin">
<div class="donation-table_column third with-suffix" data-ng-class="show.middleName() ? 'third' : 'half'">
<span class="donation-label required" data-sc-form-error="highlight if member_first_name fails">First Name</span>
<input class="donation-text_input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-not-modified" data-ng-model="META.member_first_name" data-sc-form-error="highlight if member_first_name fails"
data-sc-retain-focus-validity="" type="text" name="member_first_name" aria-label="Please enter your first name" required="" aria-invalid="false">
</div>
<!-- ngIf: show.middleName() -->
<div class="donation-table_column third with-suffix" data-ng-class="show.middleName() ? 'third' : 'half'">
<span class="donation-label required" data-sc-form-error="highlight if member_last_name fails">Last Name</span>
<input class="donation-text_input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-not-modified" data-ng-model="META.member_last_name" data-sc-form-error="highlight if member_last_name fails"
data-sc-retain-focus-validity="" type="text" name="member_last_name" aria-label="Please enter your last name" required="" aria-invalid="false">
</div>
<div class="donation-table_column third suffix">
<div class="donation-table_label">
<label class="donation-label">Suffix</label>
</div>
<select class="donation-select" id="optional_suffix" aria-label="suffix" aria-invalid="false">
<option value="" selected="selected"></option>
<option value="Sr.">Sr.</option>
<option value="Jr.">Jr.</option>
<option value="II">II</option>
<option value="III">III</option>
<option value="IV">IV</option>
<option value="V">V</option>
</select>
</div>
</div>
<div aria-live="assertive">
<span class="donation-error ng-binding" data-sc-form-error="show if [member_first_name,optional_middle_name,member_last_name] fails" ng-bind="build.nameError()" style="display: none;">Be sure to provide your name.</span>
</div>
<!-- ngIf: show.anonymous() || show.anonymousDonationAmounts() -->
</div>
</div>
</div>
<!-- ngIf: show.suffix() --><!-- ngInclude: ::template('suffix') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('suffix')" data-ng-if="show.suffix()">
<div class="donation-table ng-scope field_optional_suffix" style="display: none;">
<div class="donation-table_label">
<label class="donation-label" data-ng-class="{ required: list.optionalQuestions.suffix.is_required }" data-sc-form-error="highlight if optional_suffix fails">Suffix</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns">
<div class="donation-table_column third">
<!-- TODO: Does Angular let you do this? -->
<select class="donation-select ng-pristine ng-untouched ng-valid ng-empty ng-valid-required ng-not-modified" data-ng-model="META.answers.suffix" data-ng-model-options="{ getterSetter: true }"
data-sc-form-error="highlight if optional_suffix fails" data-ng-required="list.optionalQuestions.suffix.is_required" name="optional_suffix" aria-label="suffix" aria-invalid="false">
<option value="" selected="selected">Please Select</option>
<option value="Sr.">Sr.</option>
<option value="Jr.">Jr.</option>
<option value="II">II</option>
<option value="III">III</option>
<option value="IV">IV</option>
<option value="V">V</option>
</select>
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if optional_suffix fails required" style="display: none;"> Please select a suffix. </span>
</div>
</div>
</div>
</div><!-- end ngIf: show.suffix() -->
<!-- ngInclude: ::template('email') -->
<!-- ngInclude: ::template('phone') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('phone')">
<div class="donation-table ng-scope field_member_phone" style="display: none;">
<div class="donation-table_label">
<label class="donation-label" data-ng-class="{ required: get.homephone('is_required') }" data-sc-form-error="highlight if member_phone fails">Phone Number</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns">
<div class="donation-table_column half">
<input class="donation-text_input ng-pristine ng-untouched ng-valid ng-empty ng-valid-phone-number ng-valid-required ng-not-modified" data-ng-model="MODEL.member_phone" data-sc-form-error="highlight if member_phone fails"
data-sc-validate-phone="" data-sc-retain-focus-validity="" data-ng-required="get.homephone('is_required')" inputmode="numeric" type="tel" aria-label="phone number, numbers only" name="member_phone" aria-invalid="false">
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if member_phone fails phoneNumber" style="display: none;"> Please enter a valid phone number. </span>
<span class="donation-error ng-binding" data-sc-form-error="show if member_phone fails required" style="display: none;"> Don't forget your phone number. </span>
</div>
</div>
</div>
</div>
<!-- ngIf: show.cellPhone() -->
<!-- ngIf: show.comment() --><!-- ngInclude: ::template('comment') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('comment')" data-ng-if="show.comment()">
<div class="donation-table ng-scope" style="display: none;">
<div class="donation-table_label">
<label for="text-area-comment" class="donation-label" data-sc-form-error="highlight if comment fails">Leave a comment</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns">
<div class="donation-table_column">
<froala-field id="text-area-comment" model="MODEL.comment" name="comment" froala-options="froalaCommentOptions" wrapper-class="'form__froala-wrapper--dark create-flow_textarea-wrap'" aria-label="Leave a comment"
aria-roledescription="textbox" class="ng-isolate-scope">
<div class="froala-field form_field full">
<form-label required="$ctrl.required" _spec="label" class="ng-isolate-scope">
<div class="form__label" ng-class="{ required: $ctrl.required }" ng-transclude="">
</div>
</form-label>
<!-- ngIf: $ctrl.sublabel -->
<div class="form__froala-wrapper--dark create-flow_textarea-wrap" sc-error-class="$ctrl.name" _spec="wrapper" data-ng-class="{ 'admin-body__lock-field form__text-input__outer': $ctrl.lockField }">
<!-- ngIf: $ctrl.lockField -->
<div class="fr-box textarea-theme fr-basic fr-bottom">
<div class="fr-wrapper show-placeholder" dir="auto">
<div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" aria-label="Leave a comment" spellcheck="true">
<p><br></p>
</div><span class="fr-placeholder" style="font-size: 16px; line-height: 24px; margin-top: 0px; padding-top: 10px; padding-left: 10px; margin-left: 0px; padding-right: 10px; margin-right: 0px; text-align: start;">Type
something</span>
</div>
<div class="fr-toolbar textarea-theme fr-desktop fr-bottom fr-basic" style="" aria-disabled="false"></div><span class="fr-counter" style="bottom: 0px; margin-bottom: 0px; margin-right: 0px;">0/1000</span>
</div><textarea data-ng-model="$ctrl.modelGetterSetter" ng-model-options="{ getterSetter: true }" data-parse-merge-tags="$ctrl.parseMergeTags" data-alt-ng-model="$ctrl.altModel" ng-required="$ctrl.required"
sc-validity-reporter="" sc-validity-classes="" data-froala="$ctrl.froalaOptions" name="" ng-change="$ctrl.onChange()" qa-id="text-area-field" _spec="input"
class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty sc-valid ng-valid-required ng-not-modified ng-valid-parse" id="froala-0" style="display: none;"></textarea>
<!-- Merge Tag Tooltip Template -->
<!-- ngIf: $ctrl.parseMergeTags -->
</div>
<div data-ng-class="{ 'admin-body__lock-field form__text-input__outer': $ctrl.lockCheckboxField }">
<!-- ngIf: $ctrl.lockCheckboxField -->
<!-- ngIf: $ctrl.checkboxModel !== undefined -->
</div>
<form-error name="$ctrl.name" messages="$ctrl.errorMessages" _spec="errors" class="ng-isolate-scope">
<p class="form__error" aria-live="polite" role="alert" sc-validity-message="::$ctrl.name" messages="::$ctrl.messages"></p>
</form-error>
</div>
</froala-field>
</div>
</div>
</div>
</div>
</div><!-- end ngIf: show.comment() -->
<!-- ngIf: show.company() -->
<!-- ngIf: show.blog() -->
<!-- ngIf: show.website() -->
<!-- ngIf: show.gender() -->
<!-- ngIf: show.pronoun() -->
<!-- ngIf: show.birthdate() -->
<!-- ngIf: show.customQuestions() --><!-- ngInclude: ::template('custom-questions') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('custom-questions')" data-ng-if="show.customQuestions()"><!-- ngRepeat: question in list.customQuestions -->
<div class="donation-table ng-scope field_cq_681624 hidden-input" data-ng-repeat="question in list.customQuestions">
<!-- ngInclude: ::template('questions/' + question.type) -->
<div data-ng-include="::template('questions/' + question.type)" class="ng-scope">
<div class="donation-table_label ng-scope">
<label class="donation-label ng-binding" data-sc-form-error="highlight if cq_681624 fails" data-ng-class="{ required: question.is_required }">Hidden: Data Packer 1</label>
</div>
<div class="donation-table_row ng-scope">
<div class="donation-table_columns">
<div class="donation-table_column froala-textarea">
<div class="fr-box textarea-theme fr-basic fr-bottom">
<div class="fr-wrapper" dir="auto">
<div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" spellcheck="true">
<p>{"pid":"05ac4e11-94e3-4f52-916f-308c4e42451d","utm_id":"1682351182","cid":"53745795.1682396652.","ws":"direct (donate.edaf.org)","wss":"(blank)","lp":"donate.edaf.org/give/334271/","email_traffic":"true"}</p>
</div><span class="fr-placeholder" style="font-size: 16px; line-height: 22.4px; margin-top: 0px; padding-top: 10px; padding-left: 10px; margin-left: 0px; padding-right: 10px; margin-right: 0px; text-align: start;">Type
something</span>
</div>
<div class="fr-toolbar textarea-theme fr-desktop fr-bottom fr-basic" style="" aria-disabled="false"></div><span class="fr-counter" style="bottom: 0px; margin-bottom: 0px; margin-right: 0px;">204/255</span>
</div><textarea froala="froalaCustomQuestionsOptions" class="donation-textarea ng-valid ng-isolate-scope ng-valid-required ng-not-modified ng-dirty ng-not-empty ng-touched ng-valid-parse" data-ng-model="META.answers[question.id]"
data-ng-model-options="{ getterSetter: true }" data-sc-retain-focus-validity="" data-sc-form-error="highlight if cq_681624 fails" data-ng-required="question.is_required" name="cq_681624" type="text" aria-invalid="false"
id="froala-1" style="display: none;"> </textarea>
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if cq_681624 fails required" style="display: none;"> This field is required. </span>
</div>
</div>
</div>
</div><!-- end ngRepeat: question in list.customQuestions -->
<div class="donation-table ng-scope field_cq_681627 hidden-input" data-ng-repeat="question in list.customQuestions">
<!-- ngInclude: ::template('questions/' + question.type) -->
<div data-ng-include="::template('questions/' + question.type)" class="ng-scope">
<div class="donation-table_label ng-scope">
<label class="donation-label ng-binding" data-sc-form-error="highlight if cq_681627 fails" data-ng-class="{ required: question.is_required }">Hidden: Data Packer 2</label>
</div>
<div class="donation-table_row ng-scope">
<div class="donation-table_columns">
<div class="donation-table_column froala-textarea">
<div class="fr-box textarea-theme fr-basic fr-bottom">
<div class="fr-wrapper" dir="auto">
<div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" spellcheck="true">
<p>{"utm_source":"EDF+action+network","utm_medium":"email-81969","utm_campaign":"edaf_none_upd_mem","is_web":"false","webteam_traffic":"0","mtf":"0","launch_id":"81969","adestra_launch_id":"81969"}</p>
</div><span class="fr-placeholder" style="font-size: 16px; line-height: 22.4px; margin-top: 0px; padding-top: 10px; padding-left: 10px; margin-left: 0px; padding-right: 10px; margin-right: 0px; text-align: start;">Type
something</span>
</div>
<div class="fr-toolbar textarea-theme fr-desktop fr-bottom fr-basic" style="" aria-disabled="false"></div><span class="fr-counter" style="bottom: 0px; margin-bottom: 0px; margin-right: 0px;">194/255</span>
</div><textarea froala="froalaCustomQuestionsOptions" class="donation-textarea ng-valid ng-isolate-scope ng-valid-required ng-not-modified ng-dirty ng-not-empty ng-touched ng-valid-parse" data-ng-model="META.answers[question.id]"
data-ng-model-options="{ getterSetter: true }" data-sc-retain-focus-validity="" data-sc-form-error="highlight if cq_681627 fails" data-ng-required="question.is_required" name="cq_681627" type="text" aria-invalid="false"
id="froala-2" style="display: none;"> </textarea>
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if cq_681627 fails required" style="display: none;"> This field is required. </span>
</div>
</div>
</div>
</div><!-- end ngRepeat: question in list.customQuestions -->
<div class="donation-table ng-scope field_cq_681626 hidden-input" data-ng-repeat="question in list.customQuestions">
<!-- ngInclude: ::template('questions/' + question.type) -->
<div data-ng-include="::template('questions/' + question.type)" class="ng-scope">
<div class="donation-table_label ng-scope">
<label class="donation-label ng-binding" data-sc-form-error="highlight if cq_681626 fails" data-ng-class="{ required: question.is_required }">Hidden: Data Packer 3</label>
</div>
<div class="donation-table_row ng-scope">
<div class="donation-table_columns">
<div class="donation-table_column froala-textarea">
<div class="fr-box textarea-theme fr-basic fr-bottom">
<div class="fr-wrapper" dir="auto">
<div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" spellcheck="true">
<p>{"adestra_campaign_id":"3050","_fbp":"fb.1.1682396653151.1967699560"}</p>
</div><span class="fr-placeholder" style="font-size: 16px; line-height: 22.4px; margin-top: 0px; padding-top: 10px; padding-left: 10px; margin-left: 0px; padding-right: 10px; margin-right: 0px; text-align: start;">Type
something</span>
</div>
<div class="fr-toolbar textarea-theme fr-desktop fr-bottom fr-basic" style="" aria-disabled="false"></div><span class="fr-counter" style="bottom: 0px; margin-bottom: 0px; margin-right: 0px;">69/255</span>
</div><textarea froala="froalaCustomQuestionsOptions" class="donation-textarea ng-valid ng-isolate-scope ng-valid-required ng-not-modified ng-dirty ng-not-empty ng-touched ng-valid-parse" data-ng-model="META.answers[question.id]"
data-ng-model-options="{ getterSetter: true }" data-sc-retain-focus-validity="" data-sc-form-error="highlight if cq_681626 fails" data-ng-required="question.is_required" name="cq_681626" type="text" aria-invalid="false"
id="froala-3" style="display: none;"> </textarea>
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if cq_681626 fails required" style="display: none;"> This field is required. </span>
</div>
</div>
</div>
</div><!-- end ngRepeat: question in list.customQuestions -->
<div class="donation-table ng-scope field_cq_681623 hidden-input" data-ng-repeat="question in list.customQuestions">
<!-- ngInclude: ::template('questions/' + question.type) -->
<div data-ng-include="::template('questions/' + question.type)" class="ng-scope">
<div class="donation-table_label ng-scope">
<label class="donation-label ng-binding" data-sc-form-error="highlight if cq_681623 fails" data-ng-class="{ required: question.is_required }">Hidden: Internal Data Packer</label>
</div>
<div class="donation-table_row ng-scope">
<div class="donation-table_columns">
<div class="donation-table_column froala-textarea">
<div class="fr-box textarea-theme fr-basic fr-bottom">
<div class="fr-wrapper" dir="auto">
<div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" spellcheck="true">
<p>{"to":0,"tz":"GMT","ccv":1,"opt":1,"wv":"41","ch":"email","isc":"M4XXA02"}</p>
</div><span class="fr-placeholder" style="font-size: 16px; line-height: 22.4px; margin-top: 0px; padding-top: 10px; padding-left: 10px; margin-left: 0px; padding-right: 10px; margin-right: 0px; text-align: start;">Type
something</span>
</div>
<div class="fr-toolbar textarea-theme fr-desktop fr-bottom fr-basic" style="" aria-disabled="false"></div><span class="fr-counter" style="bottom: 0px; margin-bottom: 0px; margin-right: 0px;">74/255</span>
</div><textarea froala="froalaCustomQuestionsOptions" class="donation-textarea ng-valid ng-isolate-scope ng-valid-required ng-not-modified ng-dirty ng-not-empty ng-touched ng-valid-parse" data-ng-model="META.answers[question.id]"
data-ng-model-options="{ getterSetter: true }" data-sc-retain-focus-validity="" data-sc-form-error="highlight if cq_681623 fails" data-ng-required="question.is_required" name="cq_681623" type="text" aria-invalid="false"
id="froala-4" style="display: none;"> </textarea>
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if cq_681623 fails required" style="display: none;"> This field is required. </span>
</div>
</div>
</div>
</div><!-- end ngRepeat: question in list.customQuestions -->
<div class="donation-table ng-scope field_cq_681625 hidden-input" data-ng-repeat="question in list.customQuestions">
<!-- ngInclude: ::template('questions/' + question.type) -->
<div data-ng-include="::template('questions/' + question.type)" class="ng-scope">
<div class="donation-table_label ng-scope">
<label class="donation-label ng-binding" data-sc-form-error="highlight if cq_681625 fails" data-ng-class="{ required: question.is_required }">Hidden: Logs</label>
</div>
<div class="donation-table_row ng-scope">
<div class="donation-table_columns">
<div class="donation-table_column froala-textarea">
<div class="fr-box textarea-theme fr-basic fr-bottom">
<div class="fr-wrapper show-placeholder" dir="auto">
<div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" spellcheck="true">
<p><br></p>
</div><span class="fr-placeholder" style="font-size: 16px; line-height: 22.4px; margin-top: 0px; padding-top: 10px; padding-left: 10px; margin-left: 0px; padding-right: 10px; margin-right: 0px; text-align: start;">Type
something</span>
</div>
<div class="fr-toolbar textarea-theme fr-desktop fr-bottom fr-basic" style="" aria-disabled="false"></div><span class="fr-counter" style="bottom: 0px; margin-bottom: 0px; margin-right: 0px;">0/255</span>
</div><textarea froala="froalaCustomQuestionsOptions" class="donation-textarea ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-required ng-not-modified ng-dirty ng-valid-parse" data-ng-model="META.answers[question.id]"
data-ng-model-options="{ getterSetter: true }" data-sc-retain-focus-validity="" data-sc-form-error="highlight if cq_681625 fails" data-ng-required="question.is_required" name="cq_681625" type="text" aria-invalid="false"
id="froala-5" style="display: none;"> </textarea>
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if cq_681625 fails required" style="display: none;"> This field is required. </span>
</div>
</div>
</div>
</div><!-- end ngRepeat: question in list.customQuestions -->
</div><!-- end ngIf: show.customQuestions() -->
</div>
</div>
</section><!-- end ngRepeat: component in list.components | filter:{section:'main'} | orderBy:'order' -->
<section class="block-component ng-scope" data-ng-repeat="component in list.components | filter:{section:'main'} | orderBy:'order'">
<!-- ngInclude: component.templateUrl -->
<div data-ng-include="component.templateUrl" class="ng-scope">
<div data-ng-controller="frsDonationPaymentCtrl" id="df_checkout_donation-payment" class="donation-payment ng-scope" aria-label="Payment Details">
<div>
<cp-payment-widget id="classy-payment-widget" api="API" payment="MODEL.payment" submit-digital-wallets="submitDigitalWallets" fee-processing="globalState.feeProcessing" meta="META" parent-model="MODEL" hide-postal="true"
currency="MODEL.payment.raw_currency_code" class="ng-isolate-scope">
<div class="donation-payment-method-select row donation-payment-method-select--paypal_and_mobilepay hide" ng-hide="$ctrl.hideButtons">
<div class="column-md-7">
<summary-amount amount="$ctrl.meta.summaryAmount" recur_until="$ctrl.parentModel.recur_until" feeprocessing="$ctrl.feeProcessing" frequency="$ctrl.parentModel.frequency" taxcompliance="$ctrl.meta.unsupportedTaxCompliance"
currency="$ctrl.parentModel.payment.raw_currency_code" estimatedcharge="$ctrl.meta.estimatedCharge" class="ng-isolate-scope">
<p class="donation-summary-amount">
<span class="sr-only">your currently selected donation amount is </span>
<!-- ngIf: !$ctrl.preventRecurringFrequency --><span class="donation-summary-amount-label ng-binding ng-scope" aria-hidden="true" ng-if="!$ctrl.preventRecurringFrequency">Monthly
donation</span><!-- end ngIf: !$ctrl.preventRecurringFrequency -->
<!-- ngIf: $ctrl.preventRecurringFrequency -->
<span class="donation-summary-amount-amount ng-binding" data-ng-class="{ processing: $ctrl.feeprocessing }"> $15.53<!-- ngIf: $ctrl.preventRecurringFrequency -->
<span class="donation-summary-amount-currency ng-binding">USD</span>
<span class="donation-summary-amount-processing">
<span class="donation-summary-amount-processing-spinner"></span>
</span>
</span>
<!-- ngIf: !$ctrl.preventRecurringFrequency && $ctrl.recurUntil -->
<!-- ngIf: !$ctrl.preventRecurringFrequency --><span class="donation-summary-amount-date ng-binding ng-scope" ng-if="!$ctrl.preventRecurringFrequency"></span><!-- end ngIf: !$ctrl.preventRecurringFrequency -->
<!-- ngIf: $ctrl.taxCompliance -->
</p>
</summary-amount>
<fee-on-top fot="$ctrl.parentModel.fee_on_top" class="ng-isolate-scope" style="display: none;"><!-- ngIf: $ctrl.showFOT() -->
<div class="donation-table ng-scope" ng-if="$ctrl.showFOT()" style="margin-top:0">
<div class="donation-table_row">
<div class="donation-table_columns donation-table_columns_without_margin">
<div class="donation-table_column">
<button type="button" class="fot-checkbox sc-checkbox checked" data-ng-click="toggle()" role="checkbox" aria-checked="true" data-sc-checkbox="" data-ng-model="$ctrl.fot" name="donation_fot"
aria-label="Yes, I’ll add $0.53 monthly to cover the cost of processing my donation."><span class="sc-checkbox_input"></span><span class="sc-checkbox_label" data-ng-transclude="" aria-hidden="true">
<span data-sc-ctx-bind-html="$ctrl.classyModeAppeal() | scTrustedHtml" class="ng-scope">
<p>Yes, I’ll add $0.53 monthly to cover the cost of processing my donation.</p>
</span>
</span></button>
</div>
</div>
</div>
</div><!-- end ngIf: $ctrl.showFOT() -->
</fee-on-top>
</div>
<div class="column-md-5">
<small ng-hide="$ctrl.showDW" class="donation-payment-method-select_description ng-hide"> Donate with your preferred payment method: </small>
<!-- ngIf: $ctrl.showDW --><small ng-if="$ctrl.showDW" class="donation-payment-method-select_dwterms ng-scope"> By clicking the donate button, I agree to the <a href="https://www.classy.org/terms/" target="_blank">Terms of Service</a>
and <a href="https://www.classy.org/terms/privacy/" target="_blank">Privacy Policy</a>
</small><!-- end ngIf: $ctrl.showDW -->
<!-- ngIf: !$ctrl.isTrial --><!-- end ngIf: !$ctrl.isTrial -->
<!-- ngIf: $ctrl.show.paypal() && !$ctrl.isTrial -->
<!-- ngIf: $ctrl.show.paypalCommerce() || $ctrl.show.venmo() --><cp-paypal-commerce-widget data-ng-if="$ctrl.show.paypalCommerce() || $ctrl.show.venmo()" has-paypal="$ctrl.show.paypalCommerce()" has-venmo="$ctrl.show.venmo()"
model-paypal="$ctrl.payment.paypal_commerce" model-venmo="$ctrl.payment.venmo" amount="$ctrl.parentModel.items[0].raw_final_price" fot="$ctrl.parentModel.fee_on_top" frequency="$ctrl.parentModel.frequency"
on-success="$ctrl.onPaypalCommerceSuccess(params)" on-open="$ctrl.onPaypalCommerceOpen(params)" on-cancel="$ctrl.onPaypalCommerceCancel()" class="ng-scope ng-isolate-scope">
<div class="payment-method-select-btn__paypal-commerce ng-hide" ng-show="$ctrl.frequency === 'one-time' && ($ctrl.hasPaypal || $ctrl.hasVenmo)" id="button-container-one-time">
<div id="zoid-paypal-buttons-uid_68020185b3_mdq6mjq6mty" class="paypal-buttons paypal-buttons-context-iframe paypal-buttons-label-unknown paypal-buttons-layout-horizontal" data-paypal-smart-button-version="5.0.366"
style="height: 0px; transition: all 0.2s ease-in-out 0s;">
<style nonce="">
#zoid-paypal-buttons-uid_68020185b3_mdq6mjq6mty {
position: relative;
display: inline-block;
width: 100%;
min-height: 25px;
min-width: 150px;
max-width: 750px;
font-size: 0;
}
#zoid-paypal-buttons-uid_68020185b3_mdq6mjq6mty>iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#zoid-paypal-buttons-uid_68020185b3_mdq6mjq6mty>iframe.component-frame {
z-index: 100;
}
#zoid-paypal-buttons-uid_68020185b3_mdq6mjq6mty>iframe.prerender-frame {
transition: opacity .2s linear;
z-index: 200;
}
#zoid-paypal-buttons-uid_68020185b3_mdq6mjq6mty>iframe.visible {
opacity: 1;
}
#zoid-paypal-buttons-uid_68020185b3_mdq6mjq6mty>iframe.invisible {
opacity: 0;
pointer-events: none;
}
#zoid-paypal-buttons-uid_68020185b3_mdq6mjq6mty>.smart-menu {
position: absolute;
z-index: 300;
top: 0;
left: 0;
width: 100%;
}
</style><iframe allowtransparency="true"
name="__zoid__paypal_buttons__eyJzZW5kZXIiOnsiZG9tYWluIjoiaHR0cHM6Ly9kb25hdGUuZWRmYWN0aW9uLm9yZyJ9LCJtZXRhRGF0YSI6eyJ3aW5kb3dSZWYiOnsidHlwZSI6InBhcmVudCIsImRpc3RhbmNlIjowfX0sInJlZmVyZW5jZSI6eyJ0eXBlIjoicmF3IiwidmFsIjoie1widWlkXCI6XCJ6b2lkLXBheXBhbC1idXR0b25zLXVpZF82ODAyMDE4NWIzX21kcTZtanE2bXR5XCIsXCJjb250ZXh0XCI6XCJpZnJhbWVcIixcInRhZ1wiOlwicGF5cGFsLWJ1dHRvbnNcIixcImNoaWxkRG9tYWluTWF0Y2hcIjp7XCJfX3R5cGVfX1wiOlwicmVnZXhcIixcIl9fdmFsX19cIjpcIlxcXFwucGF5cGFsXFxcXC4oY29tfGNuKSg6XFxcXGQrKT8kXCJ9LFwidmVyc2lvblwiOlwiMTBfMV8wXCIsXCJwcm9wc1wiOntcImZ1bmRpbmdTb3VyY2VcIjpcInBheXBhbFwiLFwic3R5bGVcIjp7XCJjdXN0b21cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwibGFiZWxcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwibGF5b3V0XCI6XCJob3Jpem9udGFsXCIsXCJjb2xvclwiOlwiZ29sZFwiLFwic2hhcGVcIjpcInJlY3RcIixcInRhZ2xpbmVcIjpmYWxzZSxcImhlaWdodFwiOjQwLFwicGVyaW9kXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcIm1lbnVQbGFjZW1lbnRcIjpcImJlbG93XCJ9LFwiY3JlYXRlT3JkZXJcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF85NDJiNDM3NjI3X21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJjXCJ9fSxcIm9uQXBwcm92ZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzUxYWVhMDk1NjBfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcIm9uQXBwcm92ZVwifX0sXCJvbkNsaWNrXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMjA5MTFjZTQ4ZF9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwib25DbGlja1wifX0sXCJvbkNhbmNlbFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzAxM2JhMjg4ZDdfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImRcIn19LFwiY3NwTm9uY2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwic3RvcmFnZVN0YXRlXCI6e1wiZ2V0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfYzJlZDI0ZmEwN19tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiZ2V0XCJ9fSxcInNldFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzEyMjg1ZDA3YmJfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcInNldFwifX19LFwic2Vzc2lvblN0YXRlXCI6e1wiZ2V0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfN2UyNDMyNGUxYV9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiZ2V0XCJ9fSxcInNldFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2JjY2Y3YjgyMmNfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcInNldFwifX19LFwiY29tcG9uZW50c1wiOltcImJ1dHRvbnNcIixcImZ1bmRpbmctZWxpZ2liaWxpdHlcIl0sXCJsb2NhbGVcIjp7XCJjb3VudHJ5XCI6XCJVU1wiLFwibGFuZ1wiOlwiZW5cIn0sXCJjcmVhdGVCaWxsaW5nQWdyZWVtZW50XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImNyZWF0ZVN1YnNjcmlwdGlvblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJvbkNvbXBsZXRlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcIm9uU2hpcHBpbmdDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwib25TaGlwcGluZ0FkZHJlc3NDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwib25TaGlwcGluZ09wdGlvbnNDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZ2V0UHJlcmVuZGVyRGV0YWlsc1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzExMjIwOGZmOTZfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImdldFByZXJlbmRlckRldGFpbHNcIn19LFwiZ2V0UG9wdXBCcmlkZ2VcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF82NTg3Yjg3NTVkX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJnZXRQb3B1cEJyaWRnZVwifX0sXCJvbkluaXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF80YmVlYmM5MTI5X21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJvbkluaXRcIn19LFwiZ2V0UXVlcmllZEVsaWdpYmxlRnVuZGluZ1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2VmNDFjM2U3ZWJfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImdldFF1ZXJpZWRFbGlnaWJsZUZ1bmRpbmdcIn19LFwiY2xpZW50SURcIjpcIkFmdW44d1lrazgwRlljeV9QWEpVVlVNS2pVc3ZpbWN4cGtKN3NCSkxsUGpfR3VudE5TdVZLLVd5Z3BuYVlUcmc4T3Y3S0drYzljYkZvWVB5XCIsXCJjbGllbnRBY2Nlc3NUb2tlblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXJ0bmVyQXR0cmlidXRpb25JRFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJtZXJjaGFudFJlcXVlc3RlZFBvcHVwc0Rpc2FibGVkXCI6ZmFsc2UsXCJlbmFibGVUaHJlZURvbWFpblNlY3VyZVwiOmZhbHNlLFwic2RrQ29ycmVsYXRpb25JRFwiOlwiZjI3MDAyNzdjZDA4MFwiLFwic3RvcmFnZUlEXCI6XCJ1aWRfZjFlYjhiM2Q1M19tZHE2bWpxNm10dVwiLFwic2Vzc2lvbklEXCI6XCJ1aWRfYjUyMjczNTQyOV9tZHE2bWpxNm10dVwiLFwiYnV0dG9uTG9jYXRpb25cIjpcImRvbmF0ZS5lZGZhY3Rpb24ub3JnXCIsXCJidXR0b25TZXNzaW9uSURcIjpcInVpZF82ODVlYTE3MDk2X21kcTZtanE2bXR5XCIsXCJlbmFibGVWYXVsdFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJlbnZcIjpcInByb2R1Y3Rpb25cIixcImFtb3VudFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJzdGFnZUhvc3RcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYnV0dG9uU2l6ZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJhcGlTdGFnZUhvc3RcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZnVuZGluZ0VsaWdpYmlsaXR5XCI6e1wicGF5cGFsXCI6e1wiZWxpZ2libGVcIjp0cnVlLFwidmF1bHRhYmxlXCI6ZmFsc2V9LFwicGF5bGF0ZXJcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwicHJvZHVjdHNcIjp7XCJwYXlJbjNcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmFyaWFudFwiOm51bGx9LFwicGF5SW40XCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhcmlhbnRcIjpudWxsfSxcInBheWxhdGVyXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhcmlhbnRcIjpudWxsfX19LFwiY2FyZFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcImJyYW5kZWRcIjp0cnVlLFwiaW5zdGFsbG1lbnRzXCI6ZmFsc2UsXCJ2ZW5kb3JzXCI6e1widmlzYVwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwibWFzdGVyY2FyZFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiYW1leFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiZGlzY292ZXJcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJoaXBlclwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXVsdGFibGVcIjpmYWxzZX0sXCJlbG9cIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJqY2JcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX19LFwiZ3Vlc3RFbmFibGVkXCI6dHJ1ZX0sXCJ2ZW5tb1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiaXRhdVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiY3JlZGl0XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJhcHBsZXBheVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwic2VwYVwiOntcImVsaWdpYmxlXCI6dHJ1ZX0sXCJpZGVhbFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYmFuY29udGFjdFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiZ2lyb3BheVwiOntcImVsaWdpYmxlXCI6dHJ1ZX0sXCJlcHNcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNvZm9ydFwiOntcImVsaWdpYmxlXCI6dHJ1ZX0sXCJteWJhbmtcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInAyNFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwid2VjaGF0cGF5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJwYXl1XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJibGlrXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJ0cnVzdGx5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJveHhvXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJib2xldG9cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImJvbGV0b2JhbmNhcmlvXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJtZXJjYWRvcGFnb1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwibXVsdGliYW5jb1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwic2F0aXNwYXlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInBhaWR5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX19LFwicGxhdGZvcm1cIjpcImRlc2t0b3BcIixcInJlbWVtYmVyZWRcIjpbXSxcImV4cGVyaW1lbnRcIjp7XCJlbmFibGVWZW5tb1wiOmZhbHNlLFwiZW5hYmxlVmVubW9BcHBMYWJlbFwiOmZhbHNlfSxcInBheW1lbnRSZXF1ZXN0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImZsb3dcIjpcInB1cmNoYXNlXCIsXCJyZW1lbWJlclwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2Q5NWM5NWVhNjBfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcInJlbWVtYmVyXCJ9fSxcImN1cnJlbmN5XCI6XCJVU0RcIixcImludGVudFwiOlwiY2FwdHVyZVwiLFwiYnV5ZXJDb3VudHJ5XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImNvbW1pdFwiOnRydWUsXCJ2YXVsdFwiOmZhbHNlLFwiZW5hYmxlRnVuZGluZ1wiOltcInZlbm1vXCJdLFwiZGlzYWJsZUZ1bmRpbmdcIjpbXSxcImRpc2FibGVDYXJkXCI6W10sXCJtZXJjaGFudElEXCI6W1wiUlM3QUxKWkU5WEhIMlwiXSxcInJlbmRlcmVkQnV0dG9uc1wiOltcInBheXBhbFwiXSxcImNzcFwiOntcIm5vbmNlXCI6XCJcIn0sXCJub25jZVwiOlwiXCIsXCJnZXRQYWdlVXJsXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfOTIwYzU2YTNkOV9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiZ2V0UGFnZVVybFwifX0sXCJ1c2VySURUb2tlblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJjbGllbnRNZXRhZGF0YUlEXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImRlYnVnXCI6ZmFsc2UsXCJ0ZXN0XCI6e1wiYWN0aW9uXCI6XCJjaGVja291dFwifSxcIndhbGxldFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXltZW50TWV0aG9kTm9uY2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicGF5bWVudE1ldGhvZFRva2VuXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImJyYW5kZWRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYXBwbGVQYXlTdXBwb3J0XCI6ZmFsc2UsXCJzdXBwb3J0c1BvcHVwc1wiOnRydWUsXCJzdXBwb3J0ZWROYXRpdmVCcm93c2VyXCI6ZmFsc2UsXCJ1c2VyRXhwZXJpZW5jZUZsb3dcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYXBwbGVQYXlcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZXhwZXJpZW5jZVwiOlwiXCIsXCJhbGxvd0JpbGxpbmdQYXltZW50c1wiOnRydWUsXCJjcmVhdGVWYXVsdFNldHVwVG9rZW5cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9fSxcImV4cG9ydHNcIjp7XCJpbml0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZGIwM2EwYWRkY19tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiaW5pdFwifX0sXCJjbG9zZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2MyN2YwODVmZjlfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImNsb3NlOjptZW1vaXplZFwifX0sXCJjaGVja0Nsb3NlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNWNjN2IxYjZkZF9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiY2hlY2tDbG9zZVwifX0sXCJyZXNpemVcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF83MGUwZGUzMzhjX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJBblwifX0sXCJvbkVycm9yXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZWU3NTkxMzZkY19tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiRG5cIn19LFwic2hvd1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzJmZmQ1MzQxZDZfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImduXCJ9fSxcImhpZGVcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9lNTcxMmZiYThjX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJtblwifX0sXCJleHBvcnRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9kZDgxZjdmNjEzX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJXblwifX19fSJ9fQ__"
title="PayPal" allowpaymentrequest="allowpaymentrequest" scrolling="no" id="jsx-iframe-a07c74da48" class="component-frame visible" style="background-color: transparent; border: none;"></iframe>
<div id="smart-menu" class="smart-menu"></div>
<div id="installments-modal" class="installments-modal"></div><iframe name="__detect_close_uid_36cfff65b6_mdq6mjq6mty__" style="display: none;"></iframe>
</div>
</div>
<div class="payment-method-select-btn__paypal-commerce" ng-show="$ctrl.frequency !== 'one-time' && $ctrl.hasPaypal" id="button-container-recurring">
<div id="zoid-paypal-buttons-uid_8155234a79_mdq6mjq6mty" class="paypal-buttons paypal-buttons-context-iframe paypal-buttons-label-unknown paypal-buttons-layout-horizontal" data-paypal-smart-button-version="5.0.366"
style="height: 0px; transition: all 0.2s ease-in-out 0s;">
<style nonce="">
#zoid-paypal-buttons-uid_8155234a79_mdq6mjq6mty {
position: relative;
display: inline-block;
width: 100%;
min-height: 25px;
min-width: 150px;
max-width: 750px;
font-size: 0;
}
#zoid-paypal-buttons-uid_8155234a79_mdq6mjq6mty>iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#zoid-paypal-buttons-uid_8155234a79_mdq6mjq6mty>iframe.component-frame {
z-index: 100;
}
#zoid-paypal-buttons-uid_8155234a79_mdq6mjq6mty>iframe.prerender-frame {
transition: opacity .2s linear;
z-index: 200;
}
#zoid-paypal-buttons-uid_8155234a79_mdq6mjq6mty>iframe.visible {
opacity: 1;
}
#zoid-paypal-buttons-uid_8155234a79_mdq6mjq6mty>iframe.invisible {
opacity: 0;
pointer-events: none;
}
#zoid-paypal-buttons-uid_8155234a79_mdq6mjq6mty>.smart-menu {
position: absolute;
z-index: 300;
top: 0;
left: 0;
width: 100%;
}
</style><iframe allowtransparency="true"
name="__zoid__paypal_buttons__eyJzZW5kZXIiOnsiZG9tYWluIjoiaHR0cHM6Ly9kb25hdGUuZWRmYWN0aW9uLm9yZyJ9LCJtZXRhRGF0YSI6eyJ3aW5kb3dSZWYiOnsidHlwZSI6InBhcmVudCIsImRpc3RhbmNlIjowfX0sInJlZmVyZW5jZSI6eyJ0eXBlIjoicmF3IiwidmFsIjoie1widWlkXCI6XCJ6b2lkLXBheXBhbC1idXR0b25zLXVpZF84MTU1MjM0YTc5X21kcTZtanE2bXR5XCIsXCJjb250ZXh0XCI6XCJpZnJhbWVcIixcInRhZ1wiOlwicGF5cGFsLWJ1dHRvbnNcIixcImNoaWxkRG9tYWluTWF0Y2hcIjp7XCJfX3R5cGVfX1wiOlwicmVnZXhcIixcIl9fdmFsX19cIjpcIlxcXFwucGF5cGFsXFxcXC4oY29tfGNuKSg6XFxcXGQrKT8kXCJ9LFwidmVyc2lvblwiOlwiMTBfMV8wXCIsXCJwcm9wc1wiOntcImZ1bmRpbmdTb3VyY2VcIjpcInBheXBhbFwiLFwic3R5bGVcIjp7XCJjdXN0b21cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwibGFiZWxcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwibGF5b3V0XCI6XCJob3Jpem9udGFsXCIsXCJjb2xvclwiOlwiZ29sZFwiLFwic2hhcGVcIjpcInJlY3RcIixcInRhZ2xpbmVcIjpmYWxzZSxcImhlaWdodFwiOjQwLFwicGVyaW9kXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcIm1lbnVQbGFjZW1lbnRcIjpcImJlbG93XCJ9LFwiY3JlYXRlQmlsbGluZ0FncmVlbWVudFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2RiNGJmMDAzOGJfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImNyZWF0ZUJpbGxpbmdBZ3JlZW1lbnRcIn19LFwib25BcHByb3ZlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfOWRjYzJiYzlmY19tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwib25BcHByb3ZlXCJ9fSxcIm9uQ2xpY2tcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF85MDFkYWU1YWZiX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJvbkNsaWNrXCJ9fSxcIm9uQ2FuY2VsXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNmU1NjMyNWM3MF9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiZFwifX0sXCJjc3BOb25jZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJzdG9yYWdlU3RhdGVcIjp7XCJnZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF84ZjY3MDQ4MDJjX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJnZXRcIn19LFwic2V0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZWM0YjNlZGY3Yl9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwic2V0XCJ9fX0sXCJzZXNzaW9uU3RhdGVcIjp7XCJnZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9kMjcxOTJhMzZlX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJnZXRcIn19LFwic2V0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZGRhNDBiMmExOF9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwic2V0XCJ9fX0sXCJjb21wb25lbnRzXCI6W1wiYnV0dG9uc1wiLFwiZnVuZGluZy1lbGlnaWJpbGl0eVwiXSxcImxvY2FsZVwiOntcImNvdW50cnlcIjpcIlVTXCIsXCJsYW5nXCI6XCJlblwifSxcImNyZWF0ZU9yZGVyXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImNyZWF0ZVN1YnNjcmlwdGlvblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJvbkNvbXBsZXRlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcIm9uU2hpcHBpbmdDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwib25TaGlwcGluZ0FkZHJlc3NDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwib25TaGlwcGluZ09wdGlvbnNDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZ2V0UHJlcmVuZGVyRGV0YWlsc1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2FmZGY5MzdiNTZfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImdldFByZXJlbmRlckRldGFpbHNcIn19LFwiZ2V0UG9wdXBCcmlkZ2VcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9iMzJhYTNmMjQzX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJnZXRQb3B1cEJyaWRnZVwifX0sXCJvbkluaXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8zNjg0YTI1MmQyX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJvbkluaXRcIn19LFwiZ2V0UXVlcmllZEVsaWdpYmxlRnVuZGluZ1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2I4YTkxNjgxM2RfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImdldFF1ZXJpZWRFbGlnaWJsZUZ1bmRpbmdcIn19LFwiY2xpZW50SURcIjpcIkFmdW44d1lrazgwRlljeV9QWEpVVlVNS2pVc3ZpbWN4cGtKN3NCSkxsUGpfR3VudE5TdVZLLVd5Z3BuYVlUcmc4T3Y3S0drYzljYkZvWVB5XCIsXCJjbGllbnRBY2Nlc3NUb2tlblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXJ0bmVyQXR0cmlidXRpb25JRFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJtZXJjaGFudFJlcXVlc3RlZFBvcHVwc0Rpc2FibGVkXCI6ZmFsc2UsXCJlbmFibGVUaHJlZURvbWFpblNlY3VyZVwiOmZhbHNlLFwic2RrQ29ycmVsYXRpb25JRFwiOlwiMDEwMjU4ODc1YTI4OFwiLFwic3RvcmFnZUlEXCI6XCJ1aWRfNWQzNDEwMjg3Ml9tZHE2bWpxNm10eVwiLFwic2Vzc2lvbklEXCI6XCJ1aWRfZGE5ZTgwOTY1Zl9tZHE2bWpxNm10eVwiLFwiYnV0dG9uTG9jYXRpb25cIjpcImRvbmF0ZS5lZGZhY3Rpb24ub3JnXCIsXCJidXR0b25TZXNzaW9uSURcIjpcInVpZF81NDVmZDBmN2UxX21kcTZtanE2bXR5XCIsXCJlbmFibGVWYXVsdFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJlbnZcIjpcInByb2R1Y3Rpb25cIixcImFtb3VudFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJzdGFnZUhvc3RcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYnV0dG9uU2l6ZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJhcGlTdGFnZUhvc3RcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZnVuZGluZ0VsaWdpYmlsaXR5XCI6e1wicGF5cGFsXCI6e1wiZWxpZ2libGVcIjp0cnVlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJwYXlsYXRlclwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJwcm9kdWN0c1wiOntcInBheUluM1wiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXJpYW50XCI6bnVsbH0sXCJwYXlJbjRcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmFyaWFudFwiOm51bGx9LFwicGF5bGF0ZXJcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmFyaWFudFwiOm51bGx9fX0sXCJjYXJkXCI6e1wiZWxpZ2libGVcIjp0cnVlLFwiYnJhbmRlZFwiOnRydWUsXCJpbnN0YWxsbWVudHNcIjpmYWxzZSxcInZlbmRvcnNcIjp7XCJ2aXNhXCI6e1wiZWxpZ2libGVcIjp0cnVlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJtYXN0ZXJjYXJkXCI6e1wiZWxpZ2libGVcIjp0cnVlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJhbWV4XCI6e1wiZWxpZ2libGVcIjp0cnVlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJkaXNjb3ZlclwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXVsdGFibGVcIjp0cnVlfSxcImhpcGVyXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOmZhbHNlfSxcImVsb1wiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXVsdGFibGVcIjp0cnVlfSxcImpjYlwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXVsdGFibGVcIjp0cnVlfX0sXCJndWVzdEVuYWJsZWRcIjpmYWxzZX0sXCJ2ZW5tb1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiaXRhdVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiY3JlZGl0XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJhcHBsZXBheVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwic2VwYVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiaWRlYWxcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImJhbmNvbnRhY3RcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImdpcm9wYXlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImVwc1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwic29mb3J0XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJteWJhbmtcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInAyNFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwid2VjaGF0cGF5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJwYXl1XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJibGlrXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJ0cnVzdGx5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJveHhvXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJib2xldG9cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImJvbGV0b2JhbmNhcmlvXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJtZXJjYWRvcGFnb1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwibXVsdGliYW5jb1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwic2F0aXNwYXlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInBhaWR5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX19LFwicGxhdGZvcm1cIjpcImRlc2t0b3BcIixcInJlbWVtYmVyZWRcIjpbXSxcImV4cGVyaW1lbnRcIjp7XCJlbmFibGVWZW5tb1wiOmZhbHNlLFwiZW5hYmxlVmVubW9BcHBMYWJlbFwiOmZhbHNlfSxcInBheW1lbnRSZXF1ZXN0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImZsb3dcIjpcImJpbGxpbmdfc2V0dXBcIixcInJlbWVtYmVyXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMGNkZGRiNzUxMV9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwicmVtZW1iZXJcIn19LFwiY3VycmVuY3lcIjpcIlVTRFwiLFwiaW50ZW50XCI6XCJ0b2tlbml6ZVwiLFwiYnV5ZXJDb3VudHJ5XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImNvbW1pdFwiOnRydWUsXCJ2YXVsdFwiOnRydWUsXCJlbmFibGVGdW5kaW5nXCI6W10sXCJkaXNhYmxlRnVuZGluZ1wiOltdLFwiZGlzYWJsZUNhcmRcIjpbXSxcIm1lcmNoYW50SURcIjpbXSxcInJlbmRlcmVkQnV0dG9uc1wiOltcInBheXBhbFwiXSxcImNzcFwiOntcIm5vbmNlXCI6XCJcIn0sXCJub25jZVwiOlwiXCIsXCJnZXRQYWdlVXJsXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMWJjNWVkZTBhZV9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiZ2V0UGFnZVVybFwifX0sXCJ1c2VySURUb2tlblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJjbGllbnRNZXRhZGF0YUlEXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImRlYnVnXCI6ZmFsc2UsXCJ0ZXN0XCI6e1wiYWN0aW9uXCI6XCJjaGVja291dFwifSxcIndhbGxldFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXltZW50TWV0aG9kTm9uY2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicGF5bWVudE1ldGhvZFRva2VuXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImJyYW5kZWRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYXBwbGVQYXlTdXBwb3J0XCI6ZmFsc2UsXCJzdXBwb3J0c1BvcHVwc1wiOnRydWUsXCJzdXBwb3J0ZWROYXRpdmVCcm93c2VyXCI6ZmFsc2UsXCJ1c2VyRXhwZXJpZW5jZUZsb3dcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYXBwbGVQYXlcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZXhwZXJpZW5jZVwiOlwiXCIsXCJhbGxvd0JpbGxpbmdQYXltZW50c1wiOnRydWUsXCJjcmVhdGVWYXVsdFNldHVwVG9rZW5cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9fSxcImV4cG9ydHNcIjp7XCJpbml0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfYjQ5NzYxMzA3YV9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiaW5pdFwifX0sXCJjbG9zZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2ZjNjM5MTkyOGZfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImNsb3NlOjptZW1vaXplZFwifX0sXCJjaGVja0Nsb3NlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNGIyMjQyZDQ4MV9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiY2hlY2tDbG9zZVwifX0sXCJyZXNpemVcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9hMjUwMmM0M2M4X21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJBblwifX0sXCJvbkVycm9yXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNGNmNTEwYTRhNl9tZHE2bWpxNm10eVwiLFwibmFtZVwiOlwiRG5cIn19LFwic2hvd1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzBlYjZjNGQwMGFfbWRxNm1qcTZtdHlcIixcIm5hbWVcIjpcImduXCJ9fSxcImhpZGVcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8zZmVkZDU3NjkyX21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJtblwifX0sXCJleHBvcnRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9jZWJiMjhkMTE2X21kcTZtanE2bXR5XCIsXCJuYW1lXCI6XCJXblwifX19fSJ9fQ__"
title="PayPal" allowpaymentrequest="allowpaymentrequest" scrolling="no" id="jsx-iframe-c65b681a8e" class="component-frame visible" style="background-color: transparent; border: none;"></iframe>
<div id="smart-menu" class="smart-menu"></div>
<div id="installments-modal" class="installments-modal"></div><iframe name="__detect_close_uid_9e152b7619_mdq6mjq6mty__" style="display: none;"></iframe>
</div>
</div>
</cp-paypal-commerce-widget><!-- end ngIf: $ctrl.show.paypalCommerce() || $ctrl.show.venmo() -->
<button data-tracked-element="donation-page_checkout_credit-card-btn" class="payment-method-select-btn__cc" type="button" style="background:rgb(0, 151, 95)" ng-click="$ctrl.showCardInputs()" aria-expanded="true"
aria-controls="donation-page_checkout_payment-form donation-page_checkout_payment-details">Credit card</button>
<!-- ngIf: $ctrl.show.achButton() && !$ctrl.isTrial --><cp-plaid-widget data-ng-if="$ctrl.show.achButton() && !$ctrl.isTrial" &="" model="$ctrl.payment.ach" sc-validity-reporter="" ng-model="$ctrl.payment.ach.status"
on-ready="$ctrl.onAchReady()" on-success="$ctrl.onAchSuccess(lastFour, accountType)" on-cancel="$ctrl.onAchCancel()" currency="$ctrl.currency"
class="ng-pristine ng-untouched ng-valid ng-scope ng-isolate-scope ng-not-empty ng-not-modified">
<button type="button" data-tracked-element="donation-page_checkout_ach-plaid-btn" class="payment-method-select-btn__ach" ng-style="{ 'background': $ctrl.primaryColor }"
ng-show="$ctrl.model.status !== $ctrl.constants.STATUS.INACTIVE" ng-click="$ctrl.openPlaidDialog()" tabindex="0" style="background: rgb(0, 151, 95);">Bank transfer</button>
</cp-plaid-widget><!-- end ngIf: $ctrl.show.achButton() && !$ctrl.isTrial -->
<!-- ngIf: $ctrl.show.accountRoutingButton() && !$ctrl.isTrial -->
<div class="digital-wallets-btn google-pay payment-method-select-btn__faux"><img ng-src="/static/global/images/digitalWallets/GooglePay-logo.svg" alt="Google Pay" src="/static/global/images/digitalWallets/GooglePay-logo.svg"></div>
</div>
</div>
<!-- ngIf: $ctrl.meta.showPaymentDetails -->
<div class="donation-border-top ng-scope" ng-if="$ctrl.meta.showPaymentDetails"></div><!-- end ngIf: $ctrl.meta.showPaymentDetails -->
<!-- ngIf: $ctrl.meta.showPaymentDetails -->
<div ng-if="$ctrl.meta.showPaymentDetails" id="donation-page_checkout_payment-details" class="ng-scope hide">
<h2 class="donation-subtitle" id="donationPage_payment-details-heading">Payment Details</h2>
<cp-payment-details label="$ctrl.getPaymentLabel()" details="$ctrl.paymentDetails" payment-method="$ctrl.getPaymentMethod()" payment="$ctrl.payment" show="$ctrl.show" on-token="$ctrl.handleTokenexToken(token)"
on-card="$ctrl.handleTokenexCard(brand, lastFour)" primary-color="$ctrl.theme.styles.primaryColor" hide-postal="$ctrl.hidePostal" currency="$ctrl.currency" class="ng-isolate-scope" style="display: block;">
<div class="donation-table">
<div class="donation-table_label" data-ng-hide="$ctrl.show.cc()">
<!-- ngIf: $ctrl.paymentMethod === 'PayPal_Commerce' && $ctrl.payment.paypal_commerce.status === 'success' || $ctrl.paymentMethod === 'PayPal' -->
<!-- ngIf: $ctrl.paymentMethod === 'Venmo' && $ctrl.payment.venmo.status === 'success' -->
<!-- ngIf: $ctrl.show.stripe() -->
<div data-ng-if="$ctrl.show.stripe()" class="ng-scope">
<span class="donation-label required">Card Number</span>
<div id="cc-entry-el" class="sr-only" tabindex="-1" aria-hidden="true">tab to enter credit card field</div>
</div><!-- end ngIf: $ctrl.show.stripe() -->
<!-- ngIf: $ctrl.show.accountRouting() -->
<!-- ngIf: $ctrl.paymentMethod === 'ACH' && !$ctrl.show.accountRouting() -->
</div>
<div class="donation-table_row">
<div class="donation-table_columns">
<div class="donation-table_column">
<div class="cp-payment-widget">
<!-- ngIf: $ctrl.show.cc() -->
<!-- ngIf: $ctrl.show.stripe() --><cp-stripe-widget class="donation-table_column mobile-large-half ng-scope ng-isolate-scope" data-ng-if="$ctrl.show.stripe()" model="$ctrl.payment.stripe"
card-error-class-name="donation-error" input-class-name="donation-text_input" hide-postal="$ctrl.hidePostal" currency="$ctrl.currency">
<div id="card-element" data-tracked-element="donation-page_checkout_stripe-input" class="donation-text_input StripeElement--empty">
<div class="__PrivateStripeElement"
style="margin: 0px !important; padding: 0px !important; border: none !important; display: block !important; background: transparent !important; position: relative !important; opacity: 1 !important;"><iframe
name="__privateStripeFrame51920" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *"
src="https://js.stripe.com/v3/elements-inner-card-4db3c4c4d625f69ffdc9f200d3259ee7.html#wait=true&mids[guid]=400c790b-35bf-408a-a1f5-45d09260d7324a1e95&mids[muid]=fb14e752-848a-41c5-b6fc-fbc31d1acacea7ba99&mids[sid]=0716a49b-8cb9-4b3a-82d4-4d5d85aa6af6d35ff2&hidePostalCode=true&style[base][fontFamily]='Mulish'%2C+sans-serif&style[base][fontSize]=16px&style[base][lineHeight]=20px&rtl=false&componentName=card&keyMode=live&apiKey=pk_live_h5ocNWNpicLCfBJvLialXsb900SaJnJscz&referrer=https%3A%2F%2Fdonate.edfaction.org%2Fgive%2F334271%2F%3Fhash%3D3bc5bebdec8e6c974c5321885cfebb8046fae47a35019f5623c4a9a0b83d51be9aff7e272f3cc6c96289d539c149132a7d16e34a1b9f57a8672497ab63f8db68%26unique_value%3DRw6SpEtL-20230425035940.675%26contact_guid%3D20f8894b0d26b7e1%26contact_channel%3Demail%26wave_code%3D%26isc%3D%26email_variant%3D%26launch_id%3D81969%26contact_id%3D8422981%26utm_id%3D1682351182%26utm_campaign%3Dedaf_none_upd_mem%26campaign_id%3D3050%26utm_medium%3Demail%26utm_source%3DEDF%2Baction%2Bnetwork%23!%2Fdonation%2Fcheckout&controllerId=__privateStripeController5191"
title="Secure card payment input frame"
style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 20px;"></iframe><input
class="__PrivateStripeElement-input" aria-hidden="true" aria-label=" " autocomplete="false" maxlength="1"
style="border: none !important; display: block !important; position: absolute !important; height: 1px !important; top: -1px !important; left: 0px !important; padding: 0px !important; margin: 0px !important; width: 100% !important; opacity: 0 !important; background: transparent !important; pointer-events: none !important; font-size: 16px !important;">
</div>
</div>
<div id="card-errors" class="donation-error" role="alert" style="display: none;"></div>
</cp-stripe-widget><!-- end ngIf: $ctrl.show.stripe() -->
</div>
<!-- ngIf: $ctrl.show.accountRouting() -->
<div ng-hide="$ctrl.show.accountRouting() || $ctrl.show.cc() || $ctrl.show.stripe()" class="ng-binding ng-hide"> <span class="payment-details-change ng-hide" ng-click="$ctrl.changeAccount($ctrl.paymentMethod)"
ng-show="!$ctrl.waitingChange && !$ctrl.paymentMethod === 'PayPal_Commerce'">change</span></div>
<div class="payment-details-openModal ng-hide" ng-show="$ctrl.waitingChange && $ctrl.changeAccountTo === 'PayPal'" ng-click="$ctrl.openModal()">Connect to PayPal</div>
<div class="payment-details-openModal ng-hide" ng-show="$ctrl.waitingChange && $ctrl.changeAccountTo === 'ACH'" ng-click="$ctrl.openModal()">Link to Bank Account</div>
</div>
</div>
</div>
</div>
</cp-payment-details>
<cp-donate-footer donation-frequency="$ctrl.parentModel.frequency" donation-currency="$ctrl.parentModel.payment.raw_currency_code" donation-amount="$ctrl.meta.summaryAmount" btn-color="$ctrl.theme.styles.primaryColor"
class="ng-isolate-scope"><!-- ngIf: $ctrl.is.accessible --></cp-donate-footer>
</div><!-- end ngIf: $ctrl.meta.showPaymentDetails -->
</cp-payment-widget>
</div>
<!-- ngIf: META.showPaymentDetails -->
<div ng-if="META.showPaymentDetails" id="donation-page_checkout_payment-form" class="ng-scope hide">
<!-- ngIf: show.companyName() -->
<!-- ngIf: show.companyName() && META.showCompanyName -->
<!-- ngInclude: ::template('billing-name') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('billing-name')">
<div class="donation-table ng-scope field_billing_first_name field_billing_last_name">
<div class="donation-table_row">
<div class="donation-table_columns donation-table_columns_without_margin">
<div class="donation-table_column half">
<span class="donation-label required" data-sc-form-error="highlight if billing_first_name fails">Billing First Name</span>
<input class="donation-text_input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-not-modified" data-ng-model="MODEL.billing_first_name" data-sc-form-error="highlight if billing_first_name fails"
data-sc-retain-focus-validity="" type="text" name="billing_first_name" aria-label="Please enter your billing first name" required="" aria-invalid="false">
</div>
<div class="donation-table_column half">
<span class="donation-label required" data-sc-form-error="highlight if billing_last_name fails">Billing Last Name</span>
<input class="donation-text_input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-not-modified" data-ng-model="MODEL.billing_last_name" data-sc-form-error="highlight if billing_last_name fails"
data-sc-retain-focus-validity="" type="text" name="billing_last_name" aria-label="Please enter your billing last name" required="" aria-invalid="false">
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if [billing_first_name,billing_last_name] fails" style="display: none;"> Please enter your billing name. </span>
</div>
</div>
</div>
</div>
<!-- ngIf: !show.billingAddressAutocomplete() -->
<div data-ng-if="!show.billingAddressAutocomplete()" class="donation-table_with_margin_bottom ng-scope">
<!-- ngInclude: ::template('billing-country') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('billing-country')">
<div class="donation-table ng-scope field_billing_country">
<div class="donation-table_label">
<label class="donation-label required" data-sc-form-error="highlight if billing_country fails">Country</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns">
<div class="donation-table_column half">
<!-- TODO: Exclude SG? -->
<select ng-options="country.value as country.label disable when country.disable for country in countries" qa-id="select-field" class="donation-select ng-not-empty ng-valid ng-valid-required ng-not-modified"
data-ng-model="MODEL.billing_country" data-sc-form-error="highlight if billing_country fails" data-sc-select-countries="" name="billing_country" aria-label="billing country" required="required" aria-invalid="false">
<option value="" class="">Please Select</option>
<option label="Afghanistan" value="string:AF">Afghanistan</option>
<option label="Aland Islands" value="string:AX">Aland Islands</option>
<option label="Albania" value="string:AL">Albania</option>
<option label="Algeria" value="string:DZ">Algeria</option>
<option label="American Samoa" value="string:AS">American Samoa</option>
<option label="Andorra" value="string:AD">Andorra</option>
<option label="Angola" value="string:AO">Angola</option>
<option label="Anguilla" value="string:AI">Anguilla</option>
<option label="Antarctica" value="string:AQ">Antarctica</option>
<option label="Antigua and Barbuda" value="string:AG">Antigua and Barbuda</option>
<option label="Argentina" value="string:AR">Argentina</option>
<option label="Armenia" value="string:AM">Armenia</option>
<option label="Aruba" value="string:AW">Aruba</option>
<option label="Australia" value="string:AU">Australia</option>
<option label="Austria" value="string:AT">Austria</option>
<option label="Azerbaijan" value="string:AZ">Azerbaijan</option>
<option label="Bahamas" value="string:BS">Bahamas</option>
<option label="Bahrain" value="string:BH">Bahrain</option>
<option label="Bangladesh" value="string:BD">Bangladesh</option>
<option label="Barbados" value="string:BB">Barbados</option>
<option label="Belgium" value="string:BE">Belgium</option>
<option label="Belize" value="string:BZ">Belize</option>
<option label="Benin" value="string:BJ">Benin</option>
<option label="Bermuda" value="string:BM">Bermuda</option>
<option label="Bhutan" value="string:BT">Bhutan</option>
<option label="Bolivia" value="string:BO">Bolivia</option>
<option label="Bonaire, Saint Eustatius and Saba " value="string:BQ">Bonaire, Saint Eustatius and Saba </option>
<option label="Bosnia and Herzegovina" value="string:BA">Bosnia and Herzegovina</option>
<option label="Botswana" value="string:BW">Botswana</option>
<option label="Bouvet Island" value="string:BV">Bouvet Island</option>
<option label="Brazil" value="string:BR">Brazil</option>
<option label="British Indian Ocean Territory" value="string:IO">British Indian Ocean Territory</option>
<option label="British Virgin Islands" value="string:VG">British Virgin Islands</option>
<option label="Brunei" value="string:BN">Brunei</option>
<option label="Bulgaria" value="string:BG">Bulgaria</option>
<option label="Burkina Faso" value="string:BF">Burkina Faso</option>
<option label="Burundi" value="string:BI">Burundi</option>
<option label="Cambodia" value="string:KH">Cambodia</option>
<option label="Cameroon" value="string:CM">Cameroon</option>
<option label="Canada" value="string:CA">Canada</option>
<option label="Cape Verde" value="string:CV">Cape Verde</option>
<option label="Cayman Islands" value="string:KY">Cayman Islands</option>
<option label="Central African Republic" value="string:CF">Central African Republic</option>
<option label="Chad" value="string:TD">Chad</option>
<option label="Chile" value="string:CL">Chile</option>
<option label="China" value="string:CN">China</option>
<option label="Christmas Island" value="string:CX">Christmas Island</option>
<option label="Cocos Islands" value="string:CC">Cocos Islands</option>
<option label="Colombia" value="string:CO">Colombia</option>
<option label="Comoros" value="string:KM">Comoros</option>
<option label="Cook Islands" value="string:CK">Cook Islands</option>
<option label="Costa Rica" value="string:CR">Costa Rica</option>
<option label="Croatia" value="string:HR">Croatia</option>
<option label="Cuba" value="string:CU">Cuba</option>
<option label="Curacao" value="string:CW">Curacao</option>
<option label="Cyprus" value="string:CY">Cyprus</option>
<option label="Czech Republic" value="string:CZ">Czech Republic</option>
<option label="Denmark" value="string:DK">Denmark</option>
<option label="Djibouti" value="string:DJ">Djibouti</option>
<option label="Dominica" value="string:DM">Dominica</option>
<option label="Dominican Republic" value="string:DO">Dominican Republic</option>
<option label="East Timor" value="string:TL">East Timor</option>
<option label="Ecuador" value="string:EC">Ecuador</option>
<option label="Egypt" value="string:EG">Egypt</option>
<option label="El Salvador" value="string:SV">El Salvador</option>
<option label="Equatorial Guinea" value="string:GQ">Equatorial Guinea</option>
<option label="Eritrea" value="string:ER">Eritrea</option>
<option label="Estonia" value="string:EE">Estonia</option>
<option label="Ethiopia" value="string:ET">Ethiopia</option>
<option label="Falkland Islands" value="string:FK">Falkland Islands</option>
<option label="Faroe Islands" value="string:FO">Faroe Islands</option>
<option label="Fiji" value="string:FJ">Fiji</option>
<option label="Finland" value="string:FI">Finland</option>
<option label="France" value="string:FR">France</option>
<option label="French Guiana" value="string:GF">French Guiana</option>
<option label="French Polynesia" value="string:PF">French Polynesia</option>
<option label="French Southern Territories" value="string:TF">French Southern Territories</option>
<option label="Gabon" value="string:GA">Gabon</option>
<option label="Gambia" value="string:GM">Gambia</option>
<option label="Georgia" value="string:GE">Georgia</option>
<option label="Germany" value="string:DE">Germany</option>
<option label="Ghana" value="string:GH">Ghana</option>
<option label="Gibraltar" value="string:GI">Gibraltar</option>
<option label="Greece" value="string:GR">Greece</option>
<option label="Greenland" value="string:GL">Greenland</option>
<option label="Grenada" value="string:GD">Grenada</option>
<option label="Guadeloupe" value="string:GP">Guadeloupe</option>
<option label="Guam" value="string:GU">Guam</option>
<option label="Guatemala" value="string:GT">Guatemala</option>
<option label="Guernsey" value="string:GG">Guernsey</option>
<option label="Guinea" value="string:GN">Guinea</option>
<option label="Guinea-Bissau" value="string:GW">Guinea-Bissau</option>
<option label="Guyana" value="string:GY">Guyana</option>
<option label="Haiti" value="string:HT">Haiti</option>
<option label="Heard Island and McDonald Islands" value="string:HM">Heard Island and McDonald Islands</option>
<option label="Honduras" value="string:HN">Honduras</option>
<option label="Hong Kong" value="string:HK">Hong Kong</option>
<option label="Hungary" value="string:HU">Hungary</option>
<option label="Iceland" value="string:IS">Iceland</option>
<option label="India" value="string:IN">India</option>
<option label="Indonesia" value="string:ID">Indonesia</option>
<option label="Ireland" value="string:IE">Ireland</option>
<option label="Isle of Man" value="string:IM">Isle of Man</option>
<option label="Israel" value="string:IL">Israel</option>
<option label="Italy" value="string:IT">Italy</option>
<option label="Ivory Coast" value="string:CI">Ivory Coast</option>
<option label="Jamaica" value="string:JM">Jamaica</option>
<option label="Japan" value="string:JP">Japan</option>
<option label="Jersey" value="string:JE">Jersey</option>
<option label="Jordan" value="string:JO">Jordan</option>
<option label="Kazakhstan" value="string:KZ">Kazakhstan</option>
<option label="Kenya" value="string:KE">Kenya</option>
<option label="Kiribati" value="string:KI">Kiribati</option>
<option label="Kosovo" value="string:XK">Kosovo</option>
<option label="Kuwait" value="string:KW">Kuwait</option>
<option label="Kyrgyzstan" value="string:KG">Kyrgyzstan</option>
<option label="Laos" value="string:LA">Laos</option>
<option label="Latvia" value="string:LV">Latvia</option>
<option label="Lebanon" value="string:LB">Lebanon</option>
<option label="Lesotho" value="string:LS">Lesotho</option>
<option label="Libya" value="string:LY">Libya</option>
<option label="Liechtenstein" value="string:LI">Liechtenstein</option>
<option label="Lithuania" value="string:LT">Lithuania</option>
<option label="Luxembourg" value="string:LU">Luxembourg</option>
<option label="Macao" value="string:MO">Macao</option>
<option label="Macedonia" value="string:MK">Macedonia</option>
<option label="Madagascar" value="string:MG">Madagascar</option>
<option label="Malawi" value="string:MW">Malawi</option>
<option label="Malaysia" value="string:MY">Malaysia</option>
<option label="Maldives" value="string:MV">Maldives</option>
<option label="Mali" value="string:ML">Mali</option>
<option label="Malta" value="string:MT">Malta</option>
<option label="Marshall Islands" value="string:MH">Marshall Islands</option>
<option label="Martinique" value="string:MQ">Martinique</option>
<option label="Mauritania" value="string:MR">Mauritania</option>
<option label="Mauritius" value="string:MU">Mauritius</option>
<option label="Mayotte" value="string:YT">Mayotte</option>
<option label="Mexico" value="string:MX">Mexico</option>
<option label="Micronesia" value="string:FM">Micronesia</option>
<option label="Moldova" value="string:MD">Moldova</option>
<option label="Monaco" value="string:MC">Monaco</option>
<option label="Mongolia" value="string:MN">Mongolia</option>
<option label="Montenegro" value="string:ME">Montenegro</option>
<option label="Montserrat" value="string:MS">Montserrat</option>
<option label="Morocco" value="string:MA">Morocco</option>
<option label="Mozambique" value="string:MZ">Mozambique</option>
<option label="Myanmar" value="string:MM">Myanmar</option>
<option label="Namibia" value="string:NA">Namibia</option>
<option label="Nauru" value="string:NR">Nauru</option>
<option label="Nepal" value="string:NP">Nepal</option>
<option label="Netherlands" value="string:NL">Netherlands</option>
<option label="New Caledonia" value="string:NC">New Caledonia</option>
<option label="New Zealand" value="string:NZ">New Zealand</option>
<option label="Nicaragua" value="string:NI">Nicaragua</option>
<option label="Niger" value="string:NE">Niger</option>
<option label="Nigeria" value="string:NG">Nigeria</option>
<option label="Niue" value="string:NU">Niue</option>
<option label="Norfolk Island" value="string:NF">Norfolk Island</option>
<option label="Northern Mariana Islands" value="string:MP">Northern Mariana Islands</option>
<option label="Norway" value="string:NO">Norway</option>
<option label="Oman" value="string:OM">Oman</option>
<option label="Pakistan" value="string:PK">Pakistan</option>
<option label="Palau" value="string:PW">Palau</option>
<option label="Palestinian Territory" value="string:PS">Palestinian Territory</option>
<option label="Panama" value="string:PA">Panama</option>
<option label="Papua New Guinea" value="string:PG">Papua New Guinea</option>
<option label="Paraguay" value="string:PY">Paraguay</option>
<option label="Peru" value="string:PE">Peru</option>
<option label="Philippines" value="string:PH">Philippines</option>
<option label="Pitcairn" value="string:PN">Pitcairn</option>
<option label="Poland" value="string:PL">Poland</option>
<option label="Portugal" value="string:PT">Portugal</option>
<option label="Puerto Rico" value="string:PR">Puerto Rico</option>
<option label="Qatar" value="string:QA">Qatar</option>
<option label="Republic of the Congo" value="string:CG">Republic of the Congo</option>
<option label="Reunion" value="string:RE">Reunion</option>
<option label="Romania" value="string:RO">Romania</option>
<option label="Russia" value="string:RU">Russia</option>
<option label="Rwanda" value="string:RW">Rwanda</option>
<option label="Saint Barthelemy" value="string:BL">Saint Barthelemy</option>
<option label="Saint Helena" value="string:SH">Saint Helena</option>
<option label="Saint Kitts and Nevis" value="string:KN">Saint Kitts and Nevis</option>
<option label="Saint Lucia" value="string:LC">Saint Lucia</option>
<option label="Saint Martin" value="string:MF">Saint Martin</option>
<option label="Saint Pierre and Miquelon" value="string:PM">Saint Pierre and Miquelon</option>
<option label="Saint Vincent and the Grenadines" value="string:VC">Saint Vincent and the Grenadines</option>
<option label="Samoa" value="string:WS">Samoa</option>
<option label="San Marino" value="string:SM">San Marino</option>
<option label="Sao Tome and Principe" value="string:ST">Sao Tome and Principe</option>
<option label="Saudi Arabia" value="string:SA">Saudi Arabia</option>
<option label="Senegal" value="string:SN">Senegal</option>
<option label="Serbia" value="string:RS">Serbia</option>
<option label="Seychelles" value="string:SC">Seychelles</option>
<option label="Singapore" value="string:SG">Singapore</option>
<option label="Sint Maarten" value="string:SX">Sint Maarten</option>
<option label="Slovakia" value="string:SK">Slovakia</option>
<option label="Slovenia" value="string:SI">Slovenia</option>
<option label="Solomon Islands" value="string:SB">Solomon Islands</option>
<option label="South Africa" value="string:ZA">South Africa</option>
<option label="South Georgia and the South Sandwich Islands" value="string:GS">South Georgia and the South Sandwich Islands</option>
<option label="South Korea" value="string:KR">South Korea</option>
<option label="South Sudan" value="string:SS">South Sudan</option>
<option label="Spain" value="string:ES">Spain</option>
<option label="Sri Lanka" value="string:LK">Sri Lanka</option>
<option label="Suriname" value="string:SR">Suriname</option>
<option label="Svalbard and Jan Mayen" value="string:SJ">Svalbard and Jan Mayen</option>
<option label="Swaziland" value="string:SZ">Swaziland</option>
<option label="Sweden" value="string:SE">Sweden</option>
<option label="Switzerland" value="string:CH">Switzerland</option>
<option label="Taiwan" value="string:TW">Taiwan</option>
<option label="Tajikistan" value="string:TJ">Tajikistan</option>
<option label="Tanzania" value="string:TZ">Tanzania</option>
<option label="Thailand" value="string:TH">Thailand</option>
<option label="Togo" value="string:TG">Togo</option>
<option label="Tokelau" value="string:TK">Tokelau</option>
<option label="Tonga" value="string:TO">Tonga</option>
<option label="Trinidad and Tobago" value="string:TT">Trinidad and Tobago</option>
<option label="Tunisia" value="string:TN">Tunisia</option>
<option label="Turkey" value="string:TR">Turkey</option>
<option label="Turkmenistan" value="string:TM">Turkmenistan</option>
<option label="Turks and Caicos Islands" value="string:TC">Turks and Caicos Islands</option>
<option label="Tuvalu" value="string:TV">Tuvalu</option>
<option label="U.S. Virgin Islands" value="string:VI">U.S. Virgin Islands</option>
<option label="Uganda" value="string:UG">Uganda</option>
<option label="Ukraine" value="string:UA">Ukraine</option>
<option label="United Arab Emirates" value="string:AE">United Arab Emirates</option>
<option label="United Kingdom" value="string:GB">United Kingdom</option>
<option label="United States" value="string:US" selected="selected">United States</option>
<option label="United States Minor Outlying Islands" value="string:UM">United States Minor Outlying Islands</option>
<option label="Uruguay" value="string:UY">Uruguay</option>
<option label="Uzbekistan" value="string:UZ">Uzbekistan</option>
<option label="Vanuatu" value="string:VU">Vanuatu</option>
<option label="Vatican" value="string:VA">Vatican</option>
<option label="Venezuela" value="string:VE">Venezuela</option>
<option label="Vietnam" value="string:VN">Vietnam</option>
<option label="Wallis and Futuna" value="string:WF">Wallis and Futuna</option>
<option label="Western Sahara" value="string:EH">Western Sahara</option>
<option label="Yemen" value="string:YE">Yemen</option>
<option label="Zambia" value="string:ZM">Zambia</option>
</select>
<!-- ngIf: countryResitrictedText -->
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if billing_country fails required" style="display: none;"> Please select your country. </span>
</div>
</div>
</div>
</div>
<!-- ngInclude: ::template('billing-address1') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('billing-address1')">
<div class="donation-table ng-scope field_billing_address1">
<div class="donation-table_label">
<label class="donation-label required" data-sc-form-error="highlight if billing_address1 fails">Address</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns donation-table_columns_without_margin">
<div class="donation-table_column">
<input class="donation-text_input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-not-modified" data-ng-model="MODEL.billing_address1" data-sc-form-error="highlight if billing_address1 fails"
data-sc-retain-focus-validity="" type="text" name="billing_address1" aria-label="billing address 1" required="" aria-invalid="false">
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if billing_address1 fails required" style="display: none;"> Don't forget to provide a billing address. </span>
</div>
</div>
</div>
</div>
<!-- ngInclude: ::template('billing-address2') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('billing-address2')">
<div class="donation-table ng-scope field_billing_address2">
<div class="donation-table_label">
<label class="donation-label">Address 2</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns">
<div class="donation-table_column">
<!-- The name attribute needs to be specified with single quotes since input-field is a component. autocomplete is there for good measure -->
<!-- We should consider changing this to a normal input like the other billing-address1 field when we have time. -->
<input-field class="donation__address2 ng-isolate-scope" model="MODEL.billing_address2" maxlength="25" counter="true" name="'billing_address2'" autocomplete="address-line2" aria-label="billing address 2, not required">
<!-- ngIf: $ctrl.label -->
<!-- ngIf: !$ctrl.label && !$ctrl.noSpacer -->
<div class="form__text-input__outer" data-ng-class="{ 'admin-body__lock-field': $ctrl.lockField }">
<!-- ngIf: $ctrl.lockField -->
<input class="form__text-input--dark ng-not-modified sc-valid" ng-model="$ctrl.model" ng-model-options="{ getterSetter: $ctrl.getterSetter }" ng-required="$ctrl.required" sc-retain-focus-validity="" sc-validity-reporter=""
sc-validity-classes="" pattern=".*" ng-pattern=".*" maxlength="25" ng-maxlength="25" minlength="false" ng-minlength="false" type="text" name="billing_address2" aria-label="billing address 2, not required"
autocomplete="address-line2" ng-disabled="$ctrl.disableFlag" ng-change="$ctrl.onChange()" placeholder="" qa-id="text-input" _spec="input" aria-labelledby="billing_address2_id">
<!-- ngIf: $ctrl.maxlength && $ctrl.counter && $ctrl.model.length -->
</div>
<form-error name="$ctrl.name" messages="$ctrl.errorMessages" _spec="errors" class="ng-isolate-scope">
<p class="form__error" aria-live="polite" role="alert" sc-validity-message="::$ctrl.name" messages="::$ctrl.messages" style="display: none;"></p>
</form-error>
</input-field>
</div>
</div>
</div>
</div>
</div>
<!-- ngInclude: ::template('billing-city') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('billing-city')">
<div class="donation-table ng-scope field_billing_city">
<div class="donation-table_label">
<label class="donation-label required" data-sc-form-error="highlight if billing_city fails">City</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns donation-table_columns_without_margin">
<div class="donation-table_column">
<input class="donation-text_input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-not-modified" data-ng-model="MODEL.billing_city" data-sc-form-error="highlight if billing_city fails"
data-sc-retain-focus-validity="" type="text" name="billing_city" aria-label="billing city" required="" aria-invalid="false">
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if billing_city fails required" style="display: none;"> Don't forget to provide a billing city. </span>
</div>
</div>
</div>
</div>
<!-- ngInclude: ::template('billing-state-zip') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('billing-state-zip')">
<div class="donation-table ng-scope field_billing_state field_billing_postal_code">
<div class="donation-table_row">
<div class="donation-table_columns donation-table_columns_without_margin">
<!-- ngIf: show.states() -->
<div class="donation-table_column half ng-scope" data-ng-if="show.states()">
<span class="donation-label required" data-sc-form-error="highlight if billing_state fails">State</span>
<select ng-options="state.value as state.label for state in states" qa-id="select-field" aria-label="billing state" class="donation-select ng-empty ng-invalid ng-invalid-required ng-not-modified"
data-ng-model="MODEL.billing_state" data-sc-form-error="highlight if billing_state fails" data-sc-select-states="" data-only-states="true" name="billing_state" required="required" aria-invalid="false">
<option value="" class="">Please Select</option>
<option label="Alabama" value="string:AL">Alabama</option>
<option label="Alaska" value="string:AK">Alaska</option>
<option label="Arizona" value="string:AZ">Arizona</option>
<option label="Arkansas" value="string:AR">Arkansas</option>
<option label="California" value="string:CA">California</option>
<option label="Colorado" value="string:CO">Colorado</option>
<option label="Connecticut" value="string:CT">Connecticut</option>
<option label="Delaware" value="string:DE">Delaware</option>
<option label="District of Columbia" value="string:DC">District of Columbia</option>
<option label="Florida" value="string:FL">Florida</option>
<option label="Georgia" value="string:GA">Georgia</option>
<option label="Hawaii" value="string:HI">Hawaii</option>
<option label="Idaho" value="string:ID">Idaho</option>
<option label="Illinois" value="string:IL">Illinois</option>
<option label="Indiana" value="string:IN">Indiana</option>
<option label="Iowa" value="string:IA">Iowa</option>
<option label="Kansas" value="string:KS">Kansas</option>
<option label="Kentucky" value="string:KY">Kentucky</option>
<option label="Louisiana" value="string:LA">Louisiana</option>
<option label="Maine" value="string:ME">Maine</option>
<option label="Maryland" value="string:MD">Maryland</option>
<option label="Massachusetts" value="string:MA">Massachusetts</option>
<option label="Michigan" value="string:MI">Michigan</option>
<option label="Minnesota" value="string:MN">Minnesota</option>
<option label="Mississippi" value="string:MS">Mississippi</option>
<option label="Missouri" value="string:MO">Missouri</option>
<option label="Montana" value="string:MT">Montana</option>
<option label="Nebraska" value="string:NE">Nebraska</option>
<option label="Nevada" value="string:NV">Nevada</option>
<option label="New Hampshire" value="string:NH">New Hampshire</option>
<option label="New Jersey" value="string:NJ">New Jersey</option>
<option label="New Mexico" value="string:NM">New Mexico</option>
<option label="New York" value="string:NY">New York</option>
<option label="North Carolina" value="string:NC">North Carolina</option>
<option label="North Dakota" value="string:ND">North Dakota</option>
<option label="Ohio" value="string:OH">Ohio</option>
<option label="Oklahoma" value="string:OK">Oklahoma</option>
<option label="Oregon" value="string:OR">Oregon</option>
<option label="Pennsylvania" value="string:PA">Pennsylvania</option>
<option label="Rhode Island" value="string:RI">Rhode Island</option>
<option label="South Carolina" value="string:SC">South Carolina</option>
<option label="South Dakota" value="string:SD">South Dakota</option>
<option label="Tennessee" value="string:TN">Tennessee</option>
<option label="Texas" value="string:TX">Texas</option>
<option label="Utah" value="string:UT">Utah</option>
<option label="Vermont" value="string:VT">Vermont</option>
<option label="Virginia" value="string:VA">Virginia</option>
<option label="Washington" value="string:WA">Washington</option>
<option label="West Virginia" value="string:WV">West Virginia</option>
<option label="Wisconsin" value="string:WI">Wisconsin</option>
<option label="Wyoming" value="string:WY">Wyoming</option>
<option label="Armed Forces (the) Americas" value="string:AA">Armed Forces (the) Americas</option>
<option label="Armed Forces Europe" value="string:AE">Armed Forces Europe</option>
<option label="Armed Forces Pacific" value="string:AP">Armed Forces Pacific</option>
<option label="American Samoa" value="string:AS">American Samoa</option>
<option label="Guam" value="string:GU">Guam</option>
<option label="Northern Mariana Islands" value="string:MP">Northern Mariana Islands</option>
<option label="Puerto Rico" value="string:PR">Puerto Rico</option>
<option label="United States Minor Outlying Islands" value="string:UM">United States Minor Outlying Islands</option>
<option label="Virgin Islands" value="string:VI">Virgin Islands</option>
</select>
</div><!-- end ngIf: show.states() -->
<!-- ngIf: show.provinces() -->
<!-- ngIf: show.genericLevel1() -->
<div class="donation-table_column half">
<span class="donation-label required ng-binding" data-sc-form-error="highlight if billing_postal_code fails">ZIP</span>
<input class="donation-text_input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-minlength ng-valid-maxlength ng-not-modified" data-ng-model="MODEL.billing_postal_code"
data-sc-form-error="highlight if billing_postal_code fails" data-sc-retain-focus-validity="" data-ng-minlength="2" data-ng-maxlength="10" type="text" name="billing_postal_code" aria-label="ZIP" required=""
aria-invalid="false">
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if [billing_state,billing_postal_code] fails" style="display: none;">
</span>
</div>
</div>
</div>
</div>
</div><!-- end ngIf: !show.billingAddressAutocomplete() -->
<!-- ngIf: show.billingAddressAutocomplete() -->
<!-- ngIf: show.recaptcha() --><!-- ngInclude: ::template('recaptcha') -->
<div data-ng-include="::template('recaptcha')" data-ng-if="show.recaptcha()" class="ng-scope">
<div class="donation-table ng-scope">
<div class="donation-table_label"></div>
<div class="donation-table_row">
<div class="donation-table_columns">
<div class="donation-table_column donation-payment_recaptcha-container">
<div class="donation-payment_recaptcha-field">
<div data-sc-recaptcha="" data-form="FORM" class="ng-isolate-scope">
<div class="recaptcha" id="g-recaptcha-container">
<div required="" name="recaptcha" id="g-recaptcha" data-ng-model="Donation.recaptcha" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-not-modified">
<div style="width: 304px; height: 78px;">
<div><iframe title="reCAPTCHA"
src="https://www.google.com/recaptcha/enterprise/anchor?ar=1&k=6LeRsvwcAAAAAAAGdWMknu7f4ewlEf_5YVOyxIqF&co=aHR0cHM6Ly9kb25hdGUuZWRmYWN0aW9uLm9yZzo0NDM.&hl=de&v=4PnKmGB9wRHh1i04o7YUICeI&size=normal&cb=wruw8z3kuqbx"
width="304" height="78" role="presentation" name="a-z2xgzp90q1s9" frameborder="0" scrolling="no"
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response"
class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div><iframe style="display: none;"></iframe>
</div><!-- ngIf: enableErrorState -->
<div data-ng-if="enableErrorState" ng-transclude="" class="ng-scope"></div><!-- end ngIf: enableErrorState -->
</div>
</div>
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if recaptcha fails required" style="display: none;"> Please verify that you are not a robot. </span>
</div>
</div>
</div>
</div>
</div><!-- end ngIf: show.recaptcha() -->
</div><!-- end ngIf: META.showPaymentDetails -->
</div>
</div>
</section><!-- end ngRepeat: component in list.components | filter:{section:'main'} | orderBy:'order' -->
<section class="block-component ng-scope" data-ng-repeat="component in list.components | filter:{section:'main'} | orderBy:'order'">
<!-- ngInclude: component.templateUrl -->
<div data-ng-include="component.templateUrl" class="ng-scope">
<section id="df_checkout_donation-footer" class="donation-footer ng-scope hide" data-ng-controller="frsDonationFooterCtrl" data-ng-show="META.showPaymentDetails">
<div class="donation-footer_container">
<!-- ngIf: show.achTerms() -->
<small class="donation-footer_terms"> By clicking <span class="ng-binding">Give $15.53 monthly</span>, I agree to the <a href="https://www.classy.org/terms" target="_blank" aria-label="View Terms of Service page">Terms of Service</a> and
<a href="https://www.classy.org/terms/privacy" target="_blank" aria-label="View Privacy Policy page">Privacy Policy</a>
</small>
<!-- ngIf: show.feeOnTop() -->
<div class="donation-footer_controls"><button style="background-color: rgb(0, 151, 95); display: block;" class="donation-footer_submit" id="fake_donate_submit">Give $15.53 monthly</button>
<!-- ngIf: !editable --><button id="donate-cta-main" class="donation-footer_submit ng-binding ng-scope" ng-if="!editable" data-ng-style="{'background-color': theme.current.styles.primaryColor}"
data-ng-disabled="globalState.processing || globalState.submitDisabled" data-ng-bind="block['submit-button-text'] || 'Donate' " aria-label="click give now to donate $15.53" type="submit"
style="background-color: rgb(0, 151, 95); display: none;">Give $15.53 monthly</button><!-- end ngIf: !editable -->
<!-- ngIf: editable -->
<cp-digital-wallets data-ng-if="!$ctrl.isTrial" frequency="$ctrl.parentModel.frequency" amount="$ctrl.meta.summaryAmount" currency="$ctrl.parentModel.payment.raw_currency_code" submit="$ctrl.submitDigitalWallets"
pay-type="$ctrl.meta.digitalWalletType" class="ng-scope ng-isolate-scope"><!-- ngIf: $ctrl.showDigitalWallets -->
<div ng-if="$ctrl.showDigitalWallets" class="ng-scope">
<button type="button" aria-label="Donate With Google Pay" role="link" class="digital-wallets-btn google-pay" data-tracked-element="donation-page_checkout_digital-wallet" ng-click="$ctrl.openDWModal()" style="display: none;"> Donate
with <img ng-src="/static/global/images/digitalWallets/GooglePay-logo.svg" alt="Google Pay" src="/static/global/images/digitalWallets/GooglePay-logo.svg">
</button>
</div><!-- end ngIf: $ctrl.showDigitalWallets -->
</cp-digital-wallets>
</div>
<div class="donation-footer_summary">
<!-- ngIf: show.creditee() -->
<summary-amount amount="META.summaryAmount" recur_until="MODEL.recur_until" feeprocessing="globalState.feeProcessing" frequency="MODEL.frequency" taxcompliance="META.unsupportedTaxCompliance" currency="MODEL.payment.raw_currency_code"
estimatedcharge="META.estimatedCharge" class="ng-isolate-scope">
<p class="donation-summary-amount">
<span class="sr-only">your currently selected donation amount is </span>
<!-- ngIf: !$ctrl.preventRecurringFrequency --><span class="donation-summary-amount-label ng-binding ng-scope" aria-hidden="true" ng-if="!$ctrl.preventRecurringFrequency">Monthly
donation</span><!-- end ngIf: !$ctrl.preventRecurringFrequency -->
<!-- ngIf: $ctrl.preventRecurringFrequency -->
<span class="donation-summary-amount-amount ng-binding" data-ng-class="{ processing: $ctrl.feeprocessing }"> $15.53<!-- ngIf: $ctrl.preventRecurringFrequency -->
<span class="donation-summary-amount-currency ng-binding">USD</span>
<span class="donation-summary-amount-processing">
<span class="donation-summary-amount-processing-spinner"></span>
</span>
</span>
<!-- ngIf: !$ctrl.preventRecurringFrequency && $ctrl.recurUntil -->
<!-- ngIf: !$ctrl.preventRecurringFrequency --><span class="donation-summary-amount-date ng-binding ng-scope" ng-if="!$ctrl.preventRecurringFrequency"></span><!-- end ngIf: !$ctrl.preventRecurringFrequency -->
<!-- ngIf: $ctrl.taxCompliance -->
</p>
</summary-amount>
</div>
<!-- ngIf: META.unsupportedTaxCompliance -->
</div>
</section>
<div class="donation-border-top donation-footer__compliance ng-scope ng-hide" ng-show="META.showTaxComplianceLanguage">
<p ng-bind-html="META.taxComplianceLanguage" class="ng-binding"></p>
</div>
</div>
</section><!-- end ngRepeat: component in list.components | filter:{section:'main'} | orderBy:'order' -->
<div class="multi_step__summary">
<div class="multi_step__summary--amount">Give $15.53 monthly</div><label for=""><input id="fot_proxy" type="checkbox" value="on" checked=""> <span>Yes, I’ll add $0.53 monthly to cover the cost of processing my donation.</span></label>
</div>
<div class="multi_step__controller" data-step="1"><a class="multi_step__controller--prev disable"></a><a class="multi_step__controller--next">Your info</a></div>
<ul class="multi_step__pagination">
<li class="multi_step__pagination--item active" data-step="1">Donation amount</li>
<li class="multi_step__pagination--item" data-step="2">Your info</li>
<li class="multi_step__pagination--item" data-step="3">Payment info</li>
</ul>
</form>Text Content
Close
Login
* What we do
* Get involved
* News
We need you to stand with us to fight climate change, protect vulnerable
wildlife and their habitats, and keep ourselves and our loved ones safe from
toxic pollution and harmful household chemicals.
WAIT! IT LOOKS LIKE YOU HAVEN'T FINISHED YOUR GIFT.
Please submit your donation now to help put a more sustainable future within
reach.
YOU'RE ALMOST DONE!
Thank you for your generosity! The easiest and most effective way to make a
difference is with an automatic monthly gift. It puts more of your donation to
work protecting the environment and allows us to plan for the future. Would you
like to convert your donation into a {frequency} gift?
Make it monthly! Monthly giving is the most effective way to make a lasting
difference. It lowers EDF Action's fundraising costs and allows you to spread
your giving out over the year.
Just donated!
* A supporter in Clyde Hill, WA gave $52.25
* A supporter in Rudyard, MI gave $52.25
* A supporter in Derwood, MD gave $50
* A supporter in Glen Ellyn, ID gave $45
* A supporter in Los Angeles, CA gave $15
* A supporter in Ogden, UT gave $35
* A supporter in Portland, OR gave $52.25
* A supporter in Columbus, GA gave $50
* A supporter in Westland, MI gave $36.57
* A supporter in Concord, NH gave $50
* A supporter in Albuquerque, NM gave $52.25
* A supporter in Glen Ridge, NJ gave $35
* A supporter in San Diego, CA gave $15.67
* A supporter in Washington, DC gave $20.9
* A supporter in Bellingham, WA gave $52.25
* A supporter in Hudson, OH gave $15
* A supporter in Durham, NH gave $52.25
* A supporter in Chesterfield, MO gave $52.25
* A supporter in Minneapolis, MN gave $35
* A supporter in Winston-Salem, NC gave $50
* A supporter in Tulsa, OK gave $20.8
* A supporter in Ripley, TN gave $15.67
* A supporter in Egg Hbr Twp, NJ gave $52.25
* A supporter in Vero Beach, FL gave $52.25
* A supporter in Tallahassee, FL gave $26.13
* A supporter in La Crosse, WI gave $25
* A supporter in Newburgh, NY gave $20
* A supporter in Davidson, NC gave $15
* A supporter in Columbia, SC gave $8
* A supporter in Clinton, MT gave $35
* A supporter in Philadelphia, PA gave $50
* A supporter in Plainsboro, NJ gave $40
* A supporter in Belmont, MA gave $50
* A supporter in Pittsburgh, PA gave $50
* A supporter in Bloomfield, MI gave $35
* A supporter in Livonia, MI gave $35
* A supporter in New York, NY gave $50
* A supporter in Buffalo, NY gave $35
* A supporter in New Haven, CT gave $38
* A supporter in Wynantskill, NY gave $50
* A supporter in New York, NY gave $50
* A supporter in Waite hill, OH gave $35
* A supporter in Goldsboro, NC gave $45
* A supporter in Tigard, OR gave $50
* A supporter in Rossvile, GA gave $35
* A supporter in Saginaw, MI gave $35
BRING ON BOLD ACTION!
We need you to stand with us to fight climate change, protect vulnerable
wildlife and their habitats, and keep ourselves and our loved ones safe from
toxic pollution and harmful household chemicals.
Make it monthly! Monthly giving is the most effective way to make a lasting
difference. It lowers EDF Action's fundraising costs and allows you to spread
your giving out over the year.
Monthly
One-time
One time
monthly
Choose a monthly amount
* $10
* $15
* $25
* $50
* AED | United Arab Emirates DirhamAFN | Afghan AfghaniALL | Albanian LekAMD |
Armenian DramANG | Netherlands Antillean GuilderAOA | Angolan KwanzaARS |
Argentine PesoAUD | Australian DollarAWG | Aruban FlorinAZN | Azerbaijani
ManatBAM | Bosnia And Herzegovina Convertible MarkBBD | Barbados DollarBDT |
Bangladeshi TakaBGN | Bulgarian LevBHD | Bahraini DinarBIF | Burundian
FrancBMD | Bermudian Dollar (customarily Known As Bermuda Dollar)BND | Brunei
DollarBOB | BolivianoBRL | Brazilian RealBSD | Bahamian DollarBTN | Bhutanese
NgultrumBWP | Botswana PulaBZD | Belize DollarCAD | Canadian DollarCDF |
Congolese FrancCHF | Swiss FrancCLF | Unidad De Fomento (funds Code)CLP |
Chilean PesoCNY | Chinese YuanCOP | Colombian PesoCRC | Costa Rican ColonCUC
| Cuban Convertible PesoCUP | Cuban PesoCVE | Cape Verde EscudoCZK | Czech
KorunaDJF | Djiboutian FrancDKK | Danish KroneDOP | Dominican PesoDZD |
Algerian DinarEGP | Egyptian PoundERN | Eritrean NakfaETB | Ethiopian BirrEUR
| EuroFJD | Fiji DollarFKP | Falkland Islands PoundGBP | Pound SterlingGEL |
Georgian LariGHS | Ghanaian CediGIP | Gibraltar PoundGMD | Gambian DalasiGNF
| Guinean FrancGTQ | Guatemalan QuetzalGYD | Guyanese DollarHKD | Hong Kong
DollarHNL | Honduran LempiraHRK | Croatian KunaHTG | Haitian GourdeHUF |
Hungarian ForintIDR | Indonesian RupiahILS | Israeli New ShekelINR | Indian
RupeeIQD | Iraqi DinarIRR | Iranian RialISK | Icelandic KrónaJMD | Jamaican
DollarJOD | Jordanian DinarJPY | Japanese YenKES | Kenyan ShillingKGS |
Kyrgyzstani SomKHR | Cambodian RielKMF | Comoro FrancKPW | North Korean
WonKRW | South Korean WonKWD | Kuwaiti DinarKYD | Cayman Islands DollarKZT |
Kazakhstani TengeLAK | Lao KipLBP | Lebanese PoundLKR | Sri Lankan RupeeLRD |
Liberian DollarLSL | Lesotho LotiLYD | Libyan DinarMAD | Moroccan DirhamMDL |
Moldovan LeuMGA | Malagasy AriaryMKD | Macedonian DenarMMK | Myanma KyatMNT |
Mongolian TugrikMOP | Macanese PatacaMUR | Mauritian RupeeMVR | Maldivian
RufiyaaMWK | Malawian KwachaMXN | Mexican PesoMYR | Malaysian RinggitMZN |
Mozambican MeticalNAD | Namibian DollarNGN | Nigerian NairaNIO | Nicaraguan
CórdobaNOK | Norwegian KroneNPR | Nepalese RupeeNZD | New Zealand DollarOMR |
Omani RialPAB | Panamanian BalboaPEN | Peruvian Nuevo SolPGK | Papua New
Guinean KinaPHP | Philippine PesoPKR | Pakistani RupeePLN | Polish ZłotyPYG |
Paraguayan GuaraníQAR | Qatari RiyalRON | Romanian New LeuRSD | Serbian
DinarRWF | Rwandan FrancSAR | Saudi RiyalSBD | Solomon Islands DollarSCR |
Seychelles RupeeSDG | Sudanese PoundSEK | Swedish Krona/kronorSGD | Singapore
DollarSHP | Saint Helena PoundSLL | Sierra Leonean LeoneSOS | Somali
ShillingSRD | Surinamese DollarSSP | South Sudanese PoundSTD | São Tomé And
Príncipe DobraSYP | Syrian PoundSZL | Swazi LilangeniTHB | Thai BahtTJS |
Tajikistani SomoniTMT | Turkmenistani ManatTND | Tunisian DinarTOP | Tongan
PaʻangaTRY | Turkish LiraTTD | Trinidad And Tobago DollarTWD | New Taiwan
DollarTZS | Tanzanian ShillingUAH | Ukrainian HryvniaUGX | Ugandan
ShillingUSD | United States DollarUYU | Uruguayan PesoUZS | Uzbekistan SomVND
| Vietnamese DongVUV | Vanuatu VatuWST | Samoan TalaXAF | CFA Franc BEACXCD |
East Caribbean DollarXDR | Special Drawing RightsXOF | CFA Franc BCEAOXPF |
CFP FrancYER | Yemeni RialZAR | South African Rand USD
$
Yes, I’ll add $0.53 monthly to cover the cost of processing my donation.
YOUR INFORMATION
Email
Don't forget your email address. Please enter in the format: name@domain.com.
Your receipt will be emailed here.
Email me urgent alerts and updates on how my gift is making a difference.
First Name
Last Name
Suffix
Sr. Jr. II III IV V
Be sure to provide your name.
Suffix
Please Select Sr. Jr. II III IV V
Please select a suffix.
Phone Number
Please enter a valid phone number. Don't forget your phone number.
Leave a comment
Type something
0/1000
Hidden: Data Packer 1
{"pid":"05ac4e11-94e3-4f52-916f-308c4e42451d","utm_id":"1682351182","cid":"53745795.1682396652.","ws":"direct
(donate.edaf.org)","wss":"(blank)","lp":"donate.edaf.org/give/334271/","email_traffic":"true"}
Type something
204/255
This field is required.
Hidden: Data Packer 2
{"utm_source":"EDF+action+network","utm_medium":"email-81969","utm_campaign":"edaf_none_upd_mem","is_web":"false","webteam_traffic":"0","mtf":"0","launch_id":"81969","adestra_launch_id":"81969"}
Type something
194/255
This field is required.
Hidden: Data Packer 3
{"adestra_campaign_id":"3050","_fbp":"fb.1.1682396653151.1967699560"}
Type something
69/255
This field is required.
Hidden: Internal Data Packer
{"to":0,"tz":"GMT","ccv":1,"opt":1,"wv":"41","ch":"email","isc":"M4XXA02"}
Type something
74/255
This field is required.
Hidden: Logs
Type something
0/255
This field is required.
your currently selected donation amount is Monthly donation $15.53 USD
Yes, I’ll add $0.53 monthly to cover the cost of processing my donation.
Donate with your preferred payment method: By clicking the donate button, I
agree to the Terms of Service and Privacy Policy
Credit card Bank transfer
PAYMENT DETAILS
Card Number
tab to enter credit card field
change
Connect to PayPal
Link to Bank Account
Billing First Name
Billing Last Name
Please enter your billing name.
Country
Please SelectAfghanistanAland IslandsAlbaniaAlgeriaAmerican
SamoaAndorraAngolaAnguillaAntarcticaAntigua and
BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelgiumBelizeBeninBermudaBhutanBoliviaBonaire,
Saint Eustatius and Saba Bosnia and HerzegovinaBotswanaBouvet
IslandBrazilBritish Indian Ocean TerritoryBritish Virgin
IslandsBruneiBulgariaBurkina FasoBurundiCambodiaCameroonCanadaCape VerdeCayman
IslandsCentral African RepublicChadChileChinaChristmas IslandCocos
IslandsColombiaComorosCook IslandsCosta RicaCroatiaCubaCuracaoCyprusCzech
RepublicDenmarkDjiboutiDominicaDominican RepublicEast TimorEcuadorEgyptEl
SalvadorEquatorial GuineaEritreaEstoniaEthiopiaFalkland IslandsFaroe
IslandsFijiFinlandFranceFrench GuianaFrench PolynesiaFrench Southern
TerritoriesGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuernseyGuineaGuinea-BissauGuyanaHaitiHeard
Island and McDonald IslandsHondurasHong
KongHungaryIcelandIndiaIndonesiaIrelandIsle of ManIsraelItalyIvory
CoastJamaicaJapanJerseyJordanKazakhstanKenyaKiribatiKosovoKuwaitKyrgyzstanLaosLatviaLebanonLesothoLibyaLiechtensteinLithuaniaLuxembourgMacaoMacedoniaMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall
IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesiaMoldovaMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNew
CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorthern Mariana
IslandsNorwayOmanPakistanPalauPalestinian TerritoryPanamaPapua New
GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto RicoQatarRepublic of
the CongoReunionRomaniaRussiaRwandaSaint BarthelemySaint HelenaSaint Kitts and
NevisSaint LuciaSaint MartinSaint Pierre and MiquelonSaint Vincent and the
GrenadinesSamoaSan MarinoSao Tome and PrincipeSaudi
ArabiaSenegalSerbiaSeychellesSingaporeSint MaartenSlovakiaSloveniaSolomon
IslandsSouth AfricaSouth Georgia and the South Sandwich IslandsSouth KoreaSouth
SudanSpainSri LankaSurinameSvalbard and Jan
MayenSwazilandSwedenSwitzerlandTaiwanTajikistanTanzaniaThailandTogoTokelauTongaTrinidad
and TobagoTunisiaTurkeyTurkmenistanTurks and Caicos IslandsTuvaluU.S. Virgin
IslandsUgandaUkraineUnited Arab EmiratesUnited KingdomUnited StatesUnited States
Minor Outlying IslandsUruguayUzbekistanVanuatuVaticanVenezuelaVietnamWallis and
FutunaWestern SaharaYemenZambia
Please select your country.
Address
Don't forget to provide a billing address.
Address 2
City
Don't forget to provide a billing city.
State Please
SelectAlabamaAlaskaArizonaArkansasCaliforniaColoradoConnecticutDelawareDistrict
of
ColumbiaFloridaGeorgiaHawaiiIdahoIllinoisIndianaIowaKansasKentuckyLouisianaMaineMarylandMassachusettsMichiganMinnesotaMississippiMissouriMontanaNebraskaNevadaNew
HampshireNew JerseyNew MexicoNew YorkNorth CarolinaNorth
DakotaOhioOklahomaOregonPennsylvaniaRhode IslandSouth CarolinaSouth
DakotaTennesseeTexasUtahVermontVirginiaWashingtonWest
VirginiaWisconsinWyomingArmed Forces (the) AmericasArmed Forces EuropeArmed
Forces PacificAmerican SamoaGuamNorthern Mariana IslandsPuerto RicoUnited States
Minor Outlying IslandsVirgin Islands
ZIP
Please verify that you are not a robot.
By clicking Give $15.53 monthly, I agree to the Terms of Service and Privacy
Policy
Give $15.53 monthly Give $15.53 monthly
Donate with
your currently selected donation amount is Monthly donation $15.53 USD
Give $15.53 monthly
Yes, I’ll add $0.53 monthly to cover the cost of processing my donation.
Your info
* Donation amount
* Your info
* Payment info
Prefer to donate with cryptocurrency?
Donate Crypto
BRING ON BOLD ACTION!
Bitcoin Ethereum USDC
Choose a donation amount
$35.00 0.00127219 BTC $50.00 0.00181741 BTC
$100.00 0.00363483 BTC $500.00 0.01817415 BTC
USD
BTC
enter an amount greater than 0
What would you like your donation to support?
Donate
NaN BTC
QUESTIONS
Is this donation tax deductible?
As a 501(c)(4) organization, Environmental Defense Action Fund (also EDF Action)
is not limited in what it can spend to promote legislative environmental
solutions. Because of this, donations to EDF Action are not tax deductible under
U.S. law.
❤️
Before you go
Would you consider a donation?
Your support will help create change and inspire hope throughout our community.
Return to donate
Hey there!
* Log In
* Share this page
* What we do
* Get involved
* News