secure.frontstream.com
Open in
urlscan Pro
2600:9000:237d:5600:c:7159:d140:93a1
Public Scan
Submitted URL: http://email.e2rm.com/ls/click?upn=u001.Z7R2qXi6ezpP5-2FEtoZXDFLJkj7bZtt2f6QGWCYMOVVshApKfyDhVZ4emLoIfu5BQVaUfjlv7WGcO...
Effective URL: https://secure.frontstream.com/misericordiacandydays2024/donate/participant/5413858?SID=13655542
Submission Tags: urlscan
Submission: On April 16 via api from US — Scanned from DE
Effective URL: https://secure.frontstream.com/misericordiacandydays2024/donate/participant/5413858?SID=13655542
Submission Tags: urlscan
Submission: On April 16 via api from US — Scanned from DE
Form analysis 3 forms found in the DOM
Name: liveCtrl.DonationForm —
<form name="liveCtrl.DonationForm" class="P2P__donation-form ng-invalid ng-invalid-required ng-valid-min ng-valid-max ng-valid-fraction ng-valid-pattern ng-dirty ng-valid-parse ng-valid-maxlength" novalidate="" style="">
<!-- ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer0" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type" style=""> <!--Heading Container--> <!-- ngSwitchWhen: heading -->
<div class="container-fluid ng-scope" ng-switch-when="heading"> <!-- ngInclude: '/Static/Templates/Donation/View/donation-heading.html' -->
<div class="container-fluid container-panel form-style no-padding ng-scope" ng-include="'/Static/Templates/Donation/View/donation-heading.html'">
<div class="ng-scope"> <!--Heading--> <!--Direct donation--> <!-- ngIf: liveCtrl.donationType === 'direct' --> <!--To team donation--> <!-- ngIf: liveCtrl.donationType === 'team' || liveCtrl.donationType === 'corporateteam' -->
<!--To participant donation--> <!-- ngIf: liveCtrl.donationType === 'participant' -->
<div ng-if="liveCtrl.donationType === 'participant'" class="ng-scope"> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> <!-- ngIf: liveCtrl.displayMode !== 'Edit' -->
<h2 ng-if="liveCtrl.displayMode !== 'Edit'" class="main-heading P2P__heading ng-binding ng-scope">Sponsor Ryan Jennings</h2><!-- end ngIf: liveCtrl.displayMode !== 'Edit' -->
</div><!-- end ngIf: liveCtrl.donationType === 'participant' -->
</div><!--Description--><!-- ngIf: liveCtrl.displayMode === 'Edit' --><!-- ngIf: liveCtrl.displayMode !== 'Edit' -->
<p ng-if="liveCtrl.displayMode !== 'Edit'" style="font-size:16px;" class="ng-binding ng-scope">Please provide your contact and payment information below. Your contact information is required to generate an electronic tax receipt which will be
sent to the email address that you provide.</p><!-- end ngIf: liveCtrl.displayMode !== 'Edit' --><!-- ngIf: liveCtrl.longLanguage === 'en-CA' --><small ng-if="liveCtrl.longLanguage === 'en-CA'" class="ng-scope">All fields
<strong>required</strong> unless otherwise noted.</small><!-- end ngIf: liveCtrl.longLanguage === 'en-CA' --><!-- ngIf: liveCtrl.longLanguage === 'fr-CA' -->
</div>
</div><!-- end ngSwitchWhen: --> <!--Participants and teams searchbox--> <!-- Donation Amounts --> <!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information-->
<!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation --> <!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid --> <!--Gift Aid--> <!-- Matching Gift (HepData) -->
<!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) --> <!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions--> <!--Payment Information-->
<!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate --> <!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --> <!--Privacy Section-->
</div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer1" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch -->
<div class="container-fluid ng-scope" ng-switch-when="DonationSearch">
<div class="container-fluid container-panel form-style nopadding">
<!-- ngIf: (liveCtrl.isRecipientFieldVisible === true && liveCtrl.displayMode === 'Edit') || (liveCtrl.isRecipientFieldVisible === true && liveCtrl.solicitants.length > 0) --><solicitant-search list="liveCtrl.solicitants"
default-option="{Id: liveCtrl.donorInfo.SolicitantID, Type: liveCtrl.donorInfo.SolicitationType}" label-text="container.widgets[0].content[liveCtrl.shortLanguage].txtHeading"
error-message="container.widgets[0].content[liveCtrl.shortLanguage].txtRequireMessage" on-select="liveCtrl.updateDonationLayout(solicitant)" on-remove="liveCtrl.updateDonationLayout(solicitant)"
is-required="!liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].IsDirectDonationEnabled" edit-mode="liveCtrl.displayMode === 'Edit'" form="liveCtrl.DonationForm" input-name="SearchParticipantTeam" language="liveCtrl.shortLanguage"
heading-name="liveCtrl.widgetHeader" ng-if="(liveCtrl.isRecipientFieldVisible === true && liveCtrl.displayMode === 'Edit') || (liveCtrl.isRecipientFieldVisible === true && liveCtrl.solicitants.length > 0)"
class="ng-scope ng-isolate-scope">
<div class="col-md-6 col-xs-12 mt-3 nopadding">
<div class="form-group" ng-class="{'has-error': vm.validateSearch()}"> <!-- ngIf: !vm.editMode -->
<h3 ng-if="!vm.editMode" class="P2P__subhead donation-subhead ng-binding ng-scope" style="">Choose your recipient</h3><!-- end ngIf: !vm.editMode --> <!-- ngIf: vm.editMode -->
<div class="has-feedback"> <input type="search" autocomplete="off" name="SearchParticipantTeam" id="SearchParticipantTeam" class="form-control formElement no-outline ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required"
placeholder="Search" ng-model="vm.search.Name" ng-change="vm.filterList()" ng-required="vm.isRequired" ng-readonly="vm.search.Id" ng-focus="vm.displayList()" ng-blur="vm.clear()" readonly="readonly" style="">
<!-- ngIf: !vm.search.Id --> <!-- ngIf: vm.search.Id --><span class="fa fa-times question-mark form-control-feedback ng-scope" aria-hidden="true" ng-if="vm.search.Id" ng-click="vm.removeOption()"
style=""></span><!-- end ngIf: vm.search.Id --> </div> <!-- ngIf: vm.validateListDisplay() --> <!-- ngIf: vm.validateSearch() -->
</div>
</div>
</solicitant-search><!-- end ngIf: (liveCtrl.isRecipientFieldVisible === true && liveCtrl.displayMode === 'Edit') || (liveCtrl.isRecipientFieldVisible === true && liveCtrl.solicitants.length > 0) --> </div>
</div><!-- end ngSwitchWhen: --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation --> <!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid -->
<!--Gift Aid--> <!-- Matching Gift (HepData) --> <!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) --> <!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions-->
<!--Payment Information--> <!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate --> <!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --> <!--Privacy Section-->
</div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer2" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount -->
<div class="container-fluid ng-scope" ng-switch-when="donationamount">
<div class="container-fluid nopadding">
<div class="admin-edit-pencil"> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> </div>
</div>
<div class="container-fluid container-panel form-style no-padding"> <!-- ngIf: liveCtrl.donationAmountsConfig && liveCtrl.widgetLoaded --><donation-amounts ng-if="liveCtrl.donationAmountsConfig && liveCtrl.widgetLoaded"
label-text="container.widgets[0].content[liveCtrl.shortLanguage].txtHeading" processing-fee-widget="liveCtrl.processingFeeWidget" processing-fee-properties="liveCtrl.processingFeeProperties" model="liveCtrl.donorInfo"
config="liveCtrl.donationAmountsConfig" form="liveCtrl.DonationForm" read-only-amount="false" amount-with-fee="liveCtrl.donationTotalFee" event-settings="liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage]"
donation-payment-service="liveCtrl.donationPaymentService" class="ng-scope ng-isolate-scope"><!--Title-->
<div> <!-- ngIf: vm.displayMode === 'Edit' && vm.pageType!=='checkout' --> <!-- ngIf: vm.displayMode !== 'Edit' -->
<h2 ng-if="vm.displayMode !== 'Edit'" class="P2P__subhead ng-binding ng-scope"> Donation Amount </h2><!-- end ngIf: vm.displayMode !== 'Edit' -->
</div>
<!--Title--><!--Donation frequency time toggle bar--><!-- ngIf: (vm.config.monthly.suggestedAmounts.length || vm.config.monthly.customAmountEnabled) && !vm.readOnlyAmount && vm.model.SolicitationType != 'CorporateTeam' && vm.config.monthly.enableMonthlyDonations --><!--Donation Amounts-->
<div class="container-fluid no-padding">
<div class="suggested-amounts__container"> <!--Suggested amount section-->
<div class="suggested-amounts__btn-container" ng-class="{'w-auto': vm.pageType !== 'donation'&& vm.pageType === 'checkout'&& vm.pageType ==='contactinformation'}"> <!--Options-->
<!-- ngIf: (vm.pageType == 'donation' && vm.suggestedAmounts.length && !vm.readOnlyAmount && (vm.pageType !== 'checkout' || !vm.isExternalEvent))||(vm.pageType === 'checkout' || vm.pageType ==='contactinformation' || vm.pageType === 'dashboard') && !vm.isExternalEvent && vm.suggestedAmounts.length -->
<!--Custom amount input--> <!-- ngIf: vm.customAmountEnabled || vm.defaultAmountDisplay || vm.readOnlyAmount || vm.isExternalEvent -->
<div class="no-padding donation-custom-amount donation-custom-amount ng-scope other-amount-row-large donation-custom-amount--single"
ng-class="{ 'other-amount-row-large donation-custom-amount--single': !vm.suggestedAmounts.length || vm.readOnlyAmount || vm.isExternalEvent && (vm.pageType === 'checkout' || vm.pageType === 'contactinformation'|| vm.pageType === 'dashboard'), 'm-0': vm.pageType!=='donation'}"
ng-if="vm.customAmountEnabled || vm.defaultAmountDisplay || vm.readOnlyAmount || vm.isExternalEvent" ng-style="{width: vm.cutomInputWidthDefault}" style="width: 10em;">
<div ng-class="{ 'has-error': vm.form.donationAmount.$invalid && (vm.form.$submitted || vm.form.donationAmount.$touched) && vm.paymentAmountIsRequired}">
<div class="donation-amount-input single-input" ng-class="{ 'single-input': !vm.suggesteAmounts.length }"> <input type="text" id="donationAmount" name="donationAmount"
class="form-control formElement no-outline donation-input ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required ng-valid-min ng-valid-max ng-valid-fraction" placeholder="$0.00"
ng-model="vm.donationAmount" ng-required="vm.paymentAmountIsRequired" ng-blur="vm.onBlurAmount()" ng-currency="" currency-symbol="$" language="en" monthly="vm.model.DonationType === 'Monthly'"
custom-currency-format="vm.numberToCurrency(vm.donationAmount, decimalPositions, symbol)" ng-click="vm.amountFieldClick()" ng-readonly="vm.readOnlyAmount" ng-disabled="vm.readOnlyAmount"
ng-class="{ 'formElement--error': vm.form.donationAmount.$invalid && (vm.form.$submitted || vm.form.donationAmount.$touched) && vm.displayMode !== 'Edit', 'donation-amounts__amount-input--disabled': vm.readOnlyAmount, 'donation-input-edit': (vm.displayMode === 'Edit' && vm.pageType==='checkout')}"
required="required"> </div> <!-- Error message --> <!-- ngIf: vm.form.donationAmount.$invalid && (vm.form.$submitted || vm.form.donationAmount.$touched) && vm.displayMode !== 'Edit' -->
</div>
</div><!-- end ngIf: vm.customAmountEnabled || vm.defaultAmountDisplay || vm.readOnlyAmount || vm.isExternalEvent --> <!--Title and description-->
<!-- ngIf: vm.selectedAmount && (vm.selectedAmount.Title || vm.selectedAmount.Description) -->
</div>
</div> <!-- ngIf: !vm.model.DonationAmount && vm.form.$submitted && vm.suggestedAmounts.length && vm.paymentAmountIsRequired && vm.displayMode !== 'Edit' --> <!--Cover processing fee section -->
<!-- ngIf: vm.model.DonationType === 'OneTime' && vm.pageType !== 'checkout' -->
<div class="permission-questions__check-option checkbox-dark permission-questions__check-option--cover-fee ng-scope" ng-if="vm.model.DonationType === 'OneTime' && vm.pageType !== 'checkout'">
<!-- ngIf: vm.donationPaymentService.paymentSettings[vm.shortLanguage].DonorProcessingFeeEnabled && vm.processingFeeEnable && !vm.processingFeeProperties.isFeeRequired -->
<div ng-switch="vm.displayMode" class="checkbox checkbox-primary formElement__checkbox form-check margin-left-3 ng-scope"
ng-if="vm.donationPaymentService.paymentSettings[vm.shortLanguage].DonorProcessingFeeEnabled && vm.processingFeeEnable && !vm.processingFeeProperties.isFeeRequired"> <input type="checkbox"
class="form-check-input ng-pristine ng-untouched ng-valid ng-empty" id="fees" ng-change="vm.onChangeCoverProcessingFee()" ng-model="vm.model.CoverProcessingFee" ng-readonly="vm.displayMode === 'Edit'"> <!-- ngSwitchWhen: Hub -->
<!-- ngSwitchWhen: View|EditView --><label ng-switch-when="View|EditView" ng-switch-when-separator="|" for="fees" class="form-check-label ng-binding ng-scope">I'd like to cover the fee so 100% of my donation goes to the nonprofit.
<!-- ngIf: vm.model.CoverProcessingFee && vm.totalFee --></label><!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: Edit --> </div>
<!-- end ngIf: vm.donationPaymentService.paymentSettings[vm.shortLanguage].DonorProcessingFeeEnabled && vm.processingFeeEnable && !vm.processingFeeProperties.isFeeRequired -->
<!-- ngIf: vm.donationPaymentService.paymentSettings[vm.shortLanguage].DonorProcessingFeeEnabled && vm.processingFeeEnable && vm.processingFeeProperties.isFeeRequired -->
</div><!-- end ngIf: vm.model.DonationType === 'OneTime' && vm.pageType !== 'checkout' -->
</div><!--Processing Date and Number of Installments--><!-- ngIf: vm.model.DonationType === 'Monthly' && vm.model.DonationAmount -->
</donation-amounts><!-- end ngIf: liveCtrl.donationAmountsConfig && liveCtrl.widgetLoaded --> </div>
</div><!-- end ngSwitchWhen: --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation -->
<!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid --> <!--Gift Aid--> <!-- Matching Gift (HepData) --> <!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) -->
<!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions--> <!--Payment Information--> <!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate -->
<!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --> <!--Privacy Section-->
</div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer3" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation -->
<div class="container-fluid ng-scope" ng-switch-when="donorinformation">
<div class="container-fluid nopadding">
<div class="admin-edit-pencil"> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> </div>
</div> <!-- ngInclude: '/Static/Templates/Donation/View/donor-information.html' -->
<div class="container-fluid container-panel form-style no-padding ng-scope" ng-include="'/Static/Templates/Donation/View/donor-information.html'">
<!--Title--><!-- ngIf: container.widgets[liveCtrl.donorInformation.DonorInformationHeading].isvisible -->
<div class="ng-scope" ng-if="container.widgets[liveCtrl.donorInformation.DonorInformationHeading].isvisible"> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> <!-- ngIf: liveCtrl.displayMode !== 'Edit' -->
<h2 ng-if="liveCtrl.displayMode !== 'Edit'" class="P2P__subhead ng-binding ng-scope"> Donor Information </h2><!-- end ngIf: liveCtrl.displayMode !== 'Edit' -->
</div><!-- end ngIf: container.widgets[liveCtrl.donorInformation.DonorInformationHeading].isvisible --><!--Title-->
<div class="donation-type-toggle row ng-scope"> <!-- Organization donation toggle (if enabled) --> <!-- ngIf: liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].AllowOrganizationDonationType --></div>
<div class="donation-type-toggle row ng-scope"> <!-- ngIf: container.widgets[liveCtrl.donorInformation.Title].isvisible --></div>
<div class="donation-type-toggle row ng-scope"> <!--First Name--> <!-- ngIf: liveCtrl.personalDonationSelected -->
<div ng-if="liveCtrl.personalDonationSelected" class="col-md-6 ng-scope">
<div class="form-group"> <label class="control-label ng-binding">First Name</label>
<div ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.firstName.$invalid && (liveCtrl.DonationForm.firstName.$touched || liveCtrl.DonationForm.$submitted)}">
<div class="has-feedback"> <input class="input-style form-control formElement ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern" type="text" name="firstName" ng-model="liveCtrl.donorInfo.FirstName"
ng-pattern="/^[a-zA-Z- ÇçéâîôûàèùëïüèÙÛÛŸÀÂÇÉÈÈÊËËÏÎÔÆŒàâäèéêëîôœùûüÿïççéâîôûÇçéâîôûàèùëïüèÙÛÛŸÀÂÇÉÈÈÊËËÏÎÔÆŒàèùëïüèÿæœÙÛÛŸÀÂÇÉÈÈÊËËÏÎÔÆŒáÁàÀâÂäÄãÃåÅæÆçÇéÉèÈêÊëËíÍìÌîÎïÏñÑóÓòÒôÔöÖõÕøØœŒßúÚùÙûÛüÜ']*$/"
ng-change="liveCtrl.updateDonorListingName()" ng-blur="liveCtrl.updateDonorListingName()" ng-required="container.widgets[liveCtrl.donationService.donorInformation.FirstName].isrequired"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.firstName.$invalid && (liveCtrl.DonationForm.firstName.$touched || liveCtrl.DonationForm.$submitted), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.firstName.$invalid && (liveCtrl.DonationForm.firstName.$touched || liveCtrl.DonationForm.$submitted) }"
required="required"> </div>
<p ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.firstName.$invalid && !liveCtrl.DonationForm.firstName.$error.pattern && (liveCtrl.DonationForm.firstName.$touched || liveCtrl.DonationForm.$submitted) && liveCtrl.longLanguage == 'en-CA'"
class="help-block donor-information__field__error-message ng-binding ng-hide"> Please enter First Name </p>
<p ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.firstName.$invalid && !liveCtrl.DonationForm.firstName.$error.pattern && (liveCtrl.DonationForm.firstName.$touched || liveCtrl.DonationForm.$submitted) && liveCtrl.longLanguage == 'fr-CA'"
class="help-block donor-information__field__error-message ng-binding ng-hide"> Veuillez entrer Prénom </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.firstName.$error.pattern && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.firstName.$touched)"> Name can only contain letters and hyphens
</p>
</div>
</div>
</div><!-- end ngIf: liveCtrl.personalDonationSelected --> <!--Middle Name--> <!-- ngIf: liveCtrl.personalDonationSelected && container.widgets[liveCtrl.donorInformation.MiddleName].isvisible --> <!--Last Name-->
<!-- ngIf: liveCtrl.personalDonationSelected && container.widgets[liveCtrl.donorInformation.LastName].isvisible || liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].GatewayType === 'PGF' -->
<div class="col-md-6 ng-scope" ng-if="liveCtrl.personalDonationSelected && container.widgets[liveCtrl.donorInformation.LastName].isvisible || liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].GatewayType === 'PGF'">
<div class="form-group"> <label class="control-label ng-binding">Last Name</label>
<!-- ngIf: !container.widgets[liveCtrl.donorInformation.LastName].isrequired && liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].GatewayType !== 'PGF' -->
<div ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.lastName.$invalid && (liveCtrl.DonationForm.lastName.$touched || liveCtrl.DonationForm.$submitted)}">
<div class="has-feedback"> <input class="form-control formElement no-outline ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern" type="text" name="lastName" ng-model="liveCtrl.donorInfo.LastName"
ng-pattern="/^[a-zA-Z- ÇçéâîôûàèùëïüèÙÛÛŸÀÂÇÉÈÈÊËËÏÎÔÆŒàâäèéêëîôœùûüÿïççéâîôûÇçéâîôûàèùëïüèÙÛÛŸÀÂÇÉÈÈÊËËÏÎÔÆŒàèùëïüèÿæœÙÛÛŸÀÂÇÉÈÈÊËËÏÎÔÆŒáÁàÀâÂäÄãÃåÅæÆçÇéÉèÈêÊëËíÍìÌîÎïÏñÑóÓòÒôÔöÖõÕøØœŒßúÚùÙûÛüÜ']*$/"
ng-change="liveCtrl.updateDonorListingName()" ng-blur="liveCtrl.updateDonorListingName()"
ng-required="container.widgets[liveCtrl.donationService.donorInformation.LastName].isrequired || liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].GatewayType === 'PGF'"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.lastName.$invalid && (liveCtrl.DonationForm.lastName.$touched || liveCtrl.DonationForm.$submitted), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.lastName.$invalid && (liveCtrl.DonationForm.lastName.$touched || liveCtrl.DonationForm.$submitted) }"
required="required"> </div>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.lastName.$invalid && !liveCtrl.DonationForm.lastName.$error.pattern && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.lastName.$touched) && liveCtrl.longLanguage == 'en-CA'">
Please enter Last Name </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.lastName.$invalid && !liveCtrl.DonationForm.lastName.$error.pattern && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.lastName.$touched) && liveCtrl.longLanguage == 'fr-CA'">
Veuillez entrer Nom </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.lastName.$error.pattern && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.lastName.$touched)"> Name can only contain letters and hyphens
</p>
</div>
</div>
</div><!-- end ngIf: liveCtrl.personalDonationSelected && container.widgets[liveCtrl.donorInformation.LastName].isvisible || liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].GatewayType === 'PGF' -->
<!-- End Personal donation fields --> <!-- Start Organization donation fields (when enabled) --> <!-- ngIf: liveCtrl.orgDonationSelected --> <!-- End Organization donation fields -->
</div><!--Address Information--><!-- ngIf: container.widgets[liveCtrl.donorInformation.DonorInformationHeading].isvisible -->
<div class="ng-scope" ng-if="container.widgets[liveCtrl.donorInformation.DonorInformationHeading].isvisible"> <!-- ngIf: liveCtrl.displayMode == 'Edit' --> <!-- ngIf: liveCtrl.displayMode !== 'Edit' -->
<h3 ng-if="liveCtrl.displayMode !== 'Edit'" class="P2P__subhead ng-scope"> <b class="ng-binding">Address Information</b> </h3><!-- end ngIf: liveCtrl.displayMode !== 'Edit' -->
</div>
<!-- end ngIf: container.widgets[liveCtrl.donorInformation.DonorInformationHeading].isvisible --><!--Home Address Toggle--><!-- ngIf: container.widgets[liveCtrl.donorInformation.AddressType].isvisible && !liveCtrl.isExternalEvent --><!--Address 1--><!-- ngIf: container.widgets[liveCtrl.donorInformation.AddressLine1].isvisible -->
<div class="form-group ng-scope" ng-if="container.widgets[liveCtrl.donorInformation.AddressLine1].isvisible"> <label class="control-label ng-binding">Address Line 1</label>
<!-- ngIf: !container.widgets[liveCtrl.donorInformation.AddressLine1].isrequired -->
<div ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.AddressLine1.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.AddressLine1.$touched)}">
<div class="has-feedback"> <input class="form-control formElement no-outline ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" type="text" name="AddressLine1" ng-model="liveCtrl.donorInfo.AddressLine1"
ng-required="container.widgets[liveCtrl.donationService.donorInformation.AddressLine1].isrequired"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.AddressLine1.$invalid && (liveCtrl.DonationForm.AddressLine1.$touched || liveCtrl.DonationForm.$submitted), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.AddressLine1.$invalid && (liveCtrl.DonationForm.AddressLine1.$touched || liveCtrl.DonationForm.$submitted) }"
required="required"> </div>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.AddressLine1.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.AddressLine1.$touched) && liveCtrl.longLanguage == 'en-CA'">
Please enter Address Line 1 </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.AddressLine1.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.AddressLine1.$touched) && liveCtrl.longLanguage == 'fr-CA'">
Veuillez entrer Adresse 1 </p>
</div>
</div><!-- end ngIf: container.widgets[liveCtrl.donorInformation.AddressLine1].isvisible --><!--Address 2--><!-- ngIf: container.widgets[liveCtrl.donorInformation.AddressLine2].isvisible -->
<div class="row ng-scope"> <!--City--> <!-- ngIf: container.widgets[liveCtrl.donorInformation.City].isvisible -->
<div class="col-md-4 ng-scope" ng-if="container.widgets[liveCtrl.donorInformation.City].isvisible">
<div class="form-group"> <label class="control-label ng-binding">City</label> <!-- ngIf: !container.widgets[liveCtrl.donorInformation.City].isrequired -->
<div ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.cityHome.$invalid && (liveCtrl.DonationForm.cityHome.$touched || liveCtrl.DonationForm.$submitted)}">
<div class="has-feedback"> <input class="form-control formElement no-outline ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" type="text" name="cityHome" ng-model="liveCtrl.donorInfo.City"
ng-required="container.widgets[liveCtrl.donationService.donorInformation.City].isrequired"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.cityHome.$invalid && (liveCtrl.DonationForm.cityHome.$touched || liveCtrl.DonationForm.$submitted), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.cityHome.$invalid && (liveCtrl.DonationForm.cityHome.$touched || liveCtrl.DonationForm.$submitted) }"
required="required"> </div>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.cityHome.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.cityHome.$touched) && liveCtrl.longLanguage == 'en-CA'">
Please enter City </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.cityHome.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.cityHome.$touched) && liveCtrl.longLanguage == 'fr-CA'">
Veuillez entrer Ville </p>
</div>
</div>
</div><!-- end ngIf: container.widgets[liveCtrl.donorInformation.City].isvisible --> <!--State/Province--> <!-- ngIf: container.widgets[liveCtrl.donorInformation.Province].isvisible -->
<div class="col-md-4 ng-scope" ng-if="container.widgets[liveCtrl.donorInformation.Province].isvisible">
<div class="form-group"> <label class="control-label ng-binding">Province/State</label> <!-- ngIf: !container.widgets[liveCtrl.donorInformation.Province].isrequired -->
<div ng-class="{'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.state.$invalid && (liveCtrl.DonationForm.state.$touched || liveCtrl.DonationForm.$submitted)}">
<!-- ngIf: liveCtrl.donorInfo.CountryCode == 'CA' || liveCtrl.donorInfo.CountryCode == 'US' || liveCtrl.donorInfo.CountryCode == 'AU' -->
<div class="has-feedback ng-scope" ng-if="liveCtrl.donorInfo.CountryCode == 'CA' || liveCtrl.donorInfo.CountryCode == 'US' || liveCtrl.donorInfo.CountryCode == 'AU'"> <select name="state" id="state"
class="form-control formElement no-outline ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-model="liveCtrl.donorInfo.ProvinceCode"
ng-required="container.widgets[liveCtrl.donationService.donorInformation.Province].isrequired"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.state.$invalid && (liveCtrl.DonationForm.state.$touched || liveCtrl.DonationForm.$submitted), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.state.$invalid && (liveCtrl.DonationForm.state.$touched || liveCtrl.DonationForm.$submitted) }"
required="required"> <!-- ngIf: liveCtrl.donorInfo.ProvinceCode==='' -->
<option ng-if="liveCtrl.donorInfo.ProvinceCode===''" value="" class="ng-binding ng-scope" selected="selected"> Select a state </option><!-- end ngIf: liveCtrl.donorInfo.ProvinceCode==='' -->
<!-- ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="AL" class="ng-binding ng-scope"> Alabama </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="AK" class="ng-binding ng-scope"> Alaska </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="AZ" class="ng-binding ng-scope"> Arizona </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="AR" class="ng-binding ng-scope"> Arkansas </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="CA" class="ng-binding ng-scope"> California </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="CO" class="ng-binding ng-scope"> Colorado </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="CT" class="ng-binding ng-scope"> Connecticut </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="DE" class="ng-binding ng-scope"> Delaware </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="DC" class="ng-binding ng-scope"> District Of Columbia </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="FL" class="ng-binding ng-scope"> Florida </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="GA" class="ng-binding ng-scope"> Georgia </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="HI" class="ng-binding ng-scope"> Hawaii </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="ID" class="ng-binding ng-scope"> Idaho </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="IL" class="ng-binding ng-scope"> Illinois </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="IN" class="ng-binding ng-scope"> Indiana </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="IA" class="ng-binding ng-scope"> Iowa </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="KS" class="ng-binding ng-scope"> Kansas </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="KY" class="ng-binding ng-scope"> Kentucky </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="LA" class="ng-binding ng-scope"> Louisiana </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="ME" class="ng-binding ng-scope"> Maine </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="MD" class="ng-binding ng-scope"> Maryland </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="MA" class="ng-binding ng-scope"> Massachusetts </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="MI" class="ng-binding ng-scope"> Michigan </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="MN" class="ng-binding ng-scope"> Minnesota </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="MS" class="ng-binding ng-scope"> Mississippi </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="MO" class="ng-binding ng-scope"> Missouri </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="MT" class="ng-binding ng-scope"> Montana </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="NE" class="ng-binding ng-scope"> Nebraska </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="NV" class="ng-binding ng-scope"> Nevada </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="NH" class="ng-binding ng-scope"> New Hampshire </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="NJ" class="ng-binding ng-scope"> New Jersey </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="NM" class="ng-binding ng-scope"> New Mexico </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="NY" class="ng-binding ng-scope"> New York </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="NC" class="ng-binding ng-scope"> North Carolina </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="ND" class="ng-binding ng-scope"> North Dakota </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="OH" class="ng-binding ng-scope"> Ohio </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="OK" class="ng-binding ng-scope"> Oklahoma </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="OR" class="ng-binding ng-scope"> Oregon </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="PA" class="ng-binding ng-scope"> Pennsylvania </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="RI" class="ng-binding ng-scope"> Rhode Island </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="SC" class="ng-binding ng-scope"> South Carolina </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="SD" class="ng-binding ng-scope"> South Dakota </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="TN" class="ng-binding ng-scope"> Tennessee </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="TX" class="ng-binding ng-scope"> Texas </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="UT" class="ng-binding ng-scope"> Utah </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="VT" class="ng-binding ng-scope"> Vermont </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="VA" class="ng-binding ng-scope"> Virginia </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="WA" class="ng-binding ng-scope"> Washington </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="WV" class="ng-binding ng-scope"> West Virginia </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="WI" class="ng-binding ng-scope"> Wisconsin </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
<option ng-repeat="province in liveCtrl.provinceList" value="WY" class="ng-binding ng-scope"> Wyoming </option><!-- end ngRepeat: province in liveCtrl.provinceList -->
</select> </div><!-- end ngIf: liveCtrl.donorInfo.CountryCode == 'CA' || liveCtrl.donorInfo.CountryCode == 'US' || liveCtrl.donorInfo.CountryCode == 'AU' -->
<!-- ngIf: liveCtrl.donorInfo.CountryCode == 'CA' || liveCtrl.donorInfo.CountryCode == 'US' || liveCtrl.donorInfo.CountryCode == 'AU' -->
<p class="help-block donor-information__field__error-message ng-scope ng-hide" ng-if="liveCtrl.donorInfo.CountryCode == 'CA' || liveCtrl.donorInfo.CountryCode == 'US' || liveCtrl.donorInfo.CountryCode == 'AU'"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.state.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.state.$touched) && liveCtrl.longLanguage == 'en-CA'"> Please
select a valid option.</p><!-- end ngIf: liveCtrl.donorInfo.CountryCode == 'CA' || liveCtrl.donorInfo.CountryCode == 'US' || liveCtrl.donorInfo.CountryCode == 'AU' -->
<!-- ngIf: liveCtrl.donorInfo.CountryCode == 'CA' || liveCtrl.donorInfo.CountryCode == 'US' || liveCtrl.donorInfo.CountryCode == 'AU' -->
<p class="help-block donor-information__field__error-message ng-scope ng-hide" ng-if="liveCtrl.donorInfo.CountryCode == 'CA' || liveCtrl.donorInfo.CountryCode == 'US' || liveCtrl.donorInfo.CountryCode == 'AU'"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.state.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.state.$touched) && liveCtrl.longLanguage == 'fr-CA'"> Veuillez
sélectionner une option valide</p><!-- end ngIf: liveCtrl.donorInfo.CountryCode == 'CA' || liveCtrl.donorInfo.CountryCode == 'US' || liveCtrl.donorInfo.CountryCode == 'AU' -->
<!-- ngIf: liveCtrl.donorInfo.CountryCode != 'CA' && liveCtrl.donorInfo.CountryCode != 'US' && liveCtrl.donorInfo.CountryCode != 'AU' -->
<!-- ngIf: liveCtrl.donorInfo.CountryCode != 'CA' && liveCtrl.donorInfo.CountryCode != 'US' && liveCtrl.donorInfo.CountryCode != 'AU' -->
<!-- ngIf: liveCtrl.donorInfo.CountryCode != 'CA' && liveCtrl.donorInfo.CountryCode != 'US' && liveCtrl.donorInfo.CountryCode != 'AU' -->
</div>
</div>
</div><!-- end ngIf: container.widgets[liveCtrl.donorInformation.Province].isvisible --> <!--Zip/Postal Code--> <!-- ngIf: container.widgets[liveCtrl.donorInformation.PostalCode].isvisible -->
<div class="col-md-4 ng-scope" ng-if="container.widgets[liveCtrl.donorInformation.PostalCode].isvisible">
<div class="form-group"> <label class="control-label ng-binding">Postal/Zip Code</label> <!-- ngIf: !container.widgets[liveCtrl.donorInformation.PostalCode].isrequired -->
<div ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.zipCodeHome.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.zipCodeHome.$touched)}">
<div class="has-feedback"> <input class="form-control formElement no-outline ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern" type="text" name="zipCodeHome" ng-model="liveCtrl.donorInfo.PostalCode"
ng-change="liveCtrl.validatePostalCodeStringFormat()" ng-required="container.widgets[liveCtrl.donationService.donorInformation.PostalCode].isrequired"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.zipCodeHome.$invalid && (liveCtrl.DonationForm.zipCodeHome.$touched || liveCtrl.DonationForm.$submitted), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.zipCodeHome.$invalid && (liveCtrl.DonationForm.zipCodeHome.$touched || liveCtrl.DonationForm.$submitted) }"
required="required"> </div>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && !liveCtrl.DonationForm.zipCodeHome.$error.pattern && liveCtrl.DonationForm.zipCodeHome.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.zipCodeHome.$touched) && liveCtrl.longLanguage == 'en-CA'">
Please enter Postal/Zip Code </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && !liveCtrl.DonationForm.zipCodeHome.$error.pattern && liveCtrl.DonationForm.zipCodeHome.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.zipCodeHome.$touched) && liveCtrl.longLanguage == 'fr-CA'">
Veuillez entrer Code postal </p> <!--Particular case-->
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.zipCodeHome.$error.pattern && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.zipCodeHome.$touched) && liveCtrl.longLanguage == 'en-CA'">
Invalid Postal/Zip Code </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.zipCodeHome.$error.pattern && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.zipCodeHome.$touched) && liveCtrl.longLanguage == 'fr-CA'">
Code postal invalide </p>
</div>
</div>
</div><!-- end ngIf: container.widgets[liveCtrl.donorInformation.PostalCode].isvisible -->
</div>
<div class="row ng-scope"> <!--Country--> <!-- ngIf: container.widgets[liveCtrl.donorInformation.Country].isvisible -->
<div class="col-md-6 ng-scope" ng-if="container.widgets[liveCtrl.donorInformation.Country].isvisible">
<div class="form-group has-feedback"> <label class="control-label ng-binding">Country</label> <!-- ngIf: !container.widgets[liveCtrl.donorInformation.Country].isrequired -->
<div ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.selectsConfig.country.hasError && (liveCtrl.DonationForm.$submitted || liveCtrl.selectsConfig.country.touched)}"> <select name="country"
id="country" class="form-control formElement no-outline ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required" ng-model="liveCtrl.donorInfo.CountryCode" ng-change="liveCtrl.changeProvinces()"
ng-required="container.widgets[liveCtrl.donationService.donorInformation.Country].isrequired" ng-class="{'formElement--error': vm.form.country.$invalid && (vm.form.country.$touched || vm.form.$submitted)}"
ng-options="country.code as country.name for country in liveCtrl.donationService.countries" required="required">
<option label="Afghanistan" value="string:AF">Afghanistan</option>
<option label="Åland Islands" value="string:AX">Åland Islands</option>
<option label="Albania" value="string:AL">Albania</option>
<option label="Algeria" value="string:DZ">Algeria</option>
<option label="American Samoa" value="string:AS">American Samoa</option>
<option label="AndorrA" value="string:AD">AndorrA</option>
<option label="Angola" value="string:AO">Angola</option>
<option label="Anguilla" value="string:AI">Anguilla</option>
<option label="Antarctica" value="string:AQ">Antarctica</option>
<option label="Antigua and Barbuda" value="string:AG">Antigua and Barbuda</option>
<option label="Argentina" value="string:AR">Argentina</option>
<option label="Armenia" value="string:AM">Armenia</option>
<option label="Aruba" value="string:AW">Aruba</option>
<option label="Australia" value="string:AU">Australia</option>
<option label="Austria" value="string:AT">Austria</option>
<option label="Azerbaijan" value="string:AZ">Azerbaijan</option>
<option label="Bahamas" value="string:BS">Bahamas</option>
<option label="Bahrain" value="string:BH">Bahrain</option>
<option label="Bangladesh" value="string:BD">Bangladesh</option>
<option label="Barbados" value="string:BB">Barbados</option>
<option label="Belarus" value="string:BY">Belarus</option>
<option label="Belgium" value="string:BE">Belgium</option>
<option label="Belize" value="string:BZ">Belize</option>
<option label="Benin" value="string:BJ">Benin</option>
<option label="Bermuda" value="string:BM">Bermuda</option>
<option label="Bhutan" value="string:BT">Bhutan</option>
<option label="Bolivia" value="string:BO">Bolivia</option>
<option label="Bosnia and Herzegovina" value="string:BA">Bosnia and Herzegovina</option>
<option label="Botswana" value="string:BW">Botswana</option>
<option label="Bouvet Island" value="string:BV">Bouvet Island</option>
<option label="Brazil" value="string:BR">Brazil</option>
<option label="British Indian Ocean Territory" value="string:IO">British Indian Ocean Territory</option>
<option label="Brunei Darussalam" value="string:BN">Brunei Darussalam</option>
<option label="Bulgaria" value="string:BG">Bulgaria</option>
<option label="Burkina Faso" value="string:BF">Burkina Faso</option>
<option label="Burundi" value="string:BI">Burundi</option>
<option label="Cambodia" value="string:KH">Cambodia</option>
<option label="Cameroon" value="string:CM">Cameroon</option>
<option label="Canada" value="string:CA">Canada</option>
<option label="Cape Verde" value="string:CV">Cape Verde</option>
<option label="Cayman Islands" value="string:KY">Cayman Islands</option>
<option label="Central African Republic" value="string:CF">Central African Republic</option>
<option label="Chad" value="string:TD">Chad</option>
<option label="Chile" value="string:CL">Chile</option>
<option label="China" value="string:CN">China</option>
<option label="Christmas Island" value="string:CX">Christmas Island</option>
<option label="Cocos (Keeling) Islands" value="string:CC">Cocos (Keeling) Islands</option>
<option label="Colombia" value="string:CO">Colombia</option>
<option label="Collectivity of Saint Martin" value="string:MF">Collectivity of Saint Martin</option>
<option label="Comoros" value="string:KM">Comoros</option>
<option label="Congo" value="string:CG">Congo</option>
<option label="Congo, The Democratic Republic of the" value="string:CD">Congo, The Democratic Republic of the</option>
<option label="Cook Islands" value="string:CK">Cook Islands</option>
<option label="Costa Rica" value="string:CR">Costa Rica</option>
<option label="Cote D'Ivoire" value="string:CI">Cote D'Ivoire</option>
<option label="Croatia" value="string:HR">Croatia</option>
<option label="Cuba" value="string:CU">Cuba</option>
<option label="Cyprus" value="string:CY">Cyprus</option>
<option label="Czech Republic" value="string:CZ">Czech Republic</option>
<option label="Denmark" value="string:DK">Denmark</option>
<option label="Djibouti" value="string:DJ">Djibouti</option>
<option label="Dominica" value="string:DM">Dominica</option>
<option label="Dominican Republic" value="string:DO">Dominican Republic</option>
<option label="Ecuador" value="string:EC">Ecuador</option>
<option label="Egypt" value="string:EG">Egypt</option>
<option label="El Salvador" value="string:SV">El Salvador</option>
<option label="Equatorial Guinea" value="string:GQ">Equatorial Guinea</option>
<option label="Eritrea" value="string:ER">Eritrea</option>
<option label="Estonia" value="string:EE">Estonia</option>
<option label="Ethiopia" value="string:ET">Ethiopia</option>
<option label="Falkland Islands (Malvinas)" value="string:FK">Falkland Islands (Malvinas)</option>
<option label="Faroe Islands" value="string:FO">Faroe Islands</option>
<option label="Fiji" value="string:FJ">Fiji</option>
<option label="Finland" value="string:FI">Finland</option>
<option label="France" value="string:FR">France</option>
<option label="French Guiana" value="string:GF">French Guiana</option>
<option label="French Polynesia" value="string:PF">French Polynesia</option>
<option label="French Southern Territories" value="string:TF">French Southern Territories</option>
<option label="Gabon" value="string:GA">Gabon</option>
<option label="Gambia" value="string:GM">Gambia</option>
<option label="Georgia" value="string:GE">Georgia</option>
<option label="Germany" value="string:DE">Germany</option>
<option label="Ghana" value="string:GH">Ghana</option>
<option label="Gibraltar" value="string:GI">Gibraltar</option>
<option label="Greece" value="string:GR">Greece</option>
<option label="Greenland" value="string:GL">Greenland</option>
<option label="Grenada" value="string:GD">Grenada</option>
<option label="Guadeloupe" value="string:GP">Guadeloupe</option>
<option label="Guam" value="string:GU">Guam</option>
<option label="Guatemala" value="string:GT">Guatemala</option>
<option label="Guernsey" value="string:GG">Guernsey</option>
<option label="Guinea" value="string:GN">Guinea</option>
<option label="Guinea-Bissau" value="string:GW">Guinea-Bissau</option>
<option label="Guyana" value="string:GY">Guyana</option>
<option label="Haiti" value="string:HT">Haiti</option>
<option label="Heard Island and Mcdonald Islands" value="string:HM">Heard Island and Mcdonald Islands</option>
<option label="Holy See (Vatican City State)" value="string:VA">Holy See (Vatican City State)</option>
<option label="Honduras" value="string:HN">Honduras</option>
<option label="Hong Kong" value="string:HK">Hong Kong</option>
<option label="Hungary" value="string:HU">Hungary</option>
<option label="Iceland" value="string:IS">Iceland</option>
<option label="India" value="string:IN">India</option>
<option label="Indonesia" value="string:ID">Indonesia</option>
<option label="Iran, Islamic Republic Of" value="string:IR">Iran, Islamic Republic Of</option>
<option label="Iraq" value="string:IQ">Iraq</option>
<option label="Ireland" value="string:IE">Ireland</option>
<option label="Isle of Man" value="string:IM">Isle of Man</option>
<option label="Israel" value="string:IL">Israel</option>
<option label="Italy" value="string:IT">Italy</option>
<option label="Jamaica" value="string:JM">Jamaica</option>
<option label="Japan" value="string:JP">Japan</option>
<option label="Jersey" value="string:JE">Jersey</option>
<option label="Jordan" value="string:JO">Jordan</option>
<option label="Kazakhstan" value="string:KZ">Kazakhstan</option>
<option label="Kenya" value="string:KE">Kenya</option>
<option label="Kiribati" value="string:KI">Kiribati</option>
<option label="Korea, Democratic People'S Republic of" value="string:KP">Korea, Democratic People'S Republic of</option>
<option label="Korea, Republic of" value="string:KR">Korea, Republic of</option>
<option label="Kuwait" value="string:KW">Kuwait</option>
<option label="Kyrgyzstan" value="string:KG">Kyrgyzstan</option>
<option label="Lao People'S Democratic Republic" value="string:LA">Lao People'S Democratic Republic</option>
<option label="Latvia" value="string:LV">Latvia</option>
<option label="Lebanon" value="string:LB">Lebanon</option>
<option label="Lesotho" value="string:LS">Lesotho</option>
<option label="Liberia" value="string:LR">Liberia</option>
<option label="Libyan Arab Jamahiriya" value="string:LY">Libyan Arab Jamahiriya</option>
<option label="Liechtenstein" value="string:LI">Liechtenstein</option>
<option label="Lithuania" value="string:LT">Lithuania</option>
<option label="Luxembourg" value="string:LU">Luxembourg</option>
<option label="Macao" value="string:MO">Macao</option>
<option label="Macedonia, The Former Yugoslav Republic of" value="string:MK">Macedonia, The Former Yugoslav Republic of</option>
<option label="Madagascar" value="string:MG">Madagascar</option>
<option label="Malawi" value="string:MW">Malawi</option>
<option label="Malaysia" value="string:MY">Malaysia</option>
<option label="Maldives" value="string:MV">Maldives</option>
<option label="Mali" value="string:ML">Mali</option>
<option label="Malta" value="string:MT">Malta</option>
<option label="Marshall Islands" value="string:MH">Marshall Islands</option>
<option label="Martinique" value="string:MQ">Martinique</option>
<option label="Mauritania" value="string:MR">Mauritania</option>
<option label="Mauritius" value="string:MU">Mauritius</option>
<option label="Mayotte" value="string:YT">Mayotte</option>
<option label="Mexico" value="string:MX">Mexico</option>
<option label="Micronesia, Federated States of" value="string:FM">Micronesia, Federated States of</option>
<option label="Moldova, Republic of" value="string:MD">Moldova, Republic of</option>
<option label="Monaco" value="string:MC">Monaco</option>
<option label="Mongolia" value="string:MN">Mongolia</option>
<option label="Montenegro" value="string:ME">Montenegro</option>
<option label="Montserrat" value="string:MS">Montserrat</option>
<option label="Morocco" value="string:MA">Morocco</option>
<option label="Mozambique" value="string:MZ">Mozambique</option>
<option label="Myanmar" value="string:MM">Myanmar</option>
<option label="Namibia" value="string:NA">Namibia</option>
<option label="Nauru" value="string:NR">Nauru</option>
<option label="Nepal" value="string:NP">Nepal</option>
<option label="Netherlands" value="string:NL">Netherlands</option>
<option label="Netherlands Antilles" value="string:AN">Netherlands Antilles</option>
<option label="New Caledonia" value="string:NC">New Caledonia</option>
<option label="New Zealand" value="string:NZ">New Zealand</option>
<option label="Nicaragua" value="string:NI">Nicaragua</option>
<option label="Niger" value="string:NE">Niger</option>
<option label="Nigeria" value="string:NG">Nigeria</option>
<option label="Niue" value="string:NU">Niue</option>
<option label="Norfolk Island" value="string:NF">Norfolk Island</option>
<option label="Northern Mariana Islands" value="string:MP">Northern Mariana Islands</option>
<option label="Norway" value="string:NO">Norway</option>
<option label="Oman" value="string:OM">Oman</option>
<option label="Pakistan" value="string:PK">Pakistan</option>
<option label="Palau" value="string:PW">Palau</option>
<option label="Palestinian Territory, Occupied" value="string:PS">Palestinian Territory, Occupied</option>
<option label="Panama" value="string:PA">Panama</option>
<option label="Papua New Guinea" value="string:PG">Papua New Guinea</option>
<option label="Paraguay" value="string:PY">Paraguay</option>
<option label="Peru" value="string:PE">Peru</option>
<option label="Philippines" value="string:PH">Philippines</option>
<option label="Pitcairn" value="string:PN">Pitcairn</option>
<option label="Poland" value="string:PL">Poland</option>
<option label="Portugal" value="string:PT">Portugal</option>
<option label="Puerto Rico" value="string:PR">Puerto Rico</option>
<option label="Qatar" value="string:QA">Qatar</option>
<option label="Reunion" value="string:RE">Reunion</option>
<option label="Romania" value="string:RO">Romania</option>
<option label="Russian Federation" value="string:RU">Russian Federation</option>
<option label="RWANDA" value="string:RW">RWANDA</option>
<option label="Saint Barthélemy" value="string:BL">Saint Barthélemy</option>
<option label="Saint Helena" value="string:SH">Saint Helena</option>
<option label="Saint Kitts and Nevis" value="string:KN">Saint Kitts and Nevis</option>
<option label="Saint Lucia" value="string:LC">Saint Lucia</option>
<option label="Saint Pierre and Miquelon" value="string:PM">Saint Pierre and Miquelon</option>
<option label="Saint Vincent and the Grenadines" value="string:VC">Saint Vincent and the Grenadines</option>
<option label="Serbia" value="string:RS">Serbia</option>
<option label="Samoa" value="string:WS">Samoa</option>
<option label="San Marino" value="string:SM">San Marino</option>
<option label="Sao Tome and Principe" value="string:ST">Sao Tome and Principe</option>
<option label="Saudi Arabia" value="string:SA">Saudi Arabia</option>
<option label="Senegal" value="string:SN">Senegal</option>
<option label="Seychelles" value="string:SC">Seychelles</option>
<option label="Sierra Leone" value="string:SL">Sierra Leone</option>
<option label="Singapore" value="string:SG">Singapore</option>
<option label="Slovakia" value="string:SK">Slovakia</option>
<option label="Slovenia" value="string:SI">Slovenia</option>
<option label="Solomon Islands" value="string:SB">Solomon Islands</option>
<option label="Somalia" value="string:SO">Somalia</option>
<option label="South Africa" value="string:ZA">South Africa</option>
<option label="South Georgia and the South Sandwich Islands" value="string:GS">South Georgia and the South Sandwich Islands</option>
<option label="Spain" value="string:ES">Spain</option>
<option label="Sri Lanka" value="string:LK">Sri Lanka</option>
<option label="Sudan" value="string:SD">Sudan</option>
<option label="Suriname" value="string:SR">Suriname</option>
<option label="Svalbard and Jan Mayen" value="string:SJ">Svalbard and Jan Mayen</option>
<option label="Swaziland" value="string:SZ">Swaziland</option>
<option label="Sweden" value="string:SE">Sweden</option>
<option label="Switzerland" value="string:CH">Switzerland</option>
<option label="Syrian Arab Republic" value="string:SY">Syrian Arab Republic</option>
<option label="Taiwan, Province of China" value="string:TW">Taiwan, Province of China</option>
<option label="Tajikistan" value="string:TJ">Tajikistan</option>
<option label="Tanzania, United Republic of" value="string:TZ">Tanzania, United Republic of</option>
<option label="Thailand" value="string:TH">Thailand</option>
<option label="Timor-Leste" value="string:TL">Timor-Leste</option>
<option label="Togo" value="string:TG">Togo</option>
<option label="Tokelau" value="string:TK">Tokelau</option>
<option label="Tonga" value="string:TO">Tonga</option>
<option label="Trinidad and Tobago" value="string:TT">Trinidad and Tobago</option>
<option label="Tunisia" value="string:TN">Tunisia</option>
<option label="Turkey" value="string:TR">Turkey</option>
<option label="Turkmenistan" value="string:TM">Turkmenistan</option>
<option label="Turks and Caicos Islands" value="string:TC">Turks and Caicos Islands</option>
<option label="Tuvalu" value="string:TV">Tuvalu</option>
<option label="Uganda" value="string:UG">Uganda</option>
<option label="Ukraine" value="string:UA">Ukraine</option>
<option label="United Arab Emirates" value="string:AE">United Arab Emirates</option>
<option label="United Kingdom" value="string:GB">United Kingdom</option>
<option label="United States" value="string:US" selected="selected">United States</option>
<option label="United States Minor Outlying Islands" value="string:UM">United States Minor Outlying Islands</option>
<option label="Uruguay" value="string:UY">Uruguay</option>
<option label="Uzbekistan" value="string:UZ">Uzbekistan</option>
<option label="Vanuatu" value="string:VU">Vanuatu</option>
<option label="Venezuela" value="string:VE">Venezuela</option>
<option label="Viet Nam" value="string:VN">Viet Nam</option>
<option label="Virgin Islands, British" value="string:VG">Virgin Islands, British</option>
<option label="Virgin Islands, U.S." value="string:VI">Virgin Islands, U.S.</option>
<option label="Wallis and Futuna" value="string:WF">Wallis and Futuna</option>
<option label="Western Sahara" value="string:EH">Western Sahara</option>
<option label="Yemen" value="string:YE">Yemen</option>
<option label="Zambia" value="string:ZM">Zambia</option>
<option label="Zimbabwe" value="string:ZW">Zimbabwe</option>
</select>
<p class="help-block donor-information__field__error-message ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.selectsConfig.country.hasError && (liveCtrl.DonationForm.$submitted || liveCtrl.selectsConfig.country.touched) && liveCtrl.longLanguage == 'en-CA'"> Please
select a valid option. </p>
<p class="help-block donor-information__field__error-message ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.selectsConfig.country.hasError && (liveCtrl.DonationForm.$submitted || liveCtrl.selectsConfig.country.touched) && liveCtrl.longLanguage == 'fr-CA'">
Veuillez sélectionner une option valide </p>
</div>
</div>
</div><!-- end ngIf: container.widgets[liveCtrl.donorInformation.Country].isvisible -->
</div>
</div>
</div><!-- end ngSwitchWhen: --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation --> <!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid --> <!--Gift Aid--> <!-- Matching Gift (HepData) -->
<!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) --> <!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions--> <!--Payment Information-->
<!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate --> <!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --> <!--Privacy Section-->
</div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer4" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation -->
<div class="container-fluid ng-scope" ng-switch-when="contactinformation">
<div class="container-fluid nopadding">
<div class="admin-edit-pencil"> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> </div>
</div> <!-- ngInclude: '/Static/Templates/Donation/View/permission-questions.html' -->
<div class="container-fluid container-panel form-style no-padding ng-scope" ng-include="'/Static/Templates/Donation/View/permission-questions.html'">
<!--Contact Information--><!-- ngIf: liveCtrl.modelService.content[liveCtrl.modelService.getContainerIndex(liveCtrl.modelService.content, 'donorinformation')].widgets[liveCtrl.donorInformation.DonorInformationHeading].isvisible -->
<div ng-if="liveCtrl.modelService.content[liveCtrl.modelService.getContainerIndex(liveCtrl.modelService.content, 'donorinformation')].widgets[liveCtrl.donorInformation.DonorInformationHeading].isvisible" class="ng-scope">
<!-- ngIf: liveCtrl.displayMode === 'Edit' --> <!-- ngIf: liveCtrl.displayMode !== 'Edit' -->
<h3 ng-if="liveCtrl.displayMode !== 'Edit'" class="P2P__subhead ng-scope"> <b class="ng-binding">Contact Information</b> </h3><!-- end ngIf: liveCtrl.displayMode !== 'Edit' -->
</div><!-- end ngIf: liveCtrl.modelService.content[liveCtrl.modelService.getContainerIndex(liveCtrl.modelService.content, 'donorinformation')].widgets[liveCtrl.donorInformation.DonorInformationHeading].isvisible -->
<div class="row ng-scope"> <!--Phone Number-->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible -->
<div class="col-md-6 ng-scope" ng-repeat="widget in container.widgets" ng-if="widget.type === 'PostalCode' && widget.isvisible">
<div class="form-group"> <label class="control-label ng-binding">Phone Number</label> <!-- ngIf: !widget.isrequired -->
<div
ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && (!liveCtrl.validate.validatePhoneNumberDirective(liveCtrl.donorInfo.CountryCode, liveCtrl.donorInfo.PhoneNumber) || liveCtrl.DonationForm.phoneNumber.$invalid) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.phoneNumber.$touched)}">
<div class="has-feedback"> <input class="form-control formElement no-outline ng-untouched ng-isolate-scope ng-empty ng-dirty ng-valid-parse ng-invalid ng-invalid-required" type="text" name="phoneNumber"
ng-model="liveCtrl.donorInfo.PhoneNumber" phone-input="" country-code="liveCtrl.donorInfo.CountryCode" ng-required="widget.isrequired" ng-change="liveCtrl.validatePhoneNumber(liveCtrl.donorInfo.PhoneNumber, 'phoneNumber')"
ng-class="{ 'formElement--error': liveCtrl.displayMode !== 'Edit' && !liveCtrl.validate.validatePhoneNumberDirective(liveCtrl.donorInfo.CountryCode, liveCtrl.donorInfo.PhoneNumber) && (liveCtrl.DonationForm.phoneNumber.$touched || liveCtrl.DonationForm.$submitted), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && !liveCtrl.validate.validatePhoneNumberDirective(liveCtrl.donorInfo.CountryCode, liveCtrl.donorInfo.PhoneNumber) && (liveCtrl.DonationForm.phoneNumber.$touched || liveCtrl.DonationForm.$submitted) }"
ng-init="liveCtrl.validatePhoneNumber(liveCtrl.donorInfo.PhoneNumber, 'phoneNumber')" required="required"> </div>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.phoneNumber.$invalid && (liveCtrl.DonationForm.phoneNumber.$touched || liveCtrl.DonationForm.$submitted)"> Please enter phone number </p>
</div>
</div>
</div>
<!-- end ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PostalCode' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets -->
<!--Cell Phone-->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'CellNumber' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets -->
<!--Email Address-->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' -->
<div class="col-md-6 ng-scope" ng-repeat="widget in container.widgets" ng-if="widget.type === 'Email'">
<div class="form-group"> <label class="control-label ng-binding">Email Address</label>
<div ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.emailAddress.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.emailAddress.$touched)}">
<div class="has-feedback"> <input class="form-control formElement no-outline ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" name="emailAddress" ng-model="liveCtrl.donorInfo.Email" ng-required="widget.isrequired"
ng-change="liveCtrl.validateEmail()"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.emailAddress.$invalid && (liveCtrl.DonationForm.emailAddress.$touched || liveCtrl.DonationForm.$submitted), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.emailAddress.$invalid && (liveCtrl.DonationForm.emailAddress.$touched || liveCtrl.DonationForm.$submitted) }"
required="required"> </div>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.emailAddress.$invalid && (liveCtrl.DonationForm.emailAddress.$touched || liveCtrl.DonationForm.$submitted)"> </p>
</div>
</div>
</div><!-- end ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'Email' --><!-- end ngRepeat: widget in container.widgets -->
<!--Confirm Email Address class="help-block donor-information__field__error-message"ss-->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'ConfirmEmail' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets -->
</div>
<div class="form-group ng-scope"> <!-- GDPR default text --> <!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible -->
<div ng-repeat="widget in container.widgets" ng-if="widget.type === 'PermissionDescription' && widget.isvisible" class="ng-scope"> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> <!-- ngIf: liveCtrl.displayMode !== 'Edit' -->
<p ng-if="liveCtrl.displayMode !== 'Edit'" style="font-size:16px;" class="ng-binding ng-scope">Your support matters to us, so MISERICORDIA FOUNDATION would like to use your information to keep in touch about things that may matter to you.
If you choose to hear from MISERICORDIA FOUNDATION, we may contact you in the future about our ongoing efforts.</p><!-- end ngIf: liveCtrl.displayMode !== 'Edit' -->
</div>
<!-- end ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PermissionDescription' && widget.isvisible --><!-- end ngRepeat: widget in container.widgets -->
<!-- Email permission -->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' -->
<div ng-repeat="widget in container.widgets" ng-if="widget.type === 'EmailPermission'" class="ng-scope">
<div class="checkbox checkbox-primary form-check formElement__checkbox" ng-show="widget.isvisible"> <input id="EmailPermission" class="form-check-input ng-pristine ng-untouched ng-valid ng-empty" type="checkbox"
ng-model="liveCtrl.donorInfo.EmailPermission"> <!-- ngIf: liveCtrl.displayMode !== 'Edit' --><label for="EmailPermission" ng-if="liveCtrl.displayMode !== 'Edit'" class="form-check-label ng-binding ng-scope"> Allow MISERICORDIA
FOUNDATION to contact me by email </label><!-- end ngIf: liveCtrl.displayMode !== 'Edit' --> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> </div>
</div>
<!-- end ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'EmailPermission' --><!-- end ngRepeat: widget in container.widgets -->
<!-- Post mail permission -->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' -->
<div ng-repeat="widget in container.widgets" ng-if="widget.type === 'MailPermission'" class="ng-scope">
<div class="checkbox checkbox-primary form-check formElement__checkbox" ng-show="widget.isvisible"> <input id="MailPermission" class="form-check-input ng-pristine ng-untouched ng-valid ng-empty" type="checkbox"
ng-model="liveCtrl.donorInfo.MailPermission"> <!-- ngIf: liveCtrl.isView --><label for="MailPermission" class="form-check-label ng-binding ng-scope" ng-if="liveCtrl.isView"> I give MISERICORDIA FOUNDATION permission to contact me by
mail (post) </label><!-- end ngIf: liveCtrl.isView --> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> </div>
</div>
<!-- end ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'MailPermission' --><!-- end ngRepeat: widget in container.widgets -->
<!-- Phone permission -->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' -->
<div ng-repeat="widget in container.widgets" ng-if="widget.type === 'PhonePermission'" class="ng-scope">
<div class="checkbox checkbox-primary form-check formElement__checkbox" ng-show="widget.isvisible"> <input id="PhonePermission" class="form-check-input ng-pristine ng-untouched ng-valid ng-empty" type="checkbox"
ng-model="liveCtrl.donorInfo.PhonePermission"> <!-- ngIf: liveCtrl.displayMode !== 'Edit' --><label for="PhonePermission" class="form-check-label ng-binding ng-scope" ng-if="liveCtrl.displayMode !== 'Edit'"> I give MISERICORDIA
FOUNDATION permission to contact me by phone. </label><!-- end ngIf: liveCtrl.displayMode !== 'Edit' --> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> </div>
</div>
<!-- end ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PhonePermission' --><!-- end ngRepeat: widget in container.widgets -->
<!-- ngIf: liveCtrl.isExternalEvent || (!liveCtrl.isDirectDonation && !liveCtrl.isEditDirectDonation || (liveCtrl.donationType != 'direct' && liveCtrl.donationType != undefined)) -->
<div ng-if="liveCtrl.isExternalEvent || (!liveCtrl.isDirectDonation && !liveCtrl.isEditDirectDonation || (liveCtrl.donationType != 'direct' && liveCtrl.donationType != undefined))" class="ng-scope"> <!--Donor listing name-->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' -->
<div ng-repeat="widget in container.widgets" ng-if="widget.type === 'DonorListingPermission'" class="ng-scope"> <!-- ngIf: widget.isvisible -->
<div ng-if="widget.isvisible" class="row-fluid ng-scope">
<div class="checkbox checkbox-primary form-check formElement__checkbox"> <input id="DonorListing" class="form-check-input ng-pristine ng-untouched ng-valid ng-not-empty" type="checkbox" ng-model="liveCtrl.donorInfo.donorListingCheck"
ng-change="liveCtrl.updateListingName(liveCtrl.donorInfo.donorListingCheck)"> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> <!-- ngIf: liveCtrl.displayMode !== 'Edit' --><label for="DonorListing"
class="form-check-label ng-binding ng-scope" ng-if="liveCtrl.displayMode !== 'Edit'">Display my name publicly in the list of donors</label><!-- end ngIf: liveCtrl.displayMode !== 'Edit' --> </div>
<!-- ngIf: liveCtrl.donorInfo.donorListingCheck -->
<div class="ng-scope" style="width: 50%; padding-left: 28px; padding-right: 14px;" ng-if="liveCtrl.donorInfo.donorListingCheck"> <!-- ngIf: liveCtrl.displayMode !== 'Edit' --><label style="font-weight: normal;"
ng-if="liveCtrl.displayMode !== 'Edit'" class="ng-binding ng-scope">Display Name</label><!-- end ngIf: liveCtrl.displayMode !== 'Edit' --> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> <!--Desktop-->
<div class="form-group has-feedback"
ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.displayName.$invalid && (liveCtrl.DonationForm.displayName.$touched || liveCtrl.DonationForm.$submitted)}"> <input
class="input-style form-control formElement ng-pristine ng-untouched ng-valid ng-empty ng-valid-pattern ng-valid-maxlength" name="displayName" style="height: 32px;" type="text" maxlength="50"
ng-model="liveCtrl.donorInfo.donorListing"
ng-pattern="/^[a-zA-Z- ÇçéâîôûàèùëïüèÙÛÛŸÀÂÇÉÈÈÊËËÏÎÔÆŒàâäèéêëîôœùûüÿïççéâîôûÇçéâîôûàèùëïüèÙÛÛŸÀÂÇÉÈÈÊËËÏÎÔÆŒàèùëïüèÿæœÙÛÛŸÀÂÇÉÈÈÊËËÏÎÔÆŒáÁàÀâÂäÄãÃåÅæÆçÇéÉèÈêÊëËíÍìÌîÎïÏñÑóÓòÒôÔöÖõÕøØœŒßúÚùÙûÛüÜ']*$/"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.displayName.$invalid && (liveCtrl.DonationForm.displayName.$touched || liveCtrl.DonationForm.$submitted), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.displayName.$invalid && (liveCtrl.DonationForm.displayName.$touched || liveCtrl.DonationForm.$submitted) }">
<span class="fa fa-question-circle form-control-feedback question-mark" aria-hidden="true"
uib-popover="The Display Name will act as an alias for this donation. Please choose carefully as you can't change it later - If left empty, your first and last names will be used." popover-placement="bottom-right"
popover-trigger="'mouseenter'" popover-class="popoverStyle"> </span>
<p class="help-block ng-binding ng-hide" ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.displayName.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.displayName.$touched)">
Name can only contain letters and hyphens</p>
</div>
</div><!-- end ngIf: liveCtrl.donorInfo.donorListingCheck -->
</div><!-- end ngIf: widget.isvisible -->
</div>
<!-- end ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingPermission' --><!-- end ngRepeat: widget in container.widgets -->
<!--Donor listing amount-->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' -->
<div ng-repeat="widget in container.widgets" ng-if="widget.type === 'DonorListingAmountPermission'" class="ng-scope"> <!-- ngIf: widget.isvisible -->
<div class="checkbox checkbox-primary form-check formElement__checkbox row-fluid ng-scope" ng-if="widget.isvisible"> <input id="ListAmount" class="form-check-input ng-pristine ng-untouched ng-valid ng-not-empty" type="checkbox"
ng-model="liveCtrl.donorInfo.donorAmount"> <!-- ngIf: liveCtrl.displayMode !== 'Edit' --><label for="ListAmount" class="form-check-label ng-pristine ng-untouched ng-valid ng-binding ng-scope ng-not-empty"
ng-if="liveCtrl.displayMode !== 'Edit'" ng-model="widget.content[liveCtrl.shortLanguage].txtDonorListingAmountPermission"> Display my donation amount publicly in the list of donors
</label><!-- end ngIf: liveCtrl.displayMode !== 'Edit' --> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> </div><!-- end ngIf: widget.isvisible -->
</div>
<!-- end ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonorListingAmountPermission' --><!-- end ngRepeat: widget in container.widgets -->
</div><!-- end ngIf: liveCtrl.isExternalEvent || (!liveCtrl.isDirectDonation && !liveCtrl.isEditDirectDonation || (liveCtrl.donationType != 'direct' && liveCtrl.donationType != undefined)) --> <!--Leave a message section-->
<!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' -->
<div ng-repeat="widget in container.widgets" ng-if="widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct'" class="ng-scope">
<div> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> </div>
<div> <!-- ngIf: liveCtrl.displayMode !== 'Edit' --><label ng-if="liveCtrl.displayMode !== 'Edit'" ng-model="widget.content[liveCtrl.shortLanguage].txtLabel"
class="donation-page__leave-a-comment__label ng-pristine ng-untouched ng-valid ng-binding ng-scope ng-not-empty"> Leave a comment </label><!-- end ngIf: liveCtrl.displayMode !== 'Edit' -->
<!-- ngIf: liveCtrl.displayMode === 'Edit' --> <br> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> <!-- ngIf: liveCtrl.displayMode !== 'Edit' --><textarea ng-if="liveCtrl.displayMode !== 'Edit'" maxlength="200"
ng-model="liveCtrl.donorInfo.Comment" class="form-control formElement donation-page__leave-a-comment__field ng-pristine ng-untouched ng-valid ng-scope ng-empty ng-valid-maxlength"
placeholder="Tell your story, or send words of encouragement. Your comment will appear publicly."></textarea><!-- end ngIf: liveCtrl.displayMode !== 'Edit' --> </div>
</div>
<!-- end ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'DonationComment' && widget.isvisible && liveCtrl.donationType != 'direct' --><!-- end ngRepeat: widget in container.widgets -->
</div>
</div>
</div><!-- end ngSwitchWhen: --> <!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid --> <!--Gift Aid--> <!-- Matching Gift (HepData) --> <!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions -->
<!-- Matching Gift (HepData) --> <!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions--> <!--Payment Information--> <!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button-->
<!-- ngSwitchWhen: donate --> <!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --> <!--Privacy Section-->
</div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer5" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation -->
<!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid --> <!--Gift Aid--> <!-- Matching Gift (HepData) --> <!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) -->
<!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions -->
<div class="container-fluid ng-scope" ng-switch-when="surveyquestions">
<div class="container-fluid nopadding">
<div class="admin-edit-pencil"> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> </div>
</div> <!-- ngIf: !liveCtrl.isExternalEvent && liveCtrl.udfs[liveCtrl.shortLanguage].length -->
<div class="container-fluid container-panel form-style no-padding"> <!-- ngIf: liveCtrl.isExternalEvent --><custom-questions-form ng-if="liveCtrl.isExternalEvent" form="liveCtrl.DonationForm" class="ng-scope ng-isolate-scope">
<div class="container-fluid p-0 DF__body__text form-style mx-md-0 d-inline"> <!--Iterate the UDF list--> <!-- ngRepeat: question in vm.service.questionsList | filter: { IsVisible: true } --></div>
</custom-questions-form><!-- end ngIf: liveCtrl.isExternalEvent --> </div>
</div><!-- end ngSwitchWhen: --> <!--Survey Questions--> <!--Payment Information--> <!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate --> <!--Submit Button--> <!--Privacy Section-->
<!-- ngSwitchWhen: privacy --> <!--Privacy Section-->
</div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer6" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation -->
<!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid --> <!--Gift Aid--> <!-- Matching Gift (HepData) --> <!-- ngSwitchWhen: matchinggift -->
<div class="container-fluid ng-scope" ng-switch-when="matchinggift">
<!-- ngRepeat: templateSwitch in liveCtrl.templateSwitchs --><!-- ngIf: templateSwitch.templateSwitchID === 'EnableMatchingGift' && templateSwitch.value && liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].IsHepDataEnabled --><!-- end ngRepeat: templateSwitch in liveCtrl.templateSwitchs --><!-- ngIf: templateSwitch.templateSwitchID === 'EnableMatchingGift' && templateSwitch.value && liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].IsHepDataEnabled --><!-- end ngRepeat: templateSwitch in liveCtrl.templateSwitchs --><!-- ngIf: templateSwitch.templateSwitchID === 'EnableMatchingGift' && templateSwitch.value && liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].IsHepDataEnabled --><!-- end ngRepeat: templateSwitch in liveCtrl.templateSwitchs --><!-- ngIf: templateSwitch.templateSwitchID === 'EnableMatchingGift' && templateSwitch.value && liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].IsHepDataEnabled --><!-- end ngRepeat: templateSwitch in liveCtrl.templateSwitchs --><!-- ngIf: templateSwitch.templateSwitchID === 'EnableMatchingGift' && templateSwitch.value && liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].IsHepDataEnabled --><!-- end ngRepeat: templateSwitch in liveCtrl.templateSwitchs --><!-- ngIf: templateSwitch.templateSwitchID === 'EnableMatchingGift' && templateSwitch.value && liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].IsHepDataEnabled --><!-- end ngRepeat: templateSwitch in liveCtrl.templateSwitchs -->
</div><!-- end ngSwitchWhen: --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) --> <!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions--> <!--Payment Information-->
<!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate --> <!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --> <!--Privacy Section-->
</div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer7" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation -->
<!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid --> <!--Gift Aid--> <!-- Matching Gift (HepData) --> <!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) -->
<!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions--> <!--Payment Information--> <!-- ngSwitchWhen: paymentinfo -->
<div class="container-fluid ng-scope" ng-switch-when="paymentinfo"> <!-- ngIf: !liveCtrl.isExternalEvent --> <!-- ngInclude: '/Static/Templates/Donation/View/donation-payment.html' -->
<div class="container-fluid container-panel form-style no-padding ng-scope" ng-include="'/Static/Templates/Donation/View/donation-payment.html'">
<!--Donation Payment section for the live page side--><!-- ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' -->
<div ng-repeat="widget in container.widgets" ng-if="widget.type === 'PaymentInfoHeading'" class="ng-scope"> <!-- ngIf: liveCtrl.displayMode === 'Edit' --> <!-- ngIf: liveCtrl.displayMode !== 'Edit' -->
<h2 ng-if="liveCtrl.displayMode !== 'Edit'" class="P2P__subhead ng-binding ng-scope">Payment Information</h2><!-- end ngIf: liveCtrl.displayMode !== 'Edit' -->
</div>
<!-- end ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- ngIf: widget.type === 'PaymentInfoHeading' --><!-- end ngRepeat: widget in container.widgets --><!-- Payment type toggle --><!-- ngIf: liveCtrl.isPaypalEnabled && liveCtrl.displayPaypalButton && !liveCtrl.isExternalEvent && liveCtrl.donorInfo.DonationType == 'OneTime' --><!-- ngIf: liveCtrl.paymentInfo.PaymentMethod == 'CreditCard' -->
<div ng-if="liveCtrl.paymentInfo.PaymentMethod == 'CreditCard'" class="ng-scope">
<div class="row"> <!--Card Holder Name-->
<div class="col-md-12">
<div class="form-group"> <label class="control-label ng-binding">Name on Card</label>
<div ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.CardholderName.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardholderName.$touched)}">
<div class="has-feedback"> <input class="form-control formElement no-outline ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" type="text" name="CardholderName"
ng-required="container.widgets[liveCtrl.donationPayment.CardHolder].isrequired" ng-model="liveCtrl.paymentInfo.CardholderName"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.CardholderName.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardholderName.$touched), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.CardholderName.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardholderName.$touched) }"
required="required"> </div>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.CardholderName.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardholderName.$touched) && liveCtrl.longLanguage == 'en-CA'">
Please enter a Card Holder Name </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.CardholderName.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardholderName.$touched) && liveCtrl.longLanguage == 'fr-CA'">
Veuillez entrer Titulaire de la carte </p>
</div>
</div>
</div> <!--Card Number-->
<div ng-class="{'col-md-9': liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].IsCVVEnabled, 'col-md-12': !liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].IsCVVEnabled}" class="col-md-9">
<div class="form-group"> <label class="control-label ng-binding">Card Number</label>
<div
ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && (liveCtrl.DonationForm.CardNumber.$invalid || !liveCtrl.validate.validateCcNumber(liveCtrl.paymentInfo.CardNumber, liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards, liveCtrl.donorInfo.CountryCode)) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardNumber.$touched)}">
<div class="has-feedback"> <input class="form-control formElement no-outline ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required" type="text" name="CardNumber"
ng-required="container.widgets[liveCtrl.donationPayment.CardNumber].isrequired" ng-model="liveCtrl.paymentInfo.CardNumber" mask-input="" ng-blur="liveCtrl.validate.updateCVV(liveCtrl.DonationForm.SecurityNumber)"
payment-settings="liveCtrl.paymentSettings" ng-trim="false" ng-change="liveCtrl.validInput()"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && (liveCtrl.DonationForm.CardNumber.$invalid || !liveCtrl.validate.validateCcNumber(liveCtrl.paymentInfo.CardNumber, liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards, liveCtrl.donorInfo.CountryCode)) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardNumber.$touched), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && (liveCtrl.DonationForm.CardNumber.$invalid || !liveCtrl.validate.validateCcNumber(liveCtrl.paymentInfo.CardNumber, liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards, liveCtrl.donorInfo.CountryCode)) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardNumber.$touched)}"
required="required"> </div>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && !liveCtrl.paymentInfo.CardNumber && !liveCtrl.validate.validateCcNumber(liveCtrl.paymentInfo.CardNumber, liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) && liveCtrl.DonationForm.CardNumber.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardNumber.$touched) && liveCtrl.longLanguage == 'en-CA'">
Please enter a Card Number </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && !liveCtrl.paymentInfo.CardNumber && !liveCtrl.validate.validateCcNumber(liveCtrl.paymentInfo.CardNumber, liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) && liveCtrl.DonationForm.CardNumber.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardNumber.$touched) && liveCtrl.longLanguage == 'fr-CA'">
Veuillez entrer Numéro de la carte </p> <!--Particular case-->
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.paymentInfo.CardNumber && !liveCtrl.validate.validateCcNumber(liveCtrl.paymentInfo.CardNumber, liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardNumber.$touched) && liveCtrl.longLanguage == 'en-CA'">
Invalid Card Number </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.paymentInfo.CardNumber && !liveCtrl.validate.validateCcNumber(liveCtrl.paymentInfo.CardNumber, liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.CardNumber.$touched) && liveCtrl.longLanguage == 'fr-CA'">
Numéro de la carte invalide</p>
</div>
<ul class="list-inline"> <!-- ngIf: liveCtrl.validate.isValidCC('Amex', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) -->
<li ng-if="liveCtrl.validate.isValidCC('Amex', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards)" style="vertical-align: middle; display: inline-block" class="ng-scope"> <span class="fa fa-cc-amex fa-2x cc-brand"
ng-class="{'cc-active': liveCtrl.validate.GetCardType(liveCtrl.paymentInfo.CardNumber) == 'Amex'}"></span> </li>
<!-- end ngIf: liveCtrl.validate.isValidCC('Amex', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) -->
<!-- ngIf: liveCtrl.validate.isValidCC('Diners', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) -->
<!-- ngIf: liveCtrl.validate.isValidCC('Discover', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) -->
<li ng-if="liveCtrl.validate.isValidCC('Discover', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards)" style="vertical-align: middle; display: inline-block" class="ng-scope"> <span
class="fa fa-cc-discover fa-2x cc-brand" ng-class="{'cc-active': liveCtrl.validate.GetCardType(liveCtrl.paymentInfo.CardNumber) == 'Discover'}"></span> </li>
<!-- end ngIf: liveCtrl.validate.isValidCC('Discover', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) -->
<!-- ngIf: liveCtrl.validate.isValidCC('MasterCard', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) -->
<li ng-if="liveCtrl.validate.isValidCC('MasterCard', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards)" style="vertical-align: middle; display: inline-block" class="ng-scope"> <span
class="fa fa-cc-mastercard fa-2x cc-brand" ng-class="{'cc-active': liveCtrl.validate.GetCardType(liveCtrl.paymentInfo.CardNumber) == 'MasterCard'}"></span> </li>
<!-- end ngIf: liveCtrl.validate.isValidCC('MasterCard', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) -->
<!-- ngIf: liveCtrl.validate.isValidCC('Visa', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) -->
<li ng-if="liveCtrl.validate.isValidCC('Visa', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards)" style="vertical-align: middle; display: inline-block" class="ng-scope"> <span class="fa fa-cc-visa fa-2x cc-brand"
ng-class="{'cc-active': liveCtrl.validate.GetCardType(liveCtrl.paymentInfo.CardNumber) == 'Visa'}"></span> </li>
<!-- end ngIf: liveCtrl.validate.isValidCC('Visa', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) -->
<!-- ngIf: liveCtrl.validate.isValidCC('Switch', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) && !(liveCtrl.validate.GetCardType(liveCtrl.paymentInfo.CardNumber) == 'Switch') -->
<!-- ngIf: liveCtrl.validate.isValidCC('Switch', liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].CreditCards) && liveCtrl.validate.GetCardType(liveCtrl.paymentInfo.CardNumber) == 'Switch' -->
</ul>
</div>
</div> <!--Card Security Number--> <!-- ngIf: liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].IsCVVEnabled -->
<div class="col-12 col-sm-12 col-md-3 ng-scope" ng-if="liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].IsCVVEnabled">
<div class="form-group payment-information__field "> <label class="w-100 control-label ng-binding">CVV</label>
<div class="has-feedback"
ng-class="{ 'has-error': liveCtrl.displayMode !== 'Edit' && (liveCtrl.DonationForm.SecurityNumber.$invalid || !liveCtrl.validate.validateCVC(liveCtrl.paymentInfo.CardCVV, liveCtrl.paymentInfo.CardNumber)) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.SecurityNumber.$touched)}">
<input class="form-control formElement no-outline donor-information__field__input ng-pristine ng-untouched ng-isolate-scope ng-empty ng-invalid ng-invalid-required" type="text" name="SecurityNumber" mask-input=""
card-number="liveCtrl.paymentInfo.CardNumber" ng-required="container.widgets[liveCtrl.donationPayment.Cvv].isrequired" ng-model="liveCtrl.paymentInfo.CardCVV"
ng-class="{'formElement--error': liveCtrl.displayMode !== 'Edit' && (liveCtrl.DonationForm.SecurityNumber.$invalid || !liveCtrl.validate.validateCVC(liveCtrl.paymentInfo.CardCVV, liveCtrl.paymentInfo.CardNumber)) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.SecurityNumber.$touched), 'formElement--error:focus': liveCtrl.displayMode !== 'Edit' && (liveCtrl.DonationForm.SecurityNumber.$invalid || !liveCtrl.validate.validateCVC(liveCtrl.paymentInfo.CardCVV, liveCtrl.paymentInfo.CardNumber)) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.SecurityNumber.$touched)}"
required="required"> <span class="fa fa-question-circle question-mark form-control-feedback" aria-hidden="true" uib-popover-template="'/Static/Templates/cvv-help.html'" popover-placement="bottom-right"
popover-trigger="'mouseenter'" popover-class="payment-infromation-cvv"> </span>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.SecurityNumber.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.SecurityNumber.$touched) && liveCtrl.longLanguage == 'en-CA'">
Please enter a CVV </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && liveCtrl.DonationForm.SecurityNumber.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.SecurityNumber.$touched) && liveCtrl.longLanguage == 'fr-CA'">
Veuillez entrer CVV </p> <!--Particular case-->
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && !liveCtrl.validate.validateCVC(liveCtrl.paymentInfo.CardCVV, liveCtrl.paymentInfo.CardNumber) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.SecurityNumber.$touched) && liveCtrl.longLanguage == 'en-CA'">
Invalid CVV </p>
<p class="help-block donor-information__field__error-message ng-binding ng-hide"
ng-show="liveCtrl.displayMode !== 'Edit' && !liveCtrl.validate.validateCVC(liveCtrl.paymentInfo.CardCVV, liveCtrl.paymentInfo.CardNumber) && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.SecurityNumber.$touched) && liveCtrl.longLanguage == 'fr-CA'">
CVV invalide</p>
</div>
</div>
</div><!-- end ngIf: liveCtrl.donationPaymentSettings[liveCtrl.shortLanguage].IsCVVEnabled -->
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group"> <label class="control-label ng-binding">Expiration Date</label>
<div
ng-class="{ 'has-error': (liveCtrl.displayMode !== 'Edit' && liveCtrl.validateExpirationDate() === false && liveCtrl.DonationForm.expiryMonth.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.expiryMonth.$touched))}">
<div class="has-feedback"> <select class="form-control formElement no-outline ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-model="liveCtrl.paymentInfo.CardExpiryMonth" required="" name="expiryMonth"
ng-change="liveCtrl.validateExpirationDate('expiryMonth')"
ng-class="{'formElement--error': (liveCtrl.displayMode !== 'Edit' && liveCtrl.validateExpirationDate() === false && liveCtrl.DonationForm.expiryMonth.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.expiryMonth.$touched)), 'formElement--error:focus': (liveCtrl.displayMode !== 'Edit' && liveCtrl.validateExpirationDate() === false && liveCtrl.DonationForm.expiryMonth.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.expiryMonth.$touched)) }">
<!-- ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="" class="ng-binding ng-scope" selected="selected">Month</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="1" class="ng-binding ng-scope">1</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="2" class="ng-binding ng-scope">2</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="3" class="ng-binding ng-scope">3</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="4" class="ng-binding ng-scope">4</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="5" class="ng-binding ng-scope">5</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="6" class="ng-binding ng-scope">6</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="7" class="ng-binding ng-scope">7</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="8" class="ng-binding ng-scope">8</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="9" class="ng-binding ng-scope">9</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="10" class="ng-binding ng-scope">10</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="11" class="ng-binding ng-scope">11</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
<option ng-repeat="month in liveCtrl.monthsList" value="12" class="ng-binding ng-scope">12</option><!-- end ngRepeat: month in liveCtrl.monthsList -->
</select> </div>
<!-- ngIf: (liveCtrl.displayMode !== 'Edit' && liveCtrl.validateExpirationDate() === false && !liveCtrl.paymentInfo.CardExpiryMonth && liveCtrl.DonationForm.expiryMonth.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.expiryMonth.$touched)) -->
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group"
ng-class="{ 'has-error': (liveCtrl.displayMode !== 'Edit' && liveCtrl.validateExpirationDate() === false && liveCtrl.DonationForm.expiryYear.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.expiryYear.$touched)) }">
<div class="has-feedback expiry-year-select"> <select class="form-control formElement no-outline ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-model="liveCtrl.paymentInfo.CardExpiryYear" required=""
name="expiryYear" ng-change="liveCtrl.validateExpirationDate('expiryYear')"
ng-class="{'formElement--error': (liveCtrl.displayMode !== 'Edit' && liveCtrl.validateExpirationDate() === false && liveCtrl.DonationForm.expiryYear.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.expiryYear.$touched)), 'formElement--error:focus': (liveCtrl.displayMode !== 'Edit' && liveCtrl.validateExpirationDate() === false && liveCtrl.DonationForm.expiryYear.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.expiryYear.$touched)) }">
<!-- ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="" class="ng-binding ng-scope" selected="selected">Year</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2024" class="ng-binding ng-scope">2024</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2025" class="ng-binding ng-scope">2025</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2026" class="ng-binding ng-scope">2026</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2027" class="ng-binding ng-scope">2027</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2028" class="ng-binding ng-scope">2028</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2029" class="ng-binding ng-scope">2029</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2030" class="ng-binding ng-scope">2030</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2031" class="ng-binding ng-scope">2031</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2032" class="ng-binding ng-scope">2032</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
<option ng-repeat="year in liveCtrl.yearsList" value="2033" class="ng-binding ng-scope">2033</option><!-- end ngRepeat: year in liveCtrl.yearsList -->
</select> </div>
<!-- ngIf: (liveCtrl.displayMode !== 'Edit' && liveCtrl.validateExpirationDate() === false && !liveCtrl.paymentInfo.CardExpiryYear && liveCtrl.DonationForm.expiryYear.$invalid && (liveCtrl.DonationForm.$submitted || liveCtrl.DonationForm.expiryYear.$touched)) -->
</div>
</div>
</div>
<!-- ngIf: (liveCtrl.paymentInfo.CardExpiryMonth && liveCtrl.paymentInfo.CardExpiryYear) && (liveCtrl.DonationForm.expiryMonth.$invalid || liveCtrl.DonationForm.expiryYear.$invalid) && (liveCtrl.DonationForm.expiryMonth.$touched || liveCtrl.DonationForm.expiryYear.$touched || liveCtrl.DonationForm.$submitted) -->
<!-- ngIf: liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].GatewayType === 'PGF' && liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].Disclaimer -->
</div>
<!-- end ngIf: liveCtrl.paymentInfo.PaymentMethod == 'CreditCard' --><!-- ngIf: !liveCtrl.isExternalEvent --><!-- ngIf: liveCtrl.isPaypalEnabled && liveCtrl.displayPaypalButton && !liveCtrl.isExternalEvent && liveCtrl.paymentInfo.PaymentMethod == 'PayPal' && liveCtrl.donorInfo.DonationType === 'OneTime' -->
</div>
</div><!-- end ngSwitchWhen: --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate --> <!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --> <!--Privacy Section-->
</div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer8" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation -->
<!--Contact Information--> <!--Gift Aid-->
<!-- ngSwitchWhen: giftaid --><!-- ngIf: liveCtrl.shortLanguage === 'en' && liveCtrl.donationService.isGiftAidEnabled && liveCtrl.isUKOrganization && !liveCtrl.isExternalEvent --><!-- end ngSwitchWhen: --> <!--Gift Aid-->
<!-- Matching Gift (HepData) --> <!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) --> <!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions-->
<!--Payment Information--> <!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate --> <!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --> <!--Privacy Section--> </div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer9" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation -->
<!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid --> <!--Gift Aid--> <!-- Matching Gift (HepData) --> <!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) -->
<!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions--> <!--Payment Information--> <!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate -->
<div class="container-fluid text-center ng-scope" ng-switch-when="donate"> <!-- ngInclude: '/Static/Templates/Donation/View/donation-submit.html' -->
<div class="container-fluid form-style no-padding ng-scope" ng-include="'/Static/Templates/Donation/View/donation-submit.html'"><!-- Default (Credit Card) button --><!-- ngIf: liveCtrl.paymentInfo.PaymentMethod == 'CreditCard' -->
<div ng-if="liveCtrl.paymentInfo.PaymentMethod == 'CreditCard'" class="ng-scope"> <!-- ngIf: liveCtrl.displayMode !== 'Edit' --><button ng-if="liveCtrl.displayMode !== 'Edit'"
ng-disabled="liveCtrl.displayMode === 'EditView' || liveCtrl.donateBtnDisabled" class="btn donate-button P2P__accion-buttons ng-binding ng-scope"
ng-click="liveCtrl.sendDonation()">Donate</button><!-- end ngIf: liveCtrl.displayMode !== 'Edit' -->
<!--<button id="Button2" ng-click="liveCtrl.sendDonation()" class="btn btn-lg col-xs-12 col-md-12 push-bottom-10 btn-donate-now btn-primary P2P__accion-buttons" type="button" ng-disabled="!liveCtrl.isView || liveCtrl.isEditView"> {{container.widgets[0].content[liveCtrl.shortLanguage].txtLabel || "DONATE NOW"}} </button>-->
<!-- ngIf: liveCtrl.displayMode === 'Edit' --></div>
<!-- end ngIf: liveCtrl.paymentInfo.PaymentMethod == 'CreditCard' --><!-- PayPal button --><!-- ngIf: liveCtrl.paymentInfo.PaymentMethod == 'PayPal' --><!-- Default credit card messaging --><!-- ngIf: liveCtrl.displayMode === 'Edit' && liveCtrl.longLanguage == 'en-CA' && (liveCtrl.paymentInfo.PaymentMethod == 'CreditCard') --><!-- ngIf: liveCtrl.displayMode === 'Edit' && liveCtrl.longLanguage == 'fr-CA' && (liveCtrl.paymentInfo.PaymentMethod == 'CreditCard') --><!-- Default PayPal messaging --><!-- ngIf: liveCtrl.displayMode === 'Edit' && liveCtrl.longLanguage == 'en-CA' && (liveCtrl.paymentInfo.PaymentMethod == 'PayPal') --><!-- ngIf: liveCtrl.displayMode === 'Edit' && liveCtrl.longLanguage == 'fr-CA' && (liveCtrl.paymentInfo.PaymentMethod == 'PayPal') --><!-- Active form messaging --><!-- ngIf: liveCtrl.displayMode !== 'Edit' -->
<p class="charge-confirm text-center ng-binding ng-scope" ng-if="liveCtrl.displayMode !== 'Edit'" id="donatePreview">Your card will be charged <strong class="ng-binding">$0.00</strong> one time.</p>
<!-- end ngIf: liveCtrl.displayMode !== 'Edit' -->
<div class="margin-bottom-2 ng-scope"> <recaptcha-branding class="ng-isolate-scope"><span ng-bind-html="vm.branding" class="ng-binding">This site is protected by reCAPTCHA and the Google
<a class="P2P__link-text" href="https://policies.google.com/privacy?hl=en" target="_blank">Privacy Policy</a> and <a class="P2P__link-text" href="https://policies.google.com/terms?hl=en" target="_blank">Terms of Service</a>
apply.</span></recaptcha-branding></div>
</div>
</div><!-- end ngSwitchWhen: --> <!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --> <!--Privacy Section-->
</div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' -->
<div class="no-padding col-xs-12 col-sm-12 col-md-12 widget-container-style ng-binding ng-scope" ng-repeat="container in liveCtrl.modelService.content track by $index"
ng-if="container.properties.type !== 'header' && container.properties.type !== 'footer'" ng-style="container.properties.style"
ng-class="{ 'col-lg-12': container.properties.size === 'full', 'col-lg-12': container.properties.size === 'auto', 'col-lg-6': container.properties.size === 'half', 'col-lg-8': container.properties.size === 'two thirds', 'col-lg-4': container.properties.size === 'one third' }"
id="contentContainer10" ng-init="liveCtrl.closeThis($index)" ng-switch="container.properties.type"> <!--Heading Container--> <!-- ngSwitchWhen: heading --> <!--Participants and teams searchbox--> <!-- Donation Amounts -->
<!-- ngSwitchWhen: donationamount --> <!-- Donation Amounts --> <!-- ngSwitchWhen: DonationSearch --> <!--Donor Information--> <!-- ngSwitchWhen: donorinformation --> <!--Contact Information--> <!-- ngSwitchWhen: contactinformation -->
<!--Contact Information--> <!--Gift Aid--> <!-- ngSwitchWhen: giftaid --> <!--Gift Aid--> <!-- Matching Gift (HepData) --> <!-- ngSwitchWhen: matchinggift --> <!-- ngSwitchWhen: customquestions --> <!-- Matching Gift (HepData) -->
<!--Survey Questions--> <!-- ngSwitchWhen: surveyquestions --> <!--Survey Questions--> <!--Payment Information--> <!-- ngSwitchWhen: paymentinfo --> <!--Payment Information--> <!--Submit Button--> <!-- ngSwitchWhen: donate -->
<!--Submit Button--> <!--Privacy Section--> <!-- ngSwitchWhen: privacy --><!-- ngIf: container.widgets[0].isvisible && liveCtrl.eventSettings.eventSettings[liveCtrl.longLanguage].GatewayType !== 'PGF' --><!-- end ngSwitchWhen: -->
<!--Privacy Section--> </div>
<!-- end ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index --><!-- ngIf: container.properties.type !== 'header' && container.properties.type !== 'footer' --><!-- end ngRepeat: container in liveCtrl.modelService.content track by $index -->
</form>POST
<form id="cloudsponge-login-form" class="cloudsponge-login-form" action="" target="cs_container_frame" method="post">
<div class="cloudsponge-h2"><em id="cloudsponge-source-icon" class="cloudsponge-icon"></em> <em id="cloudsponge-source-name"></em><span>Sign in to your account</span></div>
<p id="cloudsponge-login-error" class="cloudsponge-error"></p>
<p><input id="cloudsponge-login-user" type="text" name="user" placeholder="Username"></p>
<p><input id="cloudsponge-login-password" type="password" name="pass" placeholder="Password"></p>
<p><input id="cloudsponge-source-value" type="hidden" name="source"><input type="submit" value="Sign in"></p>
<p id="cloudsponge-icloud-two-steps-verification-message" style="display:none"><strong>Using app-specific passwords</strong><br>When your Apple ID is protected with two-step verification, or two-factor authentication, you'll need to use an
app-specific password to sign in to your account using any apps or services that don't support entering verification codes.<br>Generate an app-specific password:
<a href="https://appleid.apple.com/account/manage" target="_blank" rel="noopener noreferrer">Sign in to your Apple ID account page</a>. Follow the steps on your screen.<br>After you generate your app-specific password, enter or paste it into
the password field of the app as you would normally.<br><a href="https://support.apple.com/HT204397" target="_blank" rel="noopener noreferrer">Learn more about app-specific passwords</a>.</p>
<p id="cloudsponge-login-back">Want to choose another address book?<br><a href="javascript:void(0)" class="cloudsponge-desktop-back-button">click here</a></p>
</form>POST
<form id="cloudsponge-import-form" class="cloudsponge-import-form" action="" method="POST" enctype="multipart/form-data">
<div class="cloudsponge-csv-generic" style="display:none;"><em id="cloudsponge-provider-icon-generic" class="cloudsponge-csv-generic cloudsponge-provider cloudsponge-icon csv"></em></div>
<div class="cloudsponge-step-row cloudsponge-csv-specific"><span
class="cloudsponge-step-number">1</span><a id="cloudsponge-csv-export" class="cloudsponge-save-button" target="_blank" rel="noopener noreferrer" href="javascript:void(0)"><em id="cloudsponge-csv-icon" class="cloudsponge-icon"></em> <span id="cloudsponge-csv-contacts"></span></a>
<p>Click above to export and download your contacts to your computer.<br> You may have to sign in to your account.</p>
</div>
<div class="cloudsponge-step-row"><span class="cloudsponge-step-number cloudsponge-csv-specific">2</span>
<p>Select and upload your contacts file </p>
<div id="cloudsponge-file-upload" class="cloudsponge-file-upload">Click to upload your contacts</div><input id="cloudsponge-file-upload-input" type="file" name="csv_file" accept="text/csv|text/vcard">
</div>
<div id="cloudsponge-import-back" class="cloudsponge-step-row cloudsponge-description">Want to choose another address book? <a class="cloudsponge-desktop-back-button" href="javascript:void(0)">click here</a></div>
<div class="cloudsponge-not-supported" id="cloudsponge-csv-not-supported"></div>
</form>Text Content
* Login
* Search
* Donate
* Register
SPONSOR RYAN JENNINGS
Please provide your contact and payment information below. Your contact
information is required to generate an electronic tax receipt which will be sent
to the email address that you provide.
All fields required unless otherwise noted.
CHOOSE YOUR RECIPIENT
DONATION AMOUNT
I'd like to cover the fee so 100% of my donation goes to the nonprofit.
DONOR INFORMATION
First Name
Please enter First Name
Veuillez entrer Prénom
Name can only contain letters and hyphens
Last Name
Please enter Last Name
Veuillez entrer Nom
Name can only contain letters and hyphens
ADDRESS INFORMATION
Address Line 1
Please enter Address Line 1
Veuillez entrer Adresse 1
City
Please enter City
Veuillez entrer Ville
Province/State
Select a state Alabama Alaska Arizona Arkansas California Colorado Connecticut
Delaware District Of Columbia Florida Georgia Hawaii Idaho Illinois Indiana Iowa
Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota
Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico
New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Rhode
Island South Carolina South Dakota Tennessee Texas Utah Vermont Virginia
Washington West Virginia Wisconsin Wyoming
Please select a valid option.
Veuillez sélectionner une option valide
Postal/Zip Code
Please enter Postal/Zip Code
Veuillez entrer Code postal
Invalid Postal/Zip Code
Code postal invalide
Country
AfghanistanÅland IslandsAlbaniaAlgeriaAmerican
SamoaAndorrAAngolaAnguillaAntarcticaAntigua and
BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBoliviaBosnia
and HerzegovinaBotswanaBouvet IslandBrazilBritish Indian Ocean TerritoryBrunei
DarussalamBulgariaBurkina FasoBurundiCambodiaCameroonCanadaCape VerdeCayman
IslandsCentral African RepublicChadChileChinaChristmas IslandCocos (Keeling)
IslandsColombiaCollectivity of Saint MartinComorosCongoCongo, The Democratic
Republic of theCook IslandsCosta RicaCote D'IvoireCroatiaCubaCyprusCzech
RepublicDenmarkDjiboutiDominicaDominican RepublicEcuadorEgyptEl
SalvadorEquatorial GuineaEritreaEstoniaEthiopiaFalkland Islands (Malvinas)Faroe
IslandsFijiFinlandFranceFrench GuianaFrench PolynesiaFrench Southern
TerritoriesGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuernseyGuineaGuinea-BissauGuyanaHaitiHeard
Island and Mcdonald IslandsHoly See (Vatican City State)HondurasHong
KongHungaryIcelandIndiaIndonesiaIran, Islamic Republic OfIraqIrelandIsle of
ManIsraelItalyJamaicaJapanJerseyJordanKazakhstanKenyaKiribatiKorea, Democratic
People'S Republic ofKorea, Republic ofKuwaitKyrgyzstanLao People'S Democratic
RepublicLatviaLebanonLesothoLiberiaLibyan Arab
JamahiriyaLiechtensteinLithuaniaLuxembourgMacaoMacedonia, The Former Yugoslav
Republic ofMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall
IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesia, Federated States
ofMoldova, Republic
ofMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNetherlands
AntillesNew CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorthern
Mariana IslandsNorwayOmanPakistanPalauPalestinian Territory, OccupiedPanamaPapua
New GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto
RicoQatarReunionRomaniaRussian FederationRWANDASaint BarthélemySaint HelenaSaint
Kitts and NevisSaint LuciaSaint Pierre and MiquelonSaint Vincent and the
GrenadinesSerbiaSamoaSan MarinoSao Tome and PrincipeSaudi
ArabiaSenegalSeychellesSierra LeoneSingaporeSlovakiaSloveniaSolomon
IslandsSomaliaSouth AfricaSouth Georgia and the South Sandwich IslandsSpainSri
LankaSudanSurinameSvalbard and Jan MayenSwazilandSwedenSwitzerlandSyrian Arab
RepublicTaiwan, Province of ChinaTajikistanTanzania, United Republic
ofThailandTimor-LesteTogoTokelauTongaTrinidad and
TobagoTunisiaTurkeyTurkmenistanTurks and Caicos IslandsTuvaluUgandaUkraineUnited
Arab EmiratesUnited KingdomUnited StatesUnited States Minor Outlying
IslandsUruguayUzbekistanVanuatuVenezuelaViet NamVirgin Islands, BritishVirgin
Islands, U.S.Wallis and FutunaWestern SaharaYemenZambiaZimbabwe
Please select a valid option.
Veuillez sélectionner une option valide
CONTACT INFORMATION
Phone Number
Please enter phone number
Email Address
Your support matters to us, so MISERICORDIA FOUNDATION would like to use your
information to keep in touch about things that may matter to you. If you choose
to hear from MISERICORDIA FOUNDATION, we may contact you in the future about our
ongoing efforts.
Allow MISERICORDIA FOUNDATION to contact me by email
I give MISERICORDIA FOUNDATION permission to contact me by mail (post)
I give MISERICORDIA FOUNDATION permission to contact me by phone.
Display my name publicly in the list of donors
Display Name
Name can only contain letters and hyphens
Display my donation amount publicly in the list of donors
Leave a comment
PAYMENT INFORMATION
Name on Card
Please enter a Card Holder Name
Veuillez entrer Titulaire de la carte
Card Number
Please enter a Card Number
Veuillez entrer Numéro de la carte
Invalid Card Number
Numéro de la carte invalide
*
*
*
*
CVV
Please enter a CVV
Veuillez entrer CVV
Invalid CVV
CVV invalide
Expiration Date
Month123456789101112
Year2024202520262027202820292030203120322033
Donate
Your card will be charged $0.00 one time.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of
Service apply.
Your payment will appear on your credit card statement as MISERICORDIA FOUND
A printable record of your donation will be emailed to the address provided.
By continuing you agree to the Frontstream Terms, Privacy Policy and Cookie
Policy.
Questions? Visit our help desk.
This site uses cookies to improve your browsing experience. By using the
website, you consent to the use of these cookies. To learn more about our
commitment to protecting your personal information, see our Cookie Policy.
×close
Choose Your Address Book
* Gmail
* Yahoo
* Outlook.com
* AOL
* iCloud
* Office 365
* Outlook
* Mac Contacts
* Generic CSV
* Mail.ru
* UOL
* BOL
* Terra
* Rediff
* 126.com
* 163.com
* Yeah.net
* GMX
* Web.de
* QIP.ru
* SAPO
* Mail.com
* Yandex
* QQ mail
* O2.pl
* Naver
Authenticating
Click here to authenticate
Sign in
Sign in to your account
Using app-specific passwords
When your Apple ID is protected with two-step verification, or two-factor
authentication, you'll need to use an app-specific password to sign in to your
account using any apps or services that don't support entering
verification codes.
Generate an app-specific password: Sign in to your Apple ID account page. Follow
the steps on your screen.
After you generate your app-specific password, enter or paste it into the
password field of the app as you would normally.
Learn more about app-specific passwords.
Want to choose another address book?
click here
Privacy NoticeWe do not store your email address or password information. Your
information is submitted securely to retrieve your address book.
Import Your Contacts
1
Click above to export and download your contacts to your computer.
You may have to sign in to your account.
2
Select and upload your contacts file
Click to upload your contacts
Want to choose another address book? click here
Select contacts
Select all (${0})Deselect all (${0})Select result (${0})Deselect result
(${0})Review Selected (${0})Back to List
There are no matched contacts
There are no selected contacts
ABCDEFGHIJKLMNOPQRSTUVWXYZ#
Get ${0} contacts Next
powered by CloudSponge