give.translifeline.org
Open in
urlscan Pro
2606:4700::6812:c55f
Public Scan
Submitted URL: http://give.translifeline.org/
Effective URL: https://give.translifeline.org/give/461718/
Submission: On March 29 via api from US — Scanned from DE
Effective URL: https://give.translifeline.org/give/461718/
Submission: On March 29 via api from US — 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"
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 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">
<p style="font-size: 40px;"><strong>Support Trans Lifeline</strong></p>
</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><span style="font-size: 24px;">Trans Lifeline is primarily funded by individual donors; donations of all sizes are deeply appreciated and put to good use to help us deliver our lifesaving services to those who need them most.
Recurring gifts are especially useful to provide a sustainable foundation today and into the future as we anticipate increased demand for our services.</span></p>
<ul>
<li><span style="font-size: 24px;">$25 connects one trans person to the Hotline</span></li>
<li><span style="font-size: 24px;">$120 provides peer support to one person to change their ID</span></li>
<li><span style="font-size: 24px;">$455 is the average legal fee to update an ID</span></li>
</ul>
<p><br></p>
<p><span class="fr-video fr-fvc fr-dvb fr-draggable" contenteditable="false" draggable="true"><iframe width="640" height="360" src="https://www.youtube.com/embed/xkDHAjzyqJM?wmode=opaque" frameborder="0"
allowfullscreen=""></iframe></span><br></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" data-ng-controller="frsDonationAmountCtrl">
<!-- ngIf: preventRecurringFrequency -->
<!-- ngIf: show.levels() && !displayRecurringExperiment() && preventRecurringFrequency -->
<!-- ngIf: !displayRecurringExperiment() && preventRecurringFrequency -->
<!-- ngIf: showLegacyDonationGrid -->
<!-- ngIf: !showLegacyDonationGrid --><donation-grid ng-if="!showLegacyDonationGrid" 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" global-state="globalState" class="ng-scope ng-isolate-scope">
<div class="donation-grid">
<!-- FREQUENCY TOGGLE-->
<!-- ngIf: !$ctrl.onlyReccurringFrequency($ctrl.frequencyLevels) && $ctrl.recurringLevels($ctrl.frequencyLevels).length > 0 -->
<div data-ng-init="$ctrl.showFreqDropdown()" data-ng-if="!$ctrl.onlyReccurringFrequency($ctrl.frequencyLevels) && $ctrl.recurringLevels($ctrl.frequencyLevels).length > 0" class="donation-grid__switch ng-scope" role="radiogroup"
data-ng-style="$ctrl.ctaStyle" aria-label="Select a donation frequency" style="background-color: rgba(216, 58, 89, 0.12);">
<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.toggleHover('one-time',true)" data-ng-mouseout="$ctrl.toggleHover('one-time',false)" data-ng-style="$ctrl.getStylesFrequencyOneTimeBtn('one-time')" class="donation-grid__btn once hover-state_one-time selected"
_spec="one-time" tabindex="0" data-ng-class="{'selected': $ctrl.frequency === 'one-time'}"
style="transition: all 0.2s ease-in-out 0s; color: rgb(255, 255, 255); background-color: rgb(216, 58, 89); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 1px 2px 12px inset, rgba(0, 0, 0, 0.2) 1px 2px 2px inset;">
<div class="donation-grid__btn__frequency-label-container">
<i data-ng-show="$ctrl.isOneTime()" class="ci ci-checkmark eg-donation-frequency-switch__icon eg-pr1"></i>
<label for="donation-grid__radio-input" class="donation-grid__btn__frequency-label" tabindex="-1">
<input type="radio" id="donation-grid__radio-input" role="radio" tabindex="-1" name="donation-frequency" class="donation-grid__btn__frequency-input" aria-checked="true">One-time </label>
</div>
</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.toggleHover('recurring',true)" data-ng-mouseout="$ctrl.toggleHover('recurring',false)"
data-ng-style="$ctrl.getStylesFrequencyRecurringBtn($ctrl.frequency)" class="donation-grid__btn monthly hover-state_recurring" _spec="recurring" tabindex="0" data-ng-class="{'selected': $ctrl.recurringBtnSelected($ctrl.frequency)}"
style="transition: all 0.2s ease-in-out 0s; color: rgba(0, 0, 0, 0.9); border-radius: 24px; box-shadow: inherit;">
<div class="donation-grid__btn__frequency-label-container">
<i data-ng-show="$ctrl.recurringBtnSelected($ctrl.frequency)" class="ci ci-checkmark eg-donation-frequency-switch__icon eg-pr1 ng-hide"></i>
<label for="donationGrid-donation-amount-monthly__radio-input" class="donation-grid__btn__frequency-label ng-binding" style="
text-transform: capitalize;" tabindex="-1">
<input type="radio" role="radio" id="donationGrid-donation-amount-monthly__radio-input" name="donation-frequency" tabindex="-1" class="donation-grid__btn__frequency-input" aria-checked="false"> monthly </label>
</div>
</div>
</div><!-- end ngIf: !$ctrl.onlyReccurringFrequency($ctrl.frequencyLevels) && $ctrl.recurringLevels($ctrl.frequencyLevels).length > 0 -->
<!-- ngIf: $ctrl.isFreqDropdown || ($ctrl.onlyReccurringFrequency($ctrl.frequencyLevels) && $ctrl.recurringLevels($ctrl.frequencyLevels).length > 1) -->
<!-- END DATE -->
<!-- ngIf: $ctrl.showRecurringEndDate && $ctrl.frequency !== 'one-time' -->
<!-- ngIf: !$ctrl.showRecurringDonationArray && (!!$ctrl.frequency && ($ctrl.noOfDonationAmount($ctrl.levels) !== 1 || $ctrl.showCustomAmtField($ctrl.levels))) -->
<p data-ng-if="!$ctrl.showRecurringDonationArray && (!!$ctrl.frequency && ($ctrl.noOfDonationAmount($ctrl.levels) !== 1 || $ctrl.showCustomAmtField($ctrl.levels)))" id="amount-options-label" class="ng-scope"> Choose a
<b class="ng-binding">one-time</b> amount </p><!-- end 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))) -->
<!-- IF MULTIPLE AMOUNT DISPLAYED -->
<!-- ngIf: !$ctrl.showRecurringDonationArray && ($ctrl.noOfDonationAmount($ctrl.levels) > 1 || $ctrl.showCustomAmtField($ctrl.levels)) -->
<ul data-ng-if="!$ctrl.showRecurringDonationArray && ($ctrl.noOfDonationAmount($ctrl.levels) > 1 || $ctrl.showCustomAmtField($ctrl.levels))" class="donation-grid__levels ng-scope" aria-labelledby="amount-options-label"
role="radiogroup" data-ng-class="{'multiple-amount-hidden' : $ctrl.noOfDonationAmount($ctrl.levels) === 1 && !$ctrl.showCustomAmtField($ctrl.levels)}">
<!-- ngRepeat: level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1 -->
<li data-ng-if="level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1" id="D-A500"
data-ng-repeat="level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true})" data-ng-click="$ctrl.selectAmount(level.displayAmount)"
data-ng-keydown="$ctrl.selectAmount(level.displayAmount, $event)" data-ng-mouseover="$ctrl.toggleHover($index,true)" data-ng-mouseout="$ctrl.toggleHover($index,false)" class="donation-grid__level-item hover-state_0" role="radio"
tabindex="0" aria-checked="false" data-ng-class="{'selected': $ctrl.amount === level.displayAmount && !$ctrl.showCustomAmtSelected}" data-ng-style="$ctrl.donationLevelStyle(level.displayAmount, $index)"
style="color: rgba(0, 0, 0, 0.87); background-color: rgba(216, 58, 89, 0.12); border: none; max-width: 50%; text-shadow: none; box-shadow: inherit;">
<!-- ngIf: !level.loading --><label data-ng-if="!level.loading" for="D-A500" class="donation-grid__level-item__amount-label ng-binding ng-scope">
<input data-ng-model="$ctrl.amount" type="radio" role="radio" tabindex="-1" aria-hidden="true" name="donationGrid-donation-amount"
class="donation-grid__level-item__amount-input ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified">$500 </label><!-- end ngIf: !level.loading -->
<!-- ngIf: level.loading -->
</li>
<!-- end ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1 --><!-- end ngRepeat: level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1 -->
<li data-ng-if="level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1" id="D-A100"
data-ng-repeat="level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true})" data-ng-click="$ctrl.selectAmount(level.displayAmount)"
data-ng-keydown="$ctrl.selectAmount(level.displayAmount, $event)" data-ng-mouseover="$ctrl.toggleHover($index,true)" data-ng-mouseout="$ctrl.toggleHover($index,false)" class="donation-grid__level-item hover-state_1" role="radio"
tabindex="0" aria-checked="false" data-ng-class="{'selected': $ctrl.amount === level.displayAmount && !$ctrl.showCustomAmtSelected}" data-ng-style="$ctrl.donationLevelStyle(level.displayAmount, $index)"
style="color: rgba(0, 0, 0, 0.87); background-color: rgba(216, 58, 89, 0.12); border: none; max-width: 50%; text-shadow: none; box-shadow: inherit;">
<!-- ngIf: !level.loading --><label data-ng-if="!level.loading" for="D-A100" class="donation-grid__level-item__amount-label ng-binding ng-scope">
<input data-ng-model="$ctrl.amount" type="radio" role="radio" tabindex="-1" aria-hidden="true" name="donationGrid-donation-amount"
class="donation-grid__level-item__amount-input ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified">$100 </label><!-- end ngIf: !level.loading -->
<!-- ngIf: level.loading -->
</li>
<!-- end ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1 --><!-- end ngRepeat: level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1 -->
<li data-ng-if="level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1" id="D-A50"
data-ng-repeat="level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true})" data-ng-click="$ctrl.selectAmount(level.displayAmount)"
data-ng-keydown="$ctrl.selectAmount(level.displayAmount, $event)" data-ng-mouseover="$ctrl.toggleHover($index,true)" data-ng-mouseout="$ctrl.toggleHover($index,false)" class="donation-grid__level-item hover-state_2 selected"
role="radio" tabindex="0" aria-checked="true" data-ng-class="{'selected': $ctrl.amount === level.displayAmount && !$ctrl.showCustomAmtSelected}" data-ng-style="$ctrl.donationLevelStyle(level.displayAmount, $index)"
style="color: rgb(255, 255, 255); background-color: rgb(216, 58, 89); border: none; max-width: 50%; text-shadow: rgba(0, 0, 0, 0.12) 0px 2px 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 1px 2px 12px inset, rgba(0, 0, 0, 0.2) 1px 2px 2px inset;">
<!-- ngIf: !level.loading --><label data-ng-if="!level.loading" for="D-A50" class="donation-grid__level-item__amount-label ng-binding ng-scope">
<input data-ng-model="$ctrl.amount" type="radio" role="radio" tabindex="-1" aria-hidden="true" name="donationGrid-donation-amount"
class="donation-grid__level-item__amount-input ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified">$50 </label><!-- end ngIf: !level.loading -->
<!-- ngIf: level.loading -->
</li>
<!-- end ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1 --><!-- end ngRepeat: level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1 -->
<li data-ng-if="level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1" id="D-A25"
data-ng-repeat="level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true})" data-ng-click="$ctrl.selectAmount(level.displayAmount)"
data-ng-keydown="$ctrl.selectAmount(level.displayAmount, $event)" data-ng-mouseover="$ctrl.toggleHover($index,true)" data-ng-mouseout="$ctrl.toggleHover($index,false)" class="donation-grid__level-item hover-state_3" role="radio"
tabindex="0" aria-checked="false" data-ng-class="{'selected': $ctrl.amount === level.displayAmount && !$ctrl.showCustomAmtSelected}" data-ng-style="$ctrl.donationLevelStyle(level.displayAmount, $index)"
style="color: rgba(0, 0, 0, 0.87); background-color: rgba(216, 58, 89, 0.12); border: none; max-width: 50%; text-shadow: none; box-shadow: inherit;">
<!-- ngIf: !level.loading --><label data-ng-if="!level.loading" for="D-A25" class="donation-grid__level-item__amount-label ng-binding ng-scope">
<input data-ng-model="$ctrl.amount" type="radio" role="radio" tabindex="-1" aria-hidden="true" name="donationGrid-donation-amount"
class="donation-grid__level-item__amount-input ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified">$25 </label><!-- end ngIf: !level.loading -->
<!-- ngIf: level.loading -->
</li>
<!-- end ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1 --><!-- end ngRepeat: level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true}) --><!-- ngIf: level.amount !== 'Custom' && $ctrl.noOfDonationAmount($ctrl.levels) !== 1 --><!-- end ngRepeat: level in $ctrl.levels | filter: ($ctrl.noOfDonationAmount($ctrl.levels) > 1 && { display_on_page: true}) -->
<!-- ngRepeat: level in $ctrl.levels | filter: { display_on_page: true} --><!-- ngIf: level.amount === 'Custom' && $ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time' --><!-- end ngRepeat: level in $ctrl.levels | filter: { display_on_page: true} --><!-- ngIf: level.amount === 'Custom' && $ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time' --><!-- end ngRepeat: level in $ctrl.levels | filter: { display_on_page: true} --><!-- ngIf: level.amount === 'Custom' && $ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time' --><!-- end ngRepeat: level in $ctrl.levels | filter: { display_on_page: true} --><!-- ngIf: level.amount === 'Custom' && $ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time' --><!-- end ngRepeat: level in $ctrl.levels | filter: { display_on_page: true} --><!-- ngIf: level.amount === 'Custom' && $ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time' -->
<li data-ng-if="level.amount === 'Custom' && $ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time'" data-ng-repeat="level in $ctrl.levels | filter: { display_on_page: true}"
data-ng-click="$ctrl.selectAmount('Custom')" class="donation-grid__level-item hover-state_other donation-grid__level-item__other ng-scope" role="radio" data-ng-class="{'selected': $ctrl.showCustomAmtSelected}">
<label for="D-AOther" class="donation-grid__level-item__amount-label other-rf">
<div id="custom-amount" class="donation-grid__amount currency-picker" data-ng-class="{'has-focus': $ctrl.show.inputFocus === true}" data-sc-form-error="highlight if amount fails" aria-invalid="false">
<donation-grid-currency class="donation-grid-currency hover-state_currency ng-isolate-scope" selected="$ctrl.showCustomAmtSelected" currency-model="$ctrl.currency" disabled="$ctrl.globalState.feeProcessing"
currency-entity="'donation'" data-ng-mouseover="$ctrl.toggleHover('currency',true)" data-ng-mouseout="$ctrl.toggleHover('currency',false)" data-ng-style="$ctrl.getOtherFieldStyles('currency')">
<div class="currency-picker__wrapper eg-pr2 ng-isolate-scope" data-ng-style="getCurrencyWrapperStyles(selected)" data-ng-class="{'no-pick': !showDropdown, 'disabled': disabled}" aria-hidden="false" sc-lock-field="disabled"
tooltip-text="tooltipText" handle-unlock="true" aria-disabled="false" style="border-color: rgb(250, 231, 235); background-color: rgb(250, 231, 235); opacity: 1;">
<div class="currency-picker__select-wrapper">
<select id="dropdown" data-ng-show="showDropdown" data-ng-model="currency" data-ng-change="syncCurrencyModel()" data-ng-options="currency as currency.longText for currency in currencyOptions track by currency.currency"
class="currency-picker__select eg-interact eg-ff ng-pristine ng-untouched ng-valid ng-not-empty ng-not-modified" aria-label="Select a currency" data-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 eg-ff ng-binding" data-ng-style="getCurrencyLabelStyles(selected)"
style="border-color: rgb(250, 231, 235) white rgb(250, 231, 235) rgb(250, 231, 235); background-color: rgb(250, 231, 235); border-right-width: 1px; border-right-style: solid; background-image: unset;">USD
<!-- ngIf: !isDisabled() --><i class="fa fa-caret-down ng-scope" ng-if="!isDisabled()"></i><!-- end ngIf: !isDisabled() --></span>
</div>
</div>
</donation-grid-currency>
<donation-grid-custom-amount model="$ctrl.otherAmount" modal-bind-value="$ctrl.amount" selected="$ctrl.showCustomAmtSelected" currency-code="$ctrl.currency" round-currency="false" name="'amount'" label="''" placeholder="'Other'"
data-ng-mouseover="$ctrl.toggleHover('custom_amount',true)" data-ng-mouseout="$ctrl.toggleHover('custom_amount',false)" data-ng-style="$ctrl.getOtherFieldStyles('custom_amount')"
class="currency-field rf donation-grid-custom-amount hover-state_custom_amount ng-isolate-scope" currency-aria-label="Enter an other amount to donate">
<div class="donation-grid-custom-amount-container">
<span ng-class="{'selected': $ctrl.selected}" ng-style="!$ctrl.selected ? $ctrl.getStylesDefault() : $ctrl.getStylesSelected()" class="ng-binding"
style="background-color: rgb(250, 231, 235); border-color: rgb(250, 231, 235);">$</span>
<input ng-model="$ctrl.model" ng-model-options="{ getterSetter: $ctrl.getterSetter }" name="amount" sc-currency="" sc-validity-reporter="" sc-validity-classes="" data-sc-focus="$ctrl.focusWhen"
round-currency="$ctrl.roundCurrency" ng-disabled="$ctrl.disableFlag" ng-required="$ctrl.required" ng-focus="$ctrl.onFocus = true" ng-blur="$ctrl.onBlur()" ng-change="$ctrl.onChange()" max="$ctrl.max" min="$ctrl.min"
autocomplete="off" placeholder="Other" aria-label="Enter an other amount to donate" qa-id="text-input" _spec="input" type="string" inputmode="numeric" ng-class="{'selected': $ctrl.selected}"
class="form__text-input--dark eg-ff eg-bold6 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-style="!$ctrl.selected ? $ctrl.getStylesDefault() : $ctrl.getStylesSelected()" style="background-color: rgb(250, 231, 235); border-color: rgb(250, 231, 235);">
</div>
<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>
</donation-grid-custom-amount>
</div>
</label>
</li><!-- end ngIf: level.amount === 'Custom' && $ctrl.showCustomAmtField($ctrl.levels) && $ctrl.frequency === 'one-time' --><!-- end ngRepeat: level in $ctrl.levels | filter: { display_on_page: true} -->
</ul><!-- end 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)) -->
<!-- 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-grid><!-- end ngIf: !showLegacyDonationGrid -->
</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-dedication ng-scope" data-ng-controller="frsDonationDedicationCtrl">
<button type="button" class="sc-checkbox " data-ng-click="toggle()" role="checkbox" aria-checked="false" data-sc-checkbox="" data-ng-model="state.dedicationFormEnabled" name="dedicate"
aria-label="Dedicate my donation in honor or in memory of someone"><span class="sc-checkbox_input"></span><span class="sc-checkbox_label" data-ng-transclude="" aria-hidden="true"> Dedicate my donation <strong class="ng-scope">in honor or in
memory</strong> of someone </span></button>
<div data-ng-show="show.dedicationForm()" data-ng-form="dedicationForm" class="ng-pristine ng-hide ng-valid-email-address ng-invalid ng-invalid-required">
<!-- ngInclude: ::template('type') -->
<div data-heap-ignore="true" data-ng-include="::template('type')" class="mp-sensitive ng-scope">
<div class="donation-table ng-scope">
<div class="donation-table-label-type">
<label class="donation-label">Type</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns donation-table_columns_without_margin">
<div class="donation-table_column">
<radio-group role="radiogroup" aria-label="select dedication type" class="ng-isolate-scope"><ng-transclude>
<radio-control ng-model="dedicationModel.type" name="'type'" value="'honor'" ng-required="true" aria-label="select to donate in honor of someone"
class="ng-pristine ng-untouched ng-valid ng-scope ng-isolate-scope ng-not-empty ng-valid-required ng-not-modified" required="required">
<button class="form__radio-control checked" aria-checked="true" role="radio" tabindex="0" ng-class="{ checked: $ctrl.isChecked() }" ng-click="$ctrl.select()" ng-keydown="$ctrl.onKeyDown($event)" ng-disabled="$ctrl.disabled"
type="button" aria-label="select to donate in honor of someone" _spec="button">
<span class="form__radio-control_input" sc-error-class="$ctrl.ngModelCtrl.$name" ng-style="{ color: $ctrl.color }" _spec="radio" style="color: rgb(216, 58, 89);"></span>
<span class="form__radio-control_label" qa-id="radio-field" ng-transclude="" _spec="label"> In honor of … </span>
</button>
</radio-control>
<radio-control ng-model="dedicationModel.type" name="'type'" value="'memory'" ng-required="true" aria-label="select to donate in memory of someone"
class="ng-pristine ng-untouched ng-valid ng-scope ng-isolate-scope ng-not-empty ng-valid-required ng-not-modified" required="required">
<button class="form__radio-control" aria-checked="false" role="radio" tabindex="0" ng-class="{ checked: $ctrl.isChecked() }" ng-click="$ctrl.select()" ng-keydown="$ctrl.onKeyDown($event)" ng-disabled="$ctrl.disabled"
type="button" aria-label="select to donate in memory of someone" _spec="button">
<span class="form__radio-control_input" sc-error-class="$ctrl.ngModelCtrl.$name" ng-style="{ color: $ctrl.color }" _spec="radio" style="color: rgb(216, 58, 89);"></span>
<span class="form__radio-control_label" qa-id="radio-field" ng-transclude="" _spec="label"> In memory of … </span>
</button>
</radio-control>
</ng-transclude></radio-group>
</div>
</div>
</div>
</div>
</div>
<!-- ngInclude: ::template('honoree') -->
<div data-heap-ignore="true" data-ng-include="::template('honoree')" class="mp-sensitive ng-scope">
<div class="donation-table donation-dedication__honoree ng-scope">
<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 dedicationForm.honoree_first_name fails">Honoree’s 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="dedicationModel.honoree_first_name" data-sc-retain-focus-validity=""
data-sc-form-error="highlight if dedicationForm.honoree_first_name fails" type="text" name="honoree_first_name" aria-label="honoree's first name" required="" aria-invalid="false">
</div>
<div class="donation-table_column half">
<span class="donation-label required" data-sc-form-error="highlight if dedicationForm.honoree_last_name fails">Honoree’s 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="dedicationModel.honoree_last_name" data-sc-retain-focus-validity=""
data-sc-form-error="highlight if dedicationForm.honoree_last_name fails" type="text" name="honoree_last_name" aria-label="honoree's 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 [dedicationForm.honoree_first_name, dedicationForm.honoree_last_name] fails required" style="display: none;"> Don't forget to give us a name for the dedication.
</span>
</div>
</div>
</div>
</div>
<!-- ngIf: show.emailForm() || state.postcardEnabled --><!-- ngInclude: ::template('recipient-email') -->
<div data-heap-ignore="true" data-ng-include="::template('recipient-email')" data-ng-if="show.emailForm() || state.postcardEnabled" class="mp-sensitive ng-scope">
<div class="donation-table donation-dedication_recipient-info ng-scope">
<div class="donation-table_row">
<div class="donation-table_columns donation-table_columns_without_margin">
<div class="donation-table_column">
<label class="donation-label" data-ng-class="{required: show.requiredDedicationInfo()}" data-sc-form-error="highlight if [dedicationForm.name, dedicationForm.email_address] fails">Recipient's email</label>
<input class="donation-text_input ng-pristine ng-untouched ng-valid ng-empty ng-valid-email-address ng-valid-required ng-not-modified" data-ng-model="dedicationModel.email_address" data-sc-validate-email-address=""
data-sc-retain-focus-validity="" data-sc-form-error="highlight if dedicationForm.email_address fails" data-ng-required="show.requiredDedicationInfo()" type="text" name="email_address" placeholder="Email Address"
aria-label="recipient's email address, not required, use to optionally send a notification email" aria-invalid="false">
</div>
</div>
<div>
<span aria-live="polite" role="alert" class="donation-error ng-binding" data-sc-form-error="show if dedicationForm.email_address fails emailAddress" style="display: none;"> Please enter dedication recipient email in the format:
name@domain.com. </span>
</div>
<small class="donation-table_row-helper ng-binding"> Optionally send a notification email </small>
</div>
</div>
<div class="donation-table donation-dedication_recipient-info ng-scope">
<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" data-sc-form-error="highlight if billing_first_name fails" data-ng-class="{required: show.requiredDedicationInfo() || state.postcardEnabled}">Recipient’s First Name</span>
<input class="donation-text_input ng-pristine ng-untouched ng-valid ng-empty ng-valid-required ng-not-modified" data-ng-model="dedicationModel.first_name" data-sc-retain-focus-validity=""
data-sc-form-error="highlight if dedicationForm.first_name fails" type="text" name="first_name" ng-required="show.requiredDedicationInfo() || state.postcardEnabled" aria-label="recipient's first name" aria-invalid="false">
</div>
<div class="donation-table_column half">
<span class="donation-label" data-sc-form-error="highlight if billing_first_name fails" data-ng-class="{required: show.requiredDedicationInfo() || state.postcardEnabled}">Recipient’s Last Name</span>
<input class="donation-text_input ng-pristine ng-untouched ng-valid ng-empty ng-valid-required ng-not-modified" data-ng-model="dedicationModel.last_name" data-sc-retain-focus-validity=""
data-sc-form-error="highlight if dedicationForm.last_name fails" type="text" name="last_name" ng-required="show.requiredDedicationInfo() || state.postcardEnabled" aria-label="recipient's last name" aria-invalid="false">
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if [dedicationForm.name,dedicationForm.email_address] fails required" style="display: none;"> Don't forget to include the of your recipient. </span>
</div>
</div>
</div>
</div><!-- end ngIf: show.emailForm() || state.postcardEnabled -->
<!-- ngIf: show.postcardToggle() -->
<!-- ngIf: show.postcardForm() -->
<!-- ngIf: show.emailForm() || state.postcardEnabled --><!-- ngInclude: ::template('recipient-message') -->
<div data-heap-ignore="true" data-ng-include="::template('recipient-message')" data-ng-if="show.emailForm() || state.postcardEnabled" class="mp-sensitive ng-scope">
<div class="donation-dedication_message ng-scope" data-sc-form-error="highlight if dedicationForm.ecard_message fails" aria-invalid="false">
<!-- Message Text -->
<div class="donation-dedication_message-text half" data-ng-class="{ half: show.ecardsForm() }">
<div class="donation-dedication_message-label">
<label class="donation-label" for="dedicationMessage" data-sc-form-error="highlight if dedicationForm.ecard_message fails">Your Message to the Recipient</label>
<!-- ngIf: dedicationModel.ecard_id -->
</div>
<textarea class="donation-dedication_message-input ng-pristine ng-untouched ng-valid ng-empty ng-not-modified" data-sc-form-error="highlight if dedicationForm.ecard_message fails" data-ng-model="dedicationModel.ecard_message"
data-sc-retain-focus-validity="" name="ecard_message" aria-label="Your Message to the Recipient." aria-invalid="false"></textarea>
<small class="donation-dedication_message-helper"> Please spell check, include how you would like your name(s) signed, mention the amount if desired, and format your message as you would like it delivered. </small>
</div>
<!-- Image (ecard) -->
<!-- ngIf: show.ecardsForm() -->
<div class="donation-dedication_message-ecard ng-scope" data-ng-if="show.ecardsForm()">
<label class="donation-dedication_message-label">Include an e-Card?</label>
<radio-group role="radiogroup" aria-label="select eCard to send" class="ng-isolate-scope"><ng-transclude>
<div class="donation-dedication_message-ecard-none ng-scope">
<radio-control ng-model="dedicationModel.ecard_id" name="'ecard_id'" value="null" aria-label="don't include an e-card design with the e-mail"
class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty ng-not-modified">
<button class="form__radio-control checked" aria-checked="true" role="radio" tabindex="0" ng-class="{ checked: $ctrl.isChecked() }" ng-click="$ctrl.select()" ng-keydown="$ctrl.onKeyDown($event)" ng-disabled="$ctrl.disabled"
type="button" aria-label="don't include an e-card design with the e-mail" _spec="button">
<span class="form__radio-control_input" sc-error-class="$ctrl.ngModelCtrl.$name" ng-style="{ color: $ctrl.color }" _spec="radio" style="color: rgb(216, 58, 89);"></span>
<span class="form__radio-control_label" qa-id="radio-field" ng-transclude="" _spec="label"> No e-Card </span>
</button>
</radio-control>
</div>
<div class="donation-dedication_message-ecard-grid ng-scope">
<!-- ngRepeat: ecard in list.ecards | orderBy: 'order' -->
<div class="donation-dedication_message-ecard-item ng-scope" data-ng-repeat="ecard in list.ecards | orderBy: 'order'" data-ng-class="{'active': dedicationModel.ecard_id == ecard.id }" data-ng-click="selectEcard(ecard.id)"
data-ng-style="{color: theme.current.styles.primaryColor}" style="color: rgb(216, 58, 89);">
<div class="donation-dedication_message-ecard-radio">
<radio-control value="ecard.id" ng-model="dedicationModel.ecard_id" name="'ecard_id'" size="'small'" aria-label="e-Card option 1" class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-not-empty ng-not-modified">
<button class="form__radio-control--small" aria-checked="false" role="radio" tabindex="0" ng-class="{ checked: $ctrl.isChecked() }" ng-click="$ctrl.select()" ng-keydown="$ctrl.onKeyDown($event)"
ng-disabled="$ctrl.disabled" type="button" aria-label="e-Card option 1" _spec="button">
<span class="form__radio-control--small_input" sc-error-class="$ctrl.ngModelCtrl.$name" ng-style="{ color: $ctrl.color }" _spec="radio" style="color: rgb(216, 58, 89);"></span>
<span class="form__radio-control--small_label" qa-id="radio-field" ng-transclude="" _spec="label"></span>
</button>
</radio-control>
</div>
<img class="donation-dedication_message-ecard-image" data-ng-src="https://assets.classy.org/25620386/475413ca-a669-11ed-8eb5-0a58a9feac02.png" alt="dedication message ecard 1"
src="https://assets.classy.org/25620386/475413ca-a669-11ed-8eb5-0a58a9feac02.png">
</div><!-- end ngRepeat: ecard in list.ecards | orderBy: 'order' -->
<!-- ngIf: dedicationModel.ecard_id -->
</div>
</ng-transclude></radio-group>
</div><!-- end ngIf: show.ecardsForm() -->
</div>
</div><!-- end ngIf: show.emailForm() || state.postcardEnabled -->
</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" 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('prefix') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('prefix')" data-ng-if="show.prefix()">
<div class="donation-table ng-scope">
<div class="donation-table_label">
<label class="donation-label" data-ng-class="{ required: list.optionalQuestions.prefix.is_required }" data-sc-form-error="highlight if optional_prefix fails">Title</label>
</div>
<div class="donation-table_row">
<div class="donation-table_columns">
<div class="donation-table_column third">
<select class="donation-select ng-pristine ng-untouched ng-valid ng-empty ng-valid-required ng-not-modified" data-ng-model="META.answers.prefix" data-ng-model-options="{ getterSetter: true }"
data-sc-form-error="highlight if optional_prefix fails" data-ng-required="list.optionalQuestions.prefix.is_required" data-ng-options="option.label as option.label for option in list.optionalQuestions.prefix.enum_options"
name="optional_prefix" aria-label="Title" aria-invalid="false">
<option value="" class="" selected="selected">Please Select</option>
<option label="Dr." value="string:Dr.">Dr.</option>
<option label="Mr." value="string:Mr.">Mr.</option>
<option label="Mrs." value="string:Mrs.">Mrs.</option>
<option label="Ms." value="string:Ms.">Ms.</option>
<option label="Mx." value="string:Mx.">Mx.</option>
</select>
</div>
</div>
<div aria-live="polite" role="alert">
<span class="donation-error ng-binding" data-sc-form-error="show if optional_prefix fails required" style="display: none;"> Please select a title. </span>
</div>
</div>
</div>
</div><!-- end ngIf: show.prefix() -->
<!-- ngInclude: ::template('name') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('name')">
<div class="donation-table ng-scope">
<div class="donation-table_row">
<div class="donation-table_columns donation-table_columns_without_margin">
<div class="donation-table_column half" 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 half" 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>
<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 class="donation-table_columns donation-table_columns_without_margin ng-scope" data-ng-if="show.anonymous() || show.anonymousDonationAmounts()">
<!-- ngIf: show.anonymous() -->
<div class="donation-table_column ng-scope" data-ng-if="show.anonymous()">
<button type="button" class="inline sc-checkbox " data-ng-click="toggle()" role="checkbox" aria-checked="false" data-sc-checkbox="" aria-label="Make donation anonymous" data-ng-model="MODEL.is_anonymous" name="is_anonymous"><span
class="sc-checkbox_input"></span><span class="sc-checkbox_label" data-ng-transclude="" aria-hidden="true"> Hide my name from the public. </span></button>
<i tabindex="0" class="fa fa-question-circle donation-tooltip inline ng-binding ng-isolate-scope" data-sc-tooltip="" data-sc-tooltip-class="donation-tooltip_message" data-ng-style="{ color: theme.current.styles.primaryColor }" data-hasqtip="0" style="color: rgb(216, 58, 89);"></i>
</div><!-- end ngIf: show.anonymous() -->
<!-- ngIf: show.anonymousDonationAmounts() -->
</div><!-- end ngIf: show.anonymous() || show.anonymousDonationAmounts() -->
</div>
</div>
</div>
<!-- ngIf: show.suffix() -->
<!-- ngInclude: ::template('email') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('email')">
<div class="donation-table ng-scope">
<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="It's okay to contact me in the future."
name="opt_in"><span class="sc-checkbox_input"></span><span class="sc-checkbox_label" data-ng-transclude="" aria-hidden="true"> It's okay to contact me in the future. </span></button>
</div><!-- end ngIf: $ctrl.show -->
</sc-consent>
</div>
</div>
</div>
<!-- ngInclude: ::template('phone') -->
<div data-heap-ignore="true" class="mp-sensitive ng-scope" data-ng-include="::template('phone')">
<div class="donation-table ng-scope">
<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">
<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" 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_1110412 fails" data-ng-class="{ required: question.is_required }">What are your pronouns?</label>
</div>
<div class="donation-table_row ng-scope">
<div class="donation-table_columns">
<div class="donation-table_column froala-single_line_input">
<div class="fr-box singleline-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"><br></div><span class="fr-placeholder"
style="font-size: 16px; line-height: 19.2px; margin-top: 0px; padding-top: 10px; padding-left: 10px; margin-left: 0px; padding-right: 10px; margin-right: 60px; text-align: start;">Type something</span>
</div>
<div class="fr-toolbar singleline-theme fr-desktop fr-bottom fr-basic" style="" aria-disabled="false"></div><span class="fr-counter" style="bottom: 0px; margin-bottom: 0px; margin-right: 2px;">0/255</span>
</div><textarea class="donation-single_line_input ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-required ng-not-modified ng-dirty ng-valid-parse" froala="froalaSingleLineOptions"
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_1110412 fails" data-ng-required="question.is_required"
name="cq_1110412" aria-label="What are your pronouns?" 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_1110412 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" ng-hide="$ctrl.hideButtons">
<div class="eg-payment-button-mask ng-hide" data-ng-show="!$ctrl.arePaymentButtonEnabled"></div>
<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">One-time
donation</span><!-- end ngIf: !$ctrl.preventRecurringFrequency -->
<!-- ngIf: $ctrl.preventRecurringFrequency -->
<span class="donation-summary-amount-amount ng-binding" data-ng-class="{ processing: $ctrl.feeprocessing }"> $50.00<!-- 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"><!-- 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 " data-ng-click="toggle()" role="checkbox" aria-checked="false" data-sc-checkbox="" data-ng-model="$ctrl.fot" name="donation_fot"
aria-label="I’d like to cover the fees associated with my donation so more of my donation goes directly to Trans Lifeline."><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>I’d like to cover the fees associated with my donation so more of my donation goes directly to Trans Lifeline.</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"> Donate with your preferred payment method: </small>
<!-- ngIf: $ctrl.showDW -->
<!-- ngIf: !$ctrl.isTrial --><cp-digital-wallets data-ng-if="!$ctrl.isTrial" frequency="$ctrl.parentModel.frequency" amount="$ctrl.getAmount()" currency="$ctrl.parentModel.payment.raw_currency_code" submit="$ctrl.submitDigitalWallets"
pay-type="$ctrl.meta.digitalWalletType" fot="$ctrl.parentModel.fee_on_top" classymode="$ctrl.isClassyMode"
class="ng-scope ng-isolate-scope"><!-- ngIf: $ctrl.showDigitalWallets --></cp-digital-wallets><!-- 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-show="$ctrl.frequency === 'one-time' && ($ctrl.hasPaypal || $ctrl.hasVenmo)" id="button-container-one-time">
<div id="zoid-paypal-buttons-uid_87726da648_mjm6nda6mdy" class="paypal-buttons paypal-buttons-context-iframe paypal-buttons-label-unknown paypal-buttons-layout-horizontal" data-paypal-smart-button-version="5.0.431"
style="height: 40px; transition: all 0.2s ease-in-out 0s;">
<style nonce="">
#zoid-paypal-buttons-uid_87726da648_mjm6nda6mdy {
position: relative;
display: inline-block;
width: 100%;
min-height: 25px;
min-width: 150px;
font-size: 0;
}
#zoid-paypal-buttons-uid_87726da648_mjm6nda6mdy>iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#zoid-paypal-buttons-uid_87726da648_mjm6nda6mdy>iframe.component-frame {
z-index: 100;
}
#zoid-paypal-buttons-uid_87726da648_mjm6nda6mdy>iframe.prerender-frame {
transition: opacity .2s linear;
z-index: 200;
}
#zoid-paypal-buttons-uid_87726da648_mjm6nda6mdy>iframe.visible {
opacity: 1;
}
#zoid-paypal-buttons-uid_87726da648_mjm6nda6mdy>iframe.invisible {
opacity: 0;
pointer-events: none;
}
#zoid-paypal-buttons-uid_87726da648_mjm6nda6mdy>.smart-menu {
position: absolute;
z-index: 300;
top: 0;
left: 0;
width: 100%;
}
</style><iframe allowtransparency="true"
name="__zoid__paypal_buttons__eyJzZW5kZXIiOnsiZG9tYWluIjoiaHR0cHM6Ly9naXZlLnRyYW5zbGlmZWxpbmUub3JnIn0sIm1ldGFEYXRhIjp7IndpbmRvd1JlZiI6eyJ0eXBlIjoicGFyZW50IiwiZGlzdGFuY2UiOjB9fSwicmVmZXJlbmNlIjp7InR5cGUiOiJyYXciLCJ2YWwiOiJ7XCJ1aWRcIjpcInpvaWQtcGF5cGFsLWJ1dHRvbnMtdWlkXzg3NzI2ZGE2NDhfbWptNm5kYTZtZHlcIixcImNvbnRleHRcIjpcImlmcmFtZVwiLFwidGFnXCI6XCJwYXlwYWwtYnV0dG9uc1wiLFwiY2hpbGREb21haW5NYXRjaFwiOntcIl9fdHlwZV9fXCI6XCJyZWdleFwiLFwiX192YWxfX1wiOlwiXFxcXC5wYXlwYWxcXFxcLihjb218Y24pKDpcXFxcZCspPyRcIn0sXCJ2ZXJzaW9uXCI6XCIxMF8zXzNcIixcInByb3BzXCI6e1wiZnVuZGluZ1NvdXJjZVwiOlwicGF5cGFsXCIsXCJzdHlsZVwiOntcImxhYmVsXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImxheW91dFwiOlwiaG9yaXpvbnRhbFwiLFwiY29sb3JcIjpcImdvbGRcIixcInNoYXBlXCI6XCJyZWN0XCIsXCJ0YWdsaW5lXCI6ZmFsc2UsXCJoZWlnaHRcIjo0MCxcInBlcmlvZFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJtZW51UGxhY2VtZW50XCI6XCJiZWxvd1wiLFwiZGlzYWJsZU1heFdpZHRoXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImJvcmRlclJhZGl1c1wiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn19LFwiY3JlYXRlT3JkZXJcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF83MjkxMjgwOWNjX21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJjXCJ9fSxcIm9uQXBwcm92ZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzU0NjcxMzM0MzZfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcIm9uQXBwcm92ZVwifX0sXCJvbkNsaWNrXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfYjNkNTc2NWI4MF9tam02bmRhNm1keVwiLFwibmFtZVwiOlwib25DbGlja1wifX0sXCJvbkNhbmNlbFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzg3ZjRkOTFhNTNfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImRcIn19LFwiY3NwTm9uY2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYWxsb3dCaWxsaW5nUGF5bWVudHNcIjp0cnVlLFwiYW1vdW50XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImFwaVN0YWdlSG9zdFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJhcHBsZVBheVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJhcHBsZVBheVN1cHBvcnRcIjpmYWxzZSxcImJyYW5kZWRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYnV0dG9uTG9jYXRpb25cIjpcImdpdmUudHJhbnNsaWZlbGluZS5vcmdcIixcImJ1dHRvblNlc3Npb25JRFwiOlwidWlkX2VlMDlkNzIyYjVfbWptNm5kYTZtZHlcIixcImJ1dHRvblNpemVcIjpcImxhcmdlXCIsXCJidXllckNvdW50cnlcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY2xpZW50QWNjZXNzVG9rZW5cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY2xpZW50SURcIjpcIkFmdW44d1lrazgwRlljeV9QWEpVVlVNS2pVc3ZpbWN4cGtKN3NCSkxsUGpfR3VudE5TdVZLLVd5Z3BuYVlUcmc4T3Y3S0drYzljYkZvWVB5XCIsXCJjbGllbnRNZXRhZGF0YUlEXCI6XCJ1aWRfMDNkZjM5OTFmZl9tam02bmRhNm1keVwiLFwiY29tbWl0XCI6dHJ1ZSxcImNvbXBvbmVudHNcIjpbXCJidXR0b25zXCIsXCJmdW5kaW5nLWVsaWdpYmlsaXR5XCJdLFwiY3JlYXRlQmlsbGluZ0FncmVlbWVudFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJjcmVhdGVTdWJzY3JpcHRpb25cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY3JlYXRlVmF1bHRTZXR1cFRva2VuXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImNzcFwiOntcIm5vbmNlXCI6XCJcIn0sXCJjdXJyZW5jeVwiOlwiVVNEXCIsXCJkZWJ1Z1wiOmZhbHNlLFwiZGlzYWJsZUNhcmRcIjpbXSxcImRpc2FibGVGdW5kaW5nXCI6W10sXCJkaXNhYmxlU2V0Q29va2llXCI6dHJ1ZSxcImRpc3BsYXlPbmx5XCI6W10sXCJlbmFibGVGdW5kaW5nXCI6W1widmVubW9cIl0sXCJlbmFibGVUaHJlZURvbWFpblNlY3VyZVwiOmZhbHNlLFwiZW5hYmxlVmF1bHRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZW52XCI6XCJwcm9kdWN0aW9uXCIsXCJleHBlcmltZW50XCI6e1wiZW5hYmxlVmVubW9cIjpmYWxzZX0sXCJleHBlcmltZW50YXRpb25cIjp7fSxcImZsb3dcIjpcInB1cmNoYXNlXCIsXCJmdW5kaW5nRWxpZ2liaWxpdHlcIjp7XCJwYXlwYWxcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjpmYWxzZX0sXCJwYXlsYXRlclwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXVsdGFibGVcIjpmYWxzZSxcInByb2R1Y3RzXCI6e1wicGF5SW4zXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhcmlhbnRcIjpudWxsfSxcInBheUluNFwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXJpYW50XCI6bnVsbH0sXCJwYXlsYXRlclwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXJpYW50XCI6bnVsbH19fSxcImNhcmRcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJicmFuZGVkXCI6dHJ1ZSxcImluc3RhbGxtZW50c1wiOmZhbHNlLFwidmVuZG9yc1wiOntcInZpc2FcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfSxcIm1hc3RlcmNhcmRcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfSxcImFtZXhcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfSxcImRpc2NvdmVyXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiaGlwZXJcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6ZmFsc2V9LFwiZWxvXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiamNiXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOnRydWV9LFwibWFlc3Ryb1wiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiZGluZXJzXCI6e1wiZWxpZ2libGVcIjp0cnVlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJjdXBcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfX0sXCJndWVzdEVuYWJsZWRcIjp0cnVlfSxcInZlbm1vXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOmZhbHNlfSxcIml0YXVcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImNyZWRpdFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYXBwbGVwYXlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNlcGFcIjp7XCJlbGlnaWJsZVwiOnRydWV9LFwiaWRlYWxcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImJhbmNvbnRhY3RcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImdpcm9wYXlcIjp7XCJlbGlnaWJsZVwiOnRydWV9LFwiZXBzXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJzb2ZvcnRcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcIm15YmFua1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwicDI0XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJ3ZWNoYXRwYXlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInBheXVcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImJsaWtcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInRydXN0bHlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcIm94eG9cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImJvbGV0b1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYm9sZXRvYmFuY2FyaW9cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcIm1lcmNhZG9wYWdvXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJtdWx0aWJhbmNvXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJzYXRpc3BheVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwicGFpZHlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfX0sXCJnZXRQYWdlVXJsXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNTFkZTIwOTJmNF9tam02bmRhNm1keVwiLFwibmFtZVwiOlwiZ2V0UGFnZVVybFwifX0sXCJnZXRQb3B1cEJyaWRnZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2VlYmE0NDUzZGNfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImdldFBvcHVwQnJpZGdlXCJ9fSxcImdldFByZXJlbmRlckRldGFpbHNcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8zYWE5MTJmMDQ2X21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJnZXRQcmVyZW5kZXJEZXRhaWxzXCJ9fSxcImdldFF1ZXJpZWRFbGlnaWJsZUZ1bmRpbmdcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF84MmQ3MzA5YmU2X21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJnZXRRdWVyaWVkRWxpZ2libGVGdW5kaW5nXCJ9fSxcImhvc3RlZEJ1dHRvbklkXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImludGVudFwiOlwiY2FwdHVyZVwiLFwianNTZGtMaWJyYXJ5XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImxvY2FsZVwiOntcImNvdW50cnlcIjpcIlVTXCIsXCJsYW5nXCI6XCJlblwifSxcIm1lcmNoYW50SURcIjpbXCJNNEhKUzZBRzZGOTI0XCJdLFwibWVyY2hhbnRSZXF1ZXN0ZWRQb3B1cHNEaXNhYmxlZFwiOmZhbHNlLFwibm9uY2VcIjpcIlwiLFwib25Db21wbGV0ZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJvbkluaXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF80NzIwMmRjMzYyX21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJvbkluaXRcIn19LFwib25TaGlwcGluZ0FkZHJlc3NDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwib25TaGlwcGluZ0NoYW5nZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJvblNoaXBwaW5nT3B0aW9uc0NoYW5nZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYWdlVHlwZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXJ0bmVyQXR0cmlidXRpb25JRFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXltZW50TWV0aG9kTm9uY2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicGF5bWVudE1ldGhvZFRva2VuXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInBheW1lbnRSZXF1ZXN0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInBsYXRmb3JtXCI6XCJkZXNrdG9wXCIsXCJyZWZlcnJlckRvbWFpblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJyZW1lbWJlclwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2Y5ZWZmMmM2MDVfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcInJlbWVtYmVyXCJ9fSxcInJlbWVtYmVyZWRcIjpbXSxcInJlbmRlcmVkQnV0dG9uc1wiOltcInBheXBhbFwiXSxcInNlc3Npb25JRFwiOlwidWlkXzAzZGYzOTkxZmZfbWptNm5kYTZtZHlcIixcInNka0NvcnJlbGF0aW9uSURcIjpcImYzNzA1NDNmMWE2ODVcIixcInNlc3Npb25TdGF0ZVwiOntcImdldFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzY4MGNkNjI2OThfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImdldFwifX0sXCJzZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9kMWI5NWI4ZmI2X21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJzZXRcIn19fSxcInN0YWdlSG9zdFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJzdG9yYWdlSURcIjpcInVpZF8yMzZmMDVkOTQzX21qbTZuZGE2bWR5XCIsXCJzdG9yYWdlU3RhdGVcIjp7XCJnZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8xMzc3YTU5YWExX21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJnZXRcIn19LFwic2V0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNWRjYjcyZGJhYV9tam02bmRhNm1keVwiLFwibmFtZVwiOlwic2V0XCJ9fX0sXCJzdXBwb3J0ZWROYXRpdmVCcm93c2VyXCI6ZmFsc2UsXCJzdXBwb3J0c1BvcHVwc1wiOnRydWUsXCJ0ZXN0XCI6e1wiYWN0aW9uXCI6XCJjaGVja291dFwifSxcInVzZXJFeHBlcmllbmNlRmxvd1wiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJ1c2VySURUb2tlblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJ2YXVsdFwiOmZhbHNlLFwid2FsbGV0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifX0sXCJleHBvcnRzXCI6e1wiaW5pdFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzllNmRhYjNjOWZfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImluaXRcIn19LFwiY2xvc2VcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9hZWNkMjQ2YTIyX21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJjbG9zZTo6bWVtb2l6ZWRcIn19LFwiY2hlY2tDbG9zZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzk2OWU4YjY1NmNfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImNoZWNrQ2xvc2VcIn19LFwicmVzaXplXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNjhmOTRjMmU4ZF9tam02bmRhNm1keVwiLFwibmFtZVwiOlwiUG5cIn19LFwib25FcnJvclwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzVmNDFkMzg4ZjZfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcIlVuXCJ9fSxcInNob3dcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8zYTFlZThlYjA1X21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJnblwifX0sXCJoaWRlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNTQ5NDA3ZmE5ZV9tam02bmRhNm1keVwiLFwibmFtZVwiOlwidm5cIn19LFwiZXhwb3J0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMmMxMWI1NTM0Nl9tam02bmRhNm1keVwiLFwibmFtZVwiOlwiV25cIn19fX0ifX0__"
title="PayPal" allowpaymentrequest="allowpaymentrequest" scrolling="no" id="jsx-iframe-a47ce4e060" 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_22c6838b9b_mjm6nda6mdy__" style="display: none;"></iframe>
</div>
</div>
<div class="payment-method-select-btn__paypal-commerce ng-hide" ng-show="$ctrl.frequency !== 'one-time' && $ctrl.hasPaypal" id="button-container-recurring">
<div id="zoid-paypal-buttons-uid_afceacf586_mjm6nda6mdy" class="paypal-buttons paypal-buttons-context-iframe paypal-buttons-label-unknown paypal-buttons-layout-horizontal" data-paypal-smart-button-version="5.0.431"
style="height: 0px; transition: all 0.2s ease-in-out 0s;">
<style nonce="">
#zoid-paypal-buttons-uid_afceacf586_mjm6nda6mdy {
position: relative;
display: inline-block;
width: 100%;
min-height: 25px;
min-width: 150px;
font-size: 0;
}
#zoid-paypal-buttons-uid_afceacf586_mjm6nda6mdy>iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#zoid-paypal-buttons-uid_afceacf586_mjm6nda6mdy>iframe.component-frame {
z-index: 100;
}
#zoid-paypal-buttons-uid_afceacf586_mjm6nda6mdy>iframe.prerender-frame {
transition: opacity .2s linear;
z-index: 200;
}
#zoid-paypal-buttons-uid_afceacf586_mjm6nda6mdy>iframe.visible {
opacity: 1;
}
#zoid-paypal-buttons-uid_afceacf586_mjm6nda6mdy>iframe.invisible {
opacity: 0;
pointer-events: none;
}
#zoid-paypal-buttons-uid_afceacf586_mjm6nda6mdy>.smart-menu {
position: absolute;
z-index: 300;
top: 0;
left: 0;
width: 100%;
}
</style><iframe allowtransparency="true"
name="__zoid__paypal_buttons__eyJzZW5kZXIiOnsiZG9tYWluIjoiaHR0cHM6Ly9naXZlLnRyYW5zbGlmZWxpbmUub3JnIn0sIm1ldGFEYXRhIjp7IndpbmRvd1JlZiI6eyJ0eXBlIjoicGFyZW50IiwiZGlzdGFuY2UiOjB9fSwicmVmZXJlbmNlIjp7InR5cGUiOiJyYXciLCJ2YWwiOiJ7XCJ1aWRcIjpcInpvaWQtcGF5cGFsLWJ1dHRvbnMtdWlkX2FmY2VhY2Y1ODZfbWptNm5kYTZtZHlcIixcImNvbnRleHRcIjpcImlmcmFtZVwiLFwidGFnXCI6XCJwYXlwYWwtYnV0dG9uc1wiLFwiY2hpbGREb21haW5NYXRjaFwiOntcIl9fdHlwZV9fXCI6XCJyZWdleFwiLFwiX192YWxfX1wiOlwiXFxcXC5wYXlwYWxcXFxcLihjb218Y24pKDpcXFxcZCspPyRcIn0sXCJ2ZXJzaW9uXCI6XCIxMF8zXzNcIixcInByb3BzXCI6e1wiZnVuZGluZ1NvdXJjZVwiOlwicGF5cGFsXCIsXCJzdHlsZVwiOntcImxhYmVsXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImxheW91dFwiOlwiaG9yaXpvbnRhbFwiLFwiY29sb3JcIjpcImdvbGRcIixcInNoYXBlXCI6XCJyZWN0XCIsXCJ0YWdsaW5lXCI6ZmFsc2UsXCJoZWlnaHRcIjo0MCxcInBlcmlvZFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJtZW51UGxhY2VtZW50XCI6XCJiZWxvd1wiLFwiZGlzYWJsZU1heFdpZHRoXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImJvcmRlclJhZGl1c1wiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn19LFwiY3JlYXRlQmlsbGluZ0FncmVlbWVudFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2ZjOWJhY2Y3NzNfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImNyZWF0ZUJpbGxpbmdBZ3JlZW1lbnRcIn19LFwib25BcHByb3ZlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNjc3YTliNzBjOF9tam02bmRhNm1keVwiLFwibmFtZVwiOlwib25BcHByb3ZlXCJ9fSxcIm9uQ2xpY2tcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9mMDYyMzIzNGNlX21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJvbkNsaWNrXCJ9fSxcIm9uQ2FuY2VsXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNDQ1MWVjYWZjNV9tam02bmRhNm1keVwiLFwibmFtZVwiOlwiZFwifX0sXCJjc3BOb25jZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJhbGxvd0JpbGxpbmdQYXltZW50c1wiOnRydWUsXCJhbW91bnRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYXBpU3RhZ2VIb3N0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImFwcGxlUGF5XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImFwcGxlUGF5U3VwcG9ydFwiOmZhbHNlLFwiYnJhbmRlZFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJidXR0b25Mb2NhdGlvblwiOlwiZ2l2ZS50cmFuc2xpZmVsaW5lLm9yZ1wiLFwiYnV0dG9uU2Vzc2lvbklEXCI6XCJ1aWRfNTk3MmE0ZGUyNl9tam02bmRhNm1keVwiLFwiYnV0dG9uU2l6ZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJidXllckNvdW50cnlcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY2xpZW50QWNjZXNzVG9rZW5cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY2xpZW50SURcIjpcIkFmdW44d1lrazgwRlljeV9QWEpVVlVNS2pVc3ZpbWN4cGtKN3NCSkxsUGpfR3VudE5TdVZLLVd5Z3BuYVlUcmc4T3Y3S0drYzljYkZvWVB5XCIsXCJjbGllbnRNZXRhZGF0YUlEXCI6XCJ1aWRfNmFmM2NkN2RiOV9tam02bmRhNm1keVwiLFwiY29tbWl0XCI6dHJ1ZSxcImNvbXBvbmVudHNcIjpbXCJidXR0b25zXCIsXCJmdW5kaW5nLWVsaWdpYmlsaXR5XCJdLFwiY3JlYXRlT3JkZXJcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY3JlYXRlU3Vic2NyaXB0aW9uXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImNyZWF0ZVZhdWx0U2V0dXBUb2tlblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJjc3BcIjp7XCJub25jZVwiOlwiXCJ9LFwiY3VycmVuY3lcIjpcIlVTRFwiLFwiZGVidWdcIjpmYWxzZSxcImRpc2FibGVDYXJkXCI6W10sXCJkaXNhYmxlRnVuZGluZ1wiOltdLFwiZGlzYWJsZVNldENvb2tpZVwiOnRydWUsXCJkaXNwbGF5T25seVwiOltdLFwiZW5hYmxlRnVuZGluZ1wiOltdLFwiZW5hYmxlVGhyZWVEb21haW5TZWN1cmVcIjpmYWxzZSxcImVuYWJsZVZhdWx0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImVudlwiOlwicHJvZHVjdGlvblwiLFwiZXhwZXJpbWVudFwiOntcImVuYWJsZVZlbm1vXCI6ZmFsc2V9LFwiZXhwZXJpbWVudGF0aW9uXCI6e30sXCJmbG93XCI6XCJiaWxsaW5nX3NldHVwXCIsXCJmdW5kaW5nRWxpZ2liaWxpdHlcIjp7XCJwYXlwYWxcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfSxcInBheWxhdGVyXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOmZhbHNlLFwicHJvZHVjdHNcIjp7XCJwYXlJbjNcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmFyaWFudFwiOm51bGx9LFwicGF5SW40XCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhcmlhbnRcIjpudWxsfSxcInBheWxhdGVyXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhcmlhbnRcIjpudWxsfX19LFwiY2FyZFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcImJyYW5kZWRcIjp0cnVlLFwiaW5zdGFsbG1lbnRzXCI6ZmFsc2UsXCJ2ZW5kb3JzXCI6e1widmlzYVwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwibWFzdGVyY2FyZFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiYW1leFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiZGlzY292ZXJcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJoaXBlclwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXVsdGFibGVcIjpmYWxzZX0sXCJlbG9cIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJqY2JcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJtYWVzdHJvXCI6e1wiZWxpZ2libGVcIjp0cnVlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJkaW5lcnNcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfSxcImN1cFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9fSxcImd1ZXN0RW5hYmxlZFwiOmZhbHNlfSxcInZlbm1vXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOmZhbHNlfSxcIml0YXVcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImNyZWRpdFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYXBwbGVwYXlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNlcGFcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImlkZWFsXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJiYW5jb250YWN0XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJnaXJvcGF5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJlcHNcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNvZm9ydFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwibXliYW5rXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJwMjRcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcIndlY2hhdHBheVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwicGF5dVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYmxpa1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwidHJ1c3RseVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwib3h4b1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYm9sZXRvXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJib2xldG9iYW5jYXJpb1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwibWVyY2Fkb3BhZ29cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcIm11bHRpYmFuY29cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNhdGlzcGF5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJwYWlkeVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9fSxcImdldFBhZ2VVcmxcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8zM2E4NTE2YTY0X21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJnZXRQYWdlVXJsXCJ9fSxcImdldFBvcHVwQnJpZGdlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMDUwNTUzY2FjOV9tam02bmRhNm1keVwiLFwibmFtZVwiOlwiZ2V0UG9wdXBCcmlkZ2VcIn19LFwiZ2V0UHJlcmVuZGVyRGV0YWlsc1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2U3ZTA2MzU1NmNfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImdldFByZXJlbmRlckRldGFpbHNcIn19LFwiZ2V0UXVlcmllZEVsaWdpYmxlRnVuZGluZ1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2JmNDZkMmJjOWZfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImdldFF1ZXJpZWRFbGlnaWJsZUZ1bmRpbmdcIn19LFwiaG9zdGVkQnV0dG9uSWRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiaW50ZW50XCI6XCJ0b2tlbml6ZVwiLFwianNTZGtMaWJyYXJ5XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImxvY2FsZVwiOntcImNvdW50cnlcIjpcIlVTXCIsXCJsYW5nXCI6XCJlblwifSxcIm1lcmNoYW50SURcIjpbXSxcIm1lcmNoYW50UmVxdWVzdGVkUG9wdXBzRGlzYWJsZWRcIjpmYWxzZSxcIm5vbmNlXCI6XCJcIixcIm9uQ29tcGxldGVcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwib25Jbml0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfOTlmNTQwY2Q5NV9tam02bmRhNm1keVwiLFwibmFtZVwiOlwib25Jbml0XCJ9fSxcIm9uU2hpcHBpbmdBZGRyZXNzQ2hhbmdlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcIm9uU2hpcHBpbmdDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwib25TaGlwcGluZ09wdGlvbnNDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicGFnZVR5cGVcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicGFydG5lckF0dHJpYnV0aW9uSURcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicGF5bWVudE1ldGhvZE5vbmNlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInBheW1lbnRNZXRob2RUb2tlblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXltZW50UmVxdWVzdFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwbGF0Zm9ybVwiOlwiZGVza3RvcFwiLFwicmVmZXJyZXJEb21haW5cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicmVtZW1iZXJcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF83NTU2ZmI4OGNiX21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJyZW1lbWJlclwifX0sXCJyZW1lbWJlcmVkXCI6W10sXCJyZW5kZXJlZEJ1dHRvbnNcIjpbXCJwYXlwYWxcIl0sXCJzZXNzaW9uSURcIjpcInVpZF82YWYzY2Q3ZGI5X21qbTZuZGE2bWR5XCIsXCJzZGtDb3JyZWxhdGlvbklEXCI6XCJmMzcwNTQzZjFhNjg1XCIsXCJzZXNzaW9uU3RhdGVcIjp7XCJnZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9jNmZiMDEyMmE4X21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJnZXRcIn19LFwic2V0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfM2I5MWMxNWRjYl9tam02bmRhNm1keVwiLFwibmFtZVwiOlwic2V0XCJ9fX0sXCJzdGFnZUhvc3RcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwic3RvcmFnZUlEXCI6XCJ1aWRfNWY5MDkxNWUxNl9tam02bmRhNm1keVwiLFwic3RvcmFnZVN0YXRlXCI6e1wiZ2V0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMGRhMmFiMmI4Nl9tam02bmRhNm1keVwiLFwibmFtZVwiOlwiZ2V0XCJ9fSxcInNldFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2JhYWVlMjE2MzhfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcInNldFwifX19LFwic3VwcG9ydGVkTmF0aXZlQnJvd3NlclwiOmZhbHNlLFwic3VwcG9ydHNQb3B1cHNcIjp0cnVlLFwidGVzdFwiOntcImFjdGlvblwiOlwiY2hlY2tvdXRcIn0sXCJ1c2VyRXhwZXJpZW5jZUZsb3dcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwidXNlcklEVG9rZW5cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwidmF1bHRcIjp0cnVlLFwid2FsbGV0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifX0sXCJleHBvcnRzXCI6e1wiaW5pdFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2M1YTFhODk2YjFfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImluaXRcIn19LFwiY2xvc2VcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF83MzM1MTRiZjM5X21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJjbG9zZTo6bWVtb2l6ZWRcIn19LFwiY2hlY2tDbG9zZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzk4OTJhODZhYjZfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcImNoZWNrQ2xvc2VcIn19LFwicmVzaXplXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfYmY5NzIzMDRhM19tam02bmRhNm1keVwiLFwibmFtZVwiOlwiUG5cIn19LFwib25FcnJvclwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzA2N2VlOGZhN2NfbWptNm5kYTZtZHlcIixcIm5hbWVcIjpcIlVuXCJ9fSxcInNob3dcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8yMWRiYmEyZjBkX21qbTZuZGE2bWR5XCIsXCJuYW1lXCI6XCJnblwifX0sXCJoaWRlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfYzYyNDRlZjdkY19tam02bmRhNm1keVwiLFwibmFtZVwiOlwidm5cIn19LFwiZXhwb3J0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZmY0ZTc3OTQ5Y19tam02bmRhNm1keVwiLFwibmFtZVwiOlwiV25cIn19fX0ifX0__"
title="PayPal" allowpaymentrequest="allowpaymentrequest" scrolling="no" id="jsx-iframe-7c24b077f2" 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_6ebba78ea4_mjm6nda6mdy__" 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(216, 58, 89)" ng-click="$ctrl.showCardInputs()" aria-expanded="false"
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(216, 58, 89);"> Bank Transfer </button>
</cp-plaid-widget><!-- end ngIf: $ctrl.show.achButton() && !$ctrl.isTrial -->
<!-- ngIf: $ctrl.show.accountRoutingButton() && !$ctrl.isTrial -->
</div>
</div>
<!-- ngIf: $ctrl.meta.showPaymentDetails -->
<!-- ngIf: $ctrl.meta.showPaymentDetails -->
</cp-payment-widget>
</div>
<!-- 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 ng-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 now!</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 Classy Privacy Policy page">Classy Privacy Policy</a>
</small>
<!-- ngIf: show.feeOnTop() -->
<div class="donation-footer_controls">
<!-- 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 $50.00" type="submit" style="background-color: rgb(216, 58, 89);">Give
now!</button><!-- end ngIf: !editable -->
<!-- ngIf: editable -->
</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">One-time
donation</span><!-- end ngIf: !$ctrl.preventRecurringFrequency -->
<!-- ngIf: $ctrl.preventRecurringFrequency -->
<span class="donation-summary-amount-amount ng-binding" data-ng-class="{ processing: $ctrl.feeprocessing }"> $50.00<!-- 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' -->
</form>Text Content
Close SUPPORT TRANS LIFELINE Trans Lifeline is primarily funded by individual donors; donations of all sizes are deeply appreciated and put to good use to help us deliver our lifesaving services to those who need them most. Recurring gifts are especially useful to provide a sustainable foundation today and into the future as we anticipate increased demand for our services. * $25 connects one trans person to the Hotline * $120 provides peer support to one person to change their ID * $455 is the average legal fee to update an ID One-time monthly Choose a one-time amount * $500 * $100 * $50 * $25 * 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 $ Dedicate my donation in honor or in memory of someone Type In honor of … In memory of … Honoree’s First Name Honoree’s Last Name Don't forget to give us a name for the dedication. Recipient's email Please enter dedication recipient email in the format: name@domain.com. Optionally send a notification email Recipient’s First Name Recipient’s Last Name Don't forget to include the of your recipient. Your Message to the Recipient Please spell check, include how you would like your name(s) signed, mention the amount if desired, and format your message as you would like it delivered. Include an e-Card? No e-Card YOUR INFORMATION Title Please SelectDr.Mr.Mrs.Ms.Mx. Please select a title. First Name Last Name Be sure to provide your name. Hide my name from the public. Email Don't forget your email address. Please enter in the format: name@domain.com. Your receipt will be emailed here. It's okay to contact me in the future. Phone Number Please enter a valid phone number. Don't forget your phone number. Leave a comment Type something 0/1000 What are your pronouns? Type something 0/255 This field is required. your currently selected donation amount is One-time donation $50.00 USD I’d like to cover the fees associated with my donation so more of my donation goes directly to Trans Lifeline. Donate with your preferred payment method: Credit Card Bank Transfer By clicking Give now!, I agree to the Terms of Service and Classy Privacy Policy Give now! your currently selected donation amount is One-time donation $50.00 USD Prefer to donate with cryptocurrency? Donate Crypto SUPPORT TRANS LIFELINE Bitcoin Ethereum USDC Choose a donation amount $500.00 0.0071492 BTC $100.00 0.00142984 BTC $50.00 0.00071492 BTC $25.00 0.00035746 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? Trans Lifeline is a 501(c)3 tax-exempt organization and your donation is tax-deductible within the guidelines of U.S. law. To claim a donation as a deduction on your U.S. taxes, please keep your email donation receipt as your official record. We'll send it to you upon successful completion of your donation. What is your mailing address? I'd like to send a check! Your check can be made out to Trans Lifeline and sent to our mailing address: Trans Lifeline, 548 Market St., PMB #15337, San Francisco, CA 94104. Can I use my chosen name instead of my legal name? Your chosen/preferred name can be used in the "First Name" and "Last Name" fields. For "Billing First Name" and "Billing Last Name," you will need to use the name that is on your method of payment. We will not save the name you use in the billing fields in our records. I accidently selected 'monthly' instead of 'one time' donation. How can I change that? If you have donated to a charity that uses Classy as their donor platform but you've not logged into a Classy account before, you will need to create an account. To do so, go to Classy.org and select “Sign In” and then “Create an Account”. When creating your account, be sure to use the same email address you gave when you set up your recurring donation. This will ensure your account links to your current recurring donation plan and will give you full access to cancel or edit your plan. I made a donation on Facebook & it says “recurring payment” on my bank statement, how do I fix this? According to Facebook, “One-time donations made on Facebook may appear as 'Recurring' on your bank statement but will only be charged one time. Check that your donation is not set to recurring in your Facebook Payment Settings.” I have a question or issue with my donation, how can I contact you? If your question is not addressed here, please send us an email to donations@translifeline.org. We look forward to hearing from you <3 Have an account? Sign in ❤️ Before you go Would you consider a donation? Your support will help create change and inspire hope throughout our community. Return to donate TRANS LIFELINE 548 Market St. PMB 15337 San Francisco, CA 94104 US 5107711417 Back to top Donor Support donations@translifeline.org Copyright ©2024 • All rights reserved • Classy Privacy Policy • Terms of Use • Cookie Statement • DMCA Policy Do Not Sell My Personal Information Have an account? Sign in • Powered by Classy, a GoFundMe company Hey there! * Sign in * Share this page