engage.foodbanknyc.org Open in urlscan Pro
216.235.194.233  Public Scan

Submitted URL: http://help.foodbanknyc.org/site/R?i=W6uGosSXY1s494SPkcJmlAgnbAk1DfGT1vVpsCIIcQ6RJUFI_rjXOw
Effective URL: https://engage.foodbanknyc.org/site/Donation2;jsessionid=00000000.app30022b?idb=1758011377&df_id=13445&mfc_pref=T&13445.donatio...
Submission: On January 19 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

Name: processPOST https://engage.foodbanknyc.org/site/Donation2

<form name="process" id="ProcessForm" action="https://engage.foodbanknyc.org/site/Donation2" method="post" onsubmit="return checkDoubleClick();" data-gtm-form-interact-id="0">
  <div class="donation-form-container responsive">
    <script type="text/javascript">
      <!--
      function reloadPage() {
        window.location.reload(true);
      }

      function testAjax() {
        var xmlHttp = null;
        // Opera 8.0+, Firefox, Chrome, Safari
        try {
          xmlHttp = new XMLHttpRequest();
        } catch (e) {
          // Internet Explorer Browsers
          try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
          } catch (e) {
            try {
              xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
              return false;
            }
          }
        }
        xmlHttp.open('POST', 'AjaxHelper;jsessionid=00000000.app30022b?NONCE_TOKEN=73B327697FAFC163CB5C7629B65861C2', true);
        xmlHttp.send();
      }
      addOnLoadHandler(testAjax);
      // 
      -->
    </script>
    <div class="donation-form-content">
      <input type="hidden" name="user_donation_amt" id="user_donation_amt" value="">
      <input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="">
      <input type="hidden" name="currency_locale" id="currency_locale" value="en_US">
      <div class="form-row">
        <div class="html-caption-container">
          <!-- CONFIGURATION FILE -->
          <!-- 
    -- minAmount: Sets the minimum amount accepted to make a transaction, it must be greater than 5 because Luminate Online does not process donations lower than 5

    -- kProfiles: Edit each profile with the values you want as default, enclosed in square brackets and separated by a comma

    -- feeValue: Set the fee percentage, use anything from 0 to 100

    -- defaultFee: Use true or false to preselect the "Cover fees" option in the donation form

    -- eCards: Replace the thumbnails generated by Luminate Online with better resolution images. 

    -- monthlyRate: Sets the rate to calculate the monthly amounts based on the One Time amounts. ie: (100 x 0.25) = 25
 -->
          <!-- DO NOT REMOVE! -->
          <!-- DO NOT EDIT THE VARIABLE NAMES! -->
          <script>
            var formConfig = {
              minAmount: 5,
              kProfiles: {
                'kprofile1': [10, 20, 30, 40],
                'kprofile2': [100, 200, 300, 400],
                'kprofile3': [1000, 2000, 3000, 4000],
              },
              feeValue: 4,
              defaultFee: true,
              eCards: ['../images/content/pagebuilder/eCard_Congrats.png', '../images/content/pagebuilder/eCard_Wedding.png', '../images/content/pagebuilder/eCard_Loving_Memory.png', '../images/content/pagebuilder/eCard_Tribute_Birthday.png',
                '../images/content/pagebuilder/eCard_FBNY_Logo.png', '../images/content/pagebuilder/eCard_Share_Love.png'
              ],
              monthlyRate: 25,
              allComms: true,
              formIdentifier: '13445'
            }
          </script>
        </div>
      </div>
      <div id="level_standard_row">
        <div class="don-standard-levels form-row">
          <div class="levels-label">
          </div>
          <div id="level_standard_row" class="form-row form-donation-level">
            <div class="form-content">
              <span class="field-required"></span> <span class="aural-only">Field Is Required</span>
              <span class="FormLabelText">Select Gift Amount:</span>
              <div class="donation-level-general-ask">
              </div>
              <div class="donation-levels">
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded22341" value="22341" onclick="evalMatchingGift('$50.00');
updateDonorCoverAmount('$50.00');">
                      </div>
                      <label for="level_standardexpanded22341" onclick="">
                        <div class="donation-level-amount-container"> $50.00 </div>
                        <div class="donation-level-label-container"> 50 </div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_22341expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded22342" value="22342" onclick="evalMatchingGift('$75.00');
updateDonorCoverAmount('$75.00');">
                      </div>
                      <label for="level_standardexpanded22342" onclick="">
                        <div class="donation-level-amount-container"> $75.00 </div>
                        <div class="donation-level-label-container"> 75 </div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_22342expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded22343" value="22343" onclick="evalMatchingGift('$150.00');
updateDonorCoverAmount('$150.00');">
                      </div>
                      <label for="level_standardexpanded22343" onclick="">
                        <div class="donation-level-amount-container"> $150.00 </div>
                        <div class="donation-level-label-container"> 150 </div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_22343expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded22344" value="22344" onclick="evalMatchingGift('$500.00');
updateDonorCoverAmount('$500.00');">
                      </div>
                      <label for="level_standardexpanded22344" onclick="">
                        <div class="donation-level-amount-container"> $500.00 </div>
                        <div class="donation-level-label-container"> 500 </div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_22344expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded22345" value="22345" onclick="evalMatchingGift('$750.00');
updateDonorCoverAmount('$750.00');">
                      </div>
                      <label for="level_standardexpanded22345" onclick="">
                        <div class="donation-level-amount-container"> $750.00 </div>
                        <div class="donation-level-label-container"> 750 </div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_22345expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded22340" value="22340" onclick="evalMatchingGift(document.getElementById('level_standardexpanded22340amount').value);
updateDonorCoverAmount(document.getElementById('level_standardexpanded22340amount').value);">
                      </div>
                      <label for="level_standardexpanded22340" onclick="">
                        <div class="donation-level-label-container"> Enter an Amount </div>
                      </label>
                      <div class="donation-level-user-entered">
                        <label for="level_standardexpanded22340amount"><span class="aural-only">Enter amount</span></label>
                        <input type="text" name="level_standardexpanded22340amount" id="level_standardexpanded22340amount" value="" size="12" maxlength="10"
                          onfocus="var el = document.getElementById ('level_standardexpanded22340');if (el) el.click(); fire_obs_comp_event('level_standardexpanded22340amount', this, event);evalMatchingGift(value); "
                          onchange="fire_obs_comp_event('level_standardexpanded22340amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_standardexpanded22340amount', this, event);evalMatchingGift(value);"
                          onblur="fire_obs_comp_event('level_standardexpanded22340amount', this);updateDonorCoverAmount(value);">
                      </div>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_22340expandedsubmit" value="true">
                  </div>
                </div>
              </div>
            </div>
            <script type="text/javascript">
              Y.use("jquery-ui", function(Y) {
                jQuery(function() {
                  // subscribe observables
                  jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() {
                    var syncAction = function(obj) {
                      if (obj.is(':checked')) {
                        obj.closest('div.donation-level-container').addClass('selected');
                      } else {
                        obj.closest('div.donation-level-container').removeClass('selected');
                      };
                      return arguments.callee;
                    }(jQuery(this));
                    jQuery(this).click(function() {
                      jQuery('div.donation-level-container').removeClass('selected');
                      syncAction(jQuery(this));
                    });
                  });
                });
              });
            </script><noscript> </noscript>
          </div>
          <div class="levels-gift-aid">
          </div>
          <input type="hidden" name="level_standardsubmit" id="level_standardsubmit" value="true">
          <script type="text/javascript">
            function updateDonorCoverAmount(gift) {
              if (typeof updateAmount !== "undefined") {
                updateAmount(gift);
              }
            };

            function evalMatchingGift(gift) {}
          </script><noscript> </noscript>
        </div>
        <div class="donation-level-container-generic-repeat form-input">
          <div class="generic-repeat-label-checkbox-container">
            <input type="checkbox" name="level_standardauto_repeatname" id="level_standardauto_repeatname" onclick="fire_obs_comp_event('level_standardauto_repeat', this);" onkeypress="fire_obs_comp_event('level_standardauto_repeat', this);">
            <label for="level_standardauto_repeatname"> Yes, automatically repeat this gift every month. </label>
          </div>
          <input type="hidden" name="level_standardauto_repeatsubmit" id="level_standardauto_repeatsubmit" value="true">
        </div>
        <script type="text/javascript">
          // subscribe listeners to make an ajax call to the server to calculate the total amount
          Y.use('jquery-noconflict', function() {
            var fetchAmountFunc = function() {
              // find all the select, textarea, input, etc... and format them into key=val pairs.
              var params = jQuery('#level_standard_row :input').serialize();
              // parse the path and append the key/value pairs above to the url
              var url = 'https://engage.foodbanknyc.org/site/Donation2?idb=1758011377&level_standardajaxfetch=true&df_id=13445&mfc_pref=T&level_standardtotalcalculateBtn=true&13445.donation=form1';
              var index = url.indexOf("?");
              var path = url.substring(0, index);
              var args = url.substring(index + 1, url.length);
              args += '&' + params;
              var recurringGiftTermsContainer = jQuery('#recurring_gift_terms_acceptance_message_container');
              if (recurringGiftTermsContainer && recurringGiftTermsContainer.length > 0) {
                jQuery.ajax(path, {
                  data: args,
                  success: function(data) {
                    jQuery('#recurring_gift_terms_acceptance_message_container').trigger("recurringTermsChange");
                  }
                });
              }
            };
            jQuery('#level_standard_row :input[type=text]').blur(function() {
              fetchAmountFunc();
            });
            jQuery('#level_standard_row input:checkbox, #level_standard_row input:radio').click(function() {
              fetchAmountFunc();
            });
            jQuery('#level_standard_row select').change(function() {
              fetchAmountFunc();
            });
            // call it on page load
            fetchAmountFunc();
          });
        </script><noscript> </noscript>
      </div>
      <div class="form-row">
        <div class="html-caption-container">
          <!-- DO NOT MODIFY! -->
          <!-- DO NOT REMOVE! -->
          <!-- Mobile Caption -->
          <strong id="subtitle-strong-mobile">Donate</strong>
          <!-- Donation Frequency Selectors -->
          <div id="frequency-controls">
            <div class="frequency-control">
              <span id="monthly"> Monthly </span>
            </div>
            <div class="frequency-control selected">
              <span id="one-time"> One-time </span>
            </div>
          </div>
        </div>
      </div>
      <h2 class="section-header-container"> Donation Amount (USD) </h2>
      <div class="form-row">
        <div class="html-caption-container">
          <!-- DO NOT MODIFY! -->
          <!-- DO NOT REMOVE! -->
          <!-- Gift Array Section -->
          <div id="gift-array">
            <div class="loading-gift-array" style="display: none;">
              <div class="loading-animation">
                <div></div>
              </div>
            </div>
            <div id="monthly-buttons" style="display: none;">
              <div class="gift-array-item" id="250" data-amount="250">$250</div>
              <div class="gift-array-item" id="150" data-amount="150">$150</div>
              <div class="gift-array-item" id="75" data-amount="75">$75</div>
              <div class="gift-array-item" id="50" data-amount="50">$50</div>
              <div id="other-amount-monthly" class="gift-array-item">OTHER</div>
            </div>
            <div id="one-time-buttons" style="display: flex;">
              <div class="gift-array-item" id="250" data-amount="250">$250</div>
              <div class="gift-array-item chosen-amount" id="150" data-amount="150">$150</div>
              <div class="gift-array-item" id="75" data-amount="75">$75</div>
              <div class="gift-array-item" id="50" data-amount="50">$50</div>
              <div id="other-amount-one" class="gift-array-item">OTHER</div>
            </div>
            <div id="other-amount-container" class="row" style="display: none;">
              <p id="dollar-icon">$</p>
              <input type="text" name="other-amount-input" id="other-amount-input" onpaste="return false" autocomplete="off">
            </div>
            <div id="gift-array-warning" class="row" style="display:none;">
              <span></span>
            </div>
          </div>
        </div>
      </div>
      <div id="tribute_show_honor_fields_row" class="form-row form-checkbox">
        <div class="form-content">
          <input type="checkbox" name="tribute_show_honor_fieldsname" id="tribute_show_honor_fieldsname" onclick="fire_obs_comp_event('tribute_show_honor_fields', this);">
          <label for="tribute_show_honor_fieldsname">Yes, this is an honor or memorial gift</label>
          <input type="hidden" name="tribute_show_honor_fieldssubmit" id="tribute_show_honor_fieldssubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('tribute_show_honor_fields', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('tribute_show_honor_fields_row', _display);
              this.disable_submit_flag(_hidden);
            }
            comp.set = function(_value) {
              if (document.getElementById('tribute_show_honor_fieldsname')) {
                document.getElementById('tribute_show_honor_fieldsname').checked = _value;
                this.fireEvent();
              }
            }
            comp.get = function() {
              if (document.getElementById('tribute_show_honor_fieldsname')) {
                return document.getElementById('tribute_show_honor_fieldsname').checked;
              }
            }
            comp.clear = function() {
              this.set(false);
            }
          </script><noscript> </noscript>
          <p id="tribute-caption"></p>
        </div>
      </div>
      <div id="tribute-fields-wrapper">
        <div id="tribute_type_row" class="form-row form-selectlist" style="display: none;">
          <div class="form-content">
            <span class="field-required"></span><label class="FormLabel" for="tribute_type">My gift is</label>
            <select name="tribute_type" id="tribute_type" size="1">
              <option></option>
              <option value="tribute_type_value1">In Memory of</option>
              <option value="tribute_type_value2">In Honor of</option>
            </select>
            <script type="text/javascript">
              <!--
              var comp = new ObservableComponent('tribute_type', '');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('tribute_type_Row', _display);
                this.disable_submit_flag(_hidden);
              }
              //
              -->
            </script>
            <noscript><br>Required</noscript>
            <input type="hidden" name="tribute_typesubmit_skip" id="tribute_typesubmit" value="true">
            <script type="text/javascript">
              var comp = new ObservableComponent('tribute_type', '');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('tribute_type_row', _display);
                this.disable_submit_flag(_hidden);
              }
              observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_type'));

              function tribute_type_listChanged(_evt) {
                var e = _evt ? _evt : event; // IE vs. Mozilla event model
                if (e) {
                  var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
                  fire_obs_comp_event('tribute_type', src);
                }
              }
              var el = document.getElementById('tribute_type');
              if (el) {
                Utils.addEvent(el, 'change', tribute_type_listChanged);
              }
            </script><noscript> </noscript>
          </div>
        </div>
        <div id="tribute_honoree_last_name_row" class="form-row form-text" style="display: none;">
          <div class="form-content">
            <span class="field-required"></span><label for="tribute_honoree_last_namename">Person's Name or Occasion</label><small id="name-ocassion-info">Maximum of 50 character with spaces (e.g. John Smith, Sue Smith's Birthday)</small>
            <input type="text" name="tribute_honoree_last_namename" id="tribute_honoree_last_namename" value="" maxlength="50"><small id="name-ocassion-char-count">0/50 characters</small>
            <input type="hidden" name="tribute_honoree_last_namesubmit_skip" id="tribute_honoree_last_namesubmit" value="true">
            <script type="text/javascript">
              var comp = new ObservableComponent('tribute_honoree_last_name', 'name');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('tribute_honoree_last_name_row', _display);
                this.disable_submit_flag(_hidden);
              }
              observe_component('tribute_show_honor_fields.true', new ComponentDisplayer('tribute_honoree_last_name'));
            </script><noscript> </noscript>
          </div>
        </div>
        <h2 class="section-header-container"> Would you like to send a Tribute eCard? </h2>
        <p id="ecard-notice">We also offer the opportunity for an eCard to be delivered to the email address of your choice on the same day or scheduled for a future date.</p>
        <div class="custom-field-container form-row ">
          <div class="form-content">
            <fieldset id="tribute-options" class="items-2">
              <div class="radio-button-container">
                <input type="radio" name="send_tribute_radio" id="send_tribute_radio_No_Thanks" value="No_Thanks">
                <div class="form-input-label-block">
                  <label for="send_tribute_radio_No_Thanks">No, thank you</label>
                </div>
              </div>
              <div class="radio-button-container">
                <input type="radio" name="send_tribute_radio" id="send_tribute_radio_Yes_eCard" value="Yes_eCard">
                <div class="form-input-label-block">
                  <label for="send_tribute_radio_Yes_eCard">Yes, send an eCard</label>
                </div>
              </div>
            </fieldset>
            <input type="hidden" name="send_tributesubmit" id="send_tributesubmit" value="true">
          </div>
        </div>
      </div>
      <div id="ecard-fields-wrapper">
        <div id="send_ecard_row" class="form-row form-checkbox">
          <div class="form-content">
            <span class="check-box-form-label-text">Yes, Send an eCard</span>
            <input type="checkbox" name="send_ecardname" id="send_ecardname" onclick="fire_obs_comp_event('send_ecard', this);">
            <label for="send_ecardname">Yes, I would like to send an eCard.</label>
            <input type="hidden" name="send_ecardsubmit" id="send_ecardsubmit" value="true">
            <script type="text/javascript">
              var comp = new ObservableComponent('send_ecard', 'name');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('send_ecard_row', _display);
                this.disable_submit_flag(_hidden);
              }
              comp.set = function(_value) {
                if (document.getElementById('send_ecardname')) {
                  document.getElementById('send_ecardname').checked = _value;
                  this.fireEvent();
                }
              }
              comp.get = function() {
                if (document.getElementById('send_ecardname')) {
                  return document.getElementById('send_ecardname').checked;
                }
              }
              comp.clear = function() {
                this.set(false);
              }
            </script><noscript> </noscript>
          </div>
        </div>
        <div id="ecard_send_date_row" class="form-row form-date">
          <div class="form-content">
            <label for="ecard_send_date_MONTH">
              <span class="label-text">Select a send date for your eCard:</span><span class="aural-only">Select month of credit card</span>
            </label>
            <label for="ecard_send_date_YEAR"><span class="aural-only">Select Expiration Year</span></label>
            <div class="date-input-container">
              <select name="ecard_send_date_MONTH" id="ecard_send_date_MONTH" title="Month">
                <option value="1" selected="selected">Jan</option>
                <option value="2">Feb</option>
                <option value="3">Mar</option>
                <option value="4">Apr</option>
                <option value="5">May</option>
                <option value="6">Jun</option>
                <option value="7">Jul</option>
                <option value="8">Aug</option>
                <option value="9">Sep</option>
                <option value="10">Oct</option>
                <option value="11">Nov</option>
                <option value="12">Dec</option>
              </select>
              <select name="ecard_send_date_DAY" id="ecard_send_date_DAY" title="Day">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19" selected="selected">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25">25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option>
                <option value="29">29</option>
                <option value="30">30</option>
                <option value="31">31</option>
              </select>
              <select name="ecard_send_date_YEAR" id="ecard_send_date_YEAR" title="Year">
                <option value="2034">2034</option>
                <option value="2033">2033</option>
                <option value="2032">2032</option>
                <option value="2031">2031</option>
                <option value="2030">2030</option>
                <option value="2029">2029</option>
                <option value="2028">2028</option>
                <option value="2027">2027</option>
                <option value="2026">2026</option>
                <option value="2025">2025</option>
                <option value="2024" selected="selected">2024</option>
              </select>
            </div>
            <input type="hidden" name="ecard_send_datesubmit" id="ecard_send_datesubmit" value="true">
            <script type="text/javascript">
              var comp = new ObservableComponent('ecard_send_date', 'input');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('ecard_send_date_row', _display);
                disable_submit_flag('ecard_send_datesubmit', _hidden);
              }
              comp.disable = function(_disabled) {
                disable_element('ecard_send_date_MONTH', _disabled);
                disable_element('ecard_send_date_DAY', _disabled);
                disable_element('ecard_send_date_YEAR', _disabled);
                disable_element('ecard_send_date_HOUR12', _disabled);
                disable_element('ecard_send_date_HOUR24', _disabled); //For UK, 24 hour clock used
                disable_element('ecard_send_date_MINUTE', _disabled);
                disable_element('ecard_send_date_AMPM', _disabled);
              }
            </script><noscript> </noscript>
          </div>
        </div>
        <div class="form-row">
          <div class="html-caption-container">
            <!-- THIS PART IS NECESSARY TO GENERATE THE ECARD PREVIEW -->
            <!-- DO NOT REMOVE -->
            <div id="ecard-field-sender">
              <div class="form-content">
                <span class="field-required"></span>
                <label for="ecard-field-sender-name">Who is sending the eCard? (Name or Email Address)</label>
                <input type="text" id="ecard-field-sender-name">
              </div>
            </div>
          </div>
        </div>
        <div id="ecard_recpients_row" class="form-row form-text">
          <div class="form-content">
            <span class="field-required"></span>
            <label for="ecard_recpientsname">Recipient email addresses:</label>
            <textarea cols="60" rows="4" name="ecard_recpientsname" id="ecard_recpientsname"></textarea><small>Please separate additional emails with commas ","</small>
            <input type="hidden" name="ecard_recpientssubmit" id="ecard_recpientssubmit" value="true">
            <script type="text/javascript">
              var comp = new ObservableComponent('ecard_recpients', 'name');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('ecard_recpients_row', _display);
                this.disable_submit_flag(_hidden);
              }
            </script><noscript> </noscript>
          </div>
        </div>
        <div id="select_grid_row" class="form-row form-text">
          <div class="form-content">
            <label for="select_gridname">Select an eCard:</label>
            <input type="hidden" name="stationery_layout_chooser" id="stationery_layout_chooser" value="true">
            <div class="layout-chooser-container clearfix">
              <div class="layout-choice-thumbnail-container">
                <label class="layout-choice-thumbnail-label" for="stationery_layout_id_4461">
                  <img src="../images/content/pagebuilder/eCard_Congrats.png" alt="eCard - 01 - Congrats" border="0">
                </label>
                <input type="radio" name="stationery_layout_id" id="stationery_layout_id_4461" value="4461" checked="checked">
              </div>
              <div class="layout-choice-thumbnail-container">
                <label class="layout-choice-thumbnail-label" for="stationery_layout_id_4462">
                  <img src="../images/content/pagebuilder/eCard_Wedding.png" alt="eCard - 02 - Wedding" border="0">
                </label>
                <input type="radio" name="stationery_layout_id" id="stationery_layout_id_4462" value="4462">
              </div>
              <div class="layout-choice-thumbnail-container">
                <label class="layout-choice-thumbnail-label" for="stationery_layout_id_4463">
                  <img src="../images/content/pagebuilder/eCard_Loving_Memory.png" alt="eCard - 03 - Loving Memory" border="0">
                </label>
                <input type="radio" name="stationery_layout_id" id="stationery_layout_id_4463" value="4463">
              </div>
              <div class="layout-choice-thumbnail-container">
                <label class="layout-choice-thumbnail-label" for="stationery_layout_id_4464">
                  <img src="../images/content/pagebuilder/eCard_Tribute_Birthday.png" alt="eCard - 04 - Tribute Birthday" border="0">
                </label>
                <input type="radio" name="stationery_layout_id" id="stationery_layout_id_4464" value="4464">
              </div>
              <div class="layout-choice-thumbnail-container">
                <label class="layout-choice-thumbnail-label" for="stationery_layout_id_4445">
                  <img src="../images/content/pagebuilder/eCard_FBNY_Logo.png" alt="eCard - 05 - FBNY Logo" border="0">
                </label>
                <input type="radio" name="stationery_layout_id" id="stationery_layout_id_4445" value="4445">
              </div>
              <div class="layout-choice-thumbnail-container">
                <label class="layout-choice-thumbnail-label" for="stationery_layout_id_4465">
                  <img src="../images/content/pagebuilder/eCard_Share_Love.png" alt="eCard - 05 - Share the Love" border="0">
                </label>
                <input type="radio" name="stationery_layout_id" id="stationery_layout_id_4465" value="4465">
              </div>
            </div>
            <script type="text/javascript">
              <!--
              var comp = new ObservableComponent('select_grid', 'name');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('select_grid_Row', _display);
                this.disable_submit_flag(_hidden);
              }
              //
              -->
            </script><noscript> </noscript>
            <input type="hidden" name="select_gridsubmit" id="select_gridsubmit" value="true">
          </div>
        </div>
        <div id="tribute_ecard_subject_row" class="form-row form-text">
          <div class="form-content">
            <span class="field-required"></span>
            <label for="tribute_ecard_subjectname">eCard Subject:</label>
            <input type="text" name="tribute_ecard_subjectname" id="tribute_ecard_subjectname" value="" maxlength="50">
            <input type="hidden" name="tribute_ecard_subjectsubmit" id="tribute_ecard_subjectsubmit" value="true">
            <script type="text/javascript">
              var comp = new ObservableComponent('tribute_ecard_subject', 'name');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('tribute_ecard_subject_row', _display);
                this.disable_submit_flag(_hidden);
              }
            </script><noscript> </noscript>
          </div>
        </div>
        <div id="tribute_ecard_message_row" class="form-row form-text">
          <div class="form-content">
            <span class="field-required"></span>
            <label for="tribute_ecard_messagename">eCard Message: (Up to 255 characters)</label>
            <textarea cols="60" rows="4" name="tribute_ecard_messagename" id="tribute_ecard_messagename" placeholder="Type your eCard message here..." maxlength="247"></textarea><small id="ecard-message-char-count">0/247 characters</small>
            <input type="hidden" name="tribute_ecard_messagesubmit" id="tribute_ecard_messagesubmit" value="true">
            <script type="text/javascript">
              var comp = new ObservableComponent('tribute_ecard_message', 'name');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('tribute_ecard_message_row', _display);
                this.disable_submit_flag(_hidden);
              }
            </script><noscript> </noscript>
          </div>
        </div>
        <div id="preview_button_row" class="form-row">
          <label for="preview_buttonname"></label>
          <div id="null_row" class="form-row form-button">
            <div class="form-content">
              <button class="step-button action-button" type="submit" name="nullbtn" id="nullbtn" value="eCard Preview" title="Reloads page. "> eCard Preview </button>
              <input type="hidden" name="nullsubmit" id="nullsubmit" value="true">
            </div>
          </div>
          <input type="hidden" name="preview_buttonsubmit" id="preview_buttonsubmit" value="true">
        </div>
        <div class="form-row">
          <div class="html-caption-container">
            <!-- REQUIRED CONTROL FOR THE ECARD OPTION -->
            <!-- DO NOT REMOVE -->
            <div id="preview-ecard-container">
              <span id="preview-ecard-button"> eCard Preview </span>
            </div>
          </div>
        </div>
        <div id="e_card_copy_sender_row" class="form-row form-checkbox">
          <div class="form-content">
            <input type="checkbox" name="e_card_copy_sendername" id="e_card_copy_sendername" onclick="fire_obs_comp_event('e_card_copy_sender', this);">
            <label for="e_card_copy_sendername">Yes, send me a copy of the eCard.</label>
            <input type="hidden" name="e_card_copy_sendersubmit" id="e_card_copy_sendersubmit" value="true">
            <script type="text/javascript">
              var comp = new ObservableComponent('e_card_copy_sender', 'name');
              comp.hide = function(_hidden) {
                var _display = _hidden ? 'none' : '';
                set_display('e_card_copy_sender_row', _display);
                this.disable_submit_flag(_hidden);
              }
              comp.set = function(_value) {
                if (document.getElementById('e_card_copy_sendername')) {
                  document.getElementById('e_card_copy_sendername').checked = _value;
                  this.fireEvent();
                }
              }
              comp.get = function() {
                if (document.getElementById('e_card_copy_sendername')) {
                  return document.getElementById('e_card_copy_sendername').checked;
                }
              }
              comp.clear = function() {
                this.set(false);
              }
            </script><noscript> </noscript>
          </div>
        </div>
      </div>
      <h2 class="section-header-container"> Payment Information </h2>
      <div class="payment-type-element-container">
        <div class="payment-type-selection-container payment-field-container">
          <h3>Payment Method:</h3>
          <div id="responsive_payment_typepay_typeradio_row" class="form-row">
            <div class="form-content">
              <div class="payment-type-selections" id="responsive_payment_typepay_typeradio_payment_types">
                <span class="internal-payment"></span>
                <span class="external-payment"></span>
                <div id="payment-type-wrapper"><span class="payment-type-option selected"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiocredit" value="credit" checked="checked"
                      onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"><label for="responsive_payment_typepay_typeradiocredit"><img
                        src="https://secure3.convio.net/fbnyc/images/content/pagebuilder/blank_space.png" class="payment_type_img" id="img_cc"></label>
                    <script type="text/javascript">
                      var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
                    </script><noscript> </noscript>
                  </span><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiopaypal" value="paypal"
                      onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"><label
                      for="responsive_payment_typepay_typeradiopaypal"><a href="javascript:void(0);" class="payment-type-label"><img src="https://secure3.convio.net/fbnyc/images/content/pagebuilder/blank_space.png" alt="Pay with Paypal" class="payment_type_img" id="img_pp"></a></label>
                    <script type="text/javascript">
                      var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
                    </script><noscript> </noscript>
                  </span></div>
              </div>
              <input type="hidden" name="responsive_payment_typepay_typeradiosubmit" id="responsive_payment_typepay_typeradiosubmit" value="true">
              <script type="text/javascript">
                Y.use("jquery-ui", function(Y) {
                  jQuery(function() {
                    // subscribe observable for payment type options
                    jQuery('.payment-type-option').each(function() {
                      var syncAction = function(obj) {
                        if (obj.hasClass('selected')) {
                          var radioGroupName = obj.find('input').attr('name');
                          obj.find('input').prop('checked', true);
                          fire_obs_comp_event(radioGroupName, obj.find('input').get());
                        }
                        return arguments.callee;
                      }(jQuery(this));
                      jQuery(this).click(function() {
                        jQuery('.payment-type-option').removeClass('selected');
                        jQuery(this).addClass('selected');
                        syncAction(jQuery(this));
                        var selectedValue = jQuery(this).find('input').val();
                        if (selectedValue == 'paypal' || selectedValue == 'amazon') {
                          // open up a boxinator dialog
                          jQuery(document).trigger('redirect-external');
                          jQuery('#btn_next').click();
                        }
                      });
                    });
                  });
                });
                var comp = new ObservableRadioComponent('responsive_payment_typepay_typeradio', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('responsive_payment_typepay_typeradio_row', _display);
                  this.disable_submit_flag(_hidden);
                }
              </script><noscript> </noscript>
            </div>
          </div>
          <div class="form-row" id="payment-section-disclaimer">
            <p>All transactions conducted on this website are encrypted using a secure server to protect your privacy. <a href="https://www.foodbanknyc.org/privacy-policy/" target="_blank">View Privacy Policy.</a></p>
          </div>
        </div>
        <div id="payment_cc_container" class="payment-field-container" data-private="redact">
          <h3>Credit Card Information:</h3>
          <div id="responsive_payment_typecc_type_row" class="form-row form-radio-array">
            <div class="form-content">
              <fieldset>
                <legend>Credit Card Type:</legend>
                <ul class="radio-array-list">
                  <li class="tender-row ">
                    <img src="../images/discovercard_sm.gif" alt="Discover" name="responsive_payment_typecc_type_Discover" id="responsive_payment_typecc_type_Discover">
                  </li>
                  <li class="tender-row ">
                    <img src="../images/amex_small.gif" alt="American Express" name="responsive_payment_typecc_type_American_Express" id="responsive_payment_typecc_type_American_Express">
                  </li>
                  <li class="tender-row ">
                    <img src="../images/mastercd_small.gif" alt="MasterCard" name="responsive_payment_typecc_type_MasterCard" id="responsive_payment_typecc_type_MasterCard">
                  </li>
                  <li class="tender-row ">
                    <img src="../images/visa_small.gif" alt="Visa" name="responsive_payment_typecc_type_Visa" id="responsive_payment_typecc_type_Visa">
                  </li>
                </ul>
              </fieldset>
              <input type="hidden" name="responsive_payment_typecc_typesubmit" id="responsive_payment_typecc_typesubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableRadioComponent('responsive_payment_typecc_type', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('responsive_payment_typecc_type_row', _display);
                  this.disable_submit_flag(_hidden);
                }
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="responsive_payment_typecc_number_row" class="form-row form-text">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="responsive_payment_typecc_numbername">Credit Card Number:</label>
              <input type="text" name="responsive_payment_typecc_numbername" id="responsive_payment_typecc_numbername" value="" maxlength="16" autocomplete="off" pattern="[0-9]*" required="required">
              <input type="hidden" name="responsive_payment_typecc_numbersubmit" id="responsive_payment_typecc_numbersubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('responsive_payment_typecc_number', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('responsive_payment_typecc_number_row', _display);
                  this.disable_submit_flag(_hidden);
                }
                observe_component('null', new ComponentDisplayer('responsive_payment_typecc_number'));
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="responsive_payment_typecc_exp_date_row" class="form-row form-date">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="responsive_payment_typecc_exp_date_MONTH">
                <span class="label-text">Expiration date:</span><span class="aural-only">Select month of credit card</span>
              </label>
              <label for="responsive_payment_typecc_exp_date_YEAR"><span class="aural-only">Select Expiration Year</span></label>
              <div class="date-input-container">
                <fieldset class="cardExpGroup">
                  <select name="responsive_payment_typecc_exp_date_MONTH" id="responsive_payment_typecc_exp_date_MONTH" onchange="fire_obs_comp_event('responsive_payment_typecc_exp_date_MONTH', this)" required="required">
                    <option value="1" selected="selected">01</option>
                    <option value="2">02</option>
                    <option value="3">03</option>
                    <option value="4">04</option>
                    <option value="5">05</option>
                    <option value="6">06</option>
                    <option value="7">07</option>
                    <option value="8">08</option>
                    <option value="9">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                  </select>
                  <select name="responsive_payment_typecc_exp_date_YEAR" id="responsive_payment_typecc_exp_date_YEAR" onchange="fire_obs_comp_event('responsive_payment_typecc_exp_date_YEAR', this)" required="required">
                    <option value="2024" selected="selected">2024</option>
                    <option value="2025">2025</option>
                    <option value="2026">2026</option>
                    <option value="2027">2027</option>
                    <option value="2028">2028</option>
                    <option value="2029">2029</option>
                    <option value="2030">2030</option>
                    <option value="2031">2031</option>
                    <option value="2032">2032</option>
                    <option value="2033">2033</option>
                    <option value="2034">2034</option>
                  </select>
                </fieldset>
                <input type="hidden" name="responsive_payment_typecc_exp_date_DAY" id="responsive_payment_typecc_exp_date_DAY" value="1">
                <script type="text/javascript">
                  <!--
                  var comp1 = new ObservableComponent('responsive_payment_typecc_exp_date_MONTH', '');
                  comp1.hide = function(_hidden) {
                    var _display = _hidden ? 'none' : '';
                    set_display('responsive_payment_typecc_exp_date_Row', _display);
                    this.disable_submit_flag(_hidden);
                  }
                  var comp2 = new ObservableComponent('responsive_payment_typecc_exp_date_YEAR', '');
                  comp2.hide = function(_hidden) {
                    var _display = _hidden ? 'none' : '';
                    set_display('responsive_payment_typecc_exp_date_Row', _display);
                    this.disable_submit_flag(_hidden);
                  }
                  //
                  -->
                </script><noscript> </noscript>
              </div>
              <input type="hidden" name="responsive_payment_typecc_exp_datesubmit" id="responsive_payment_typecc_exp_datesubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('responsive_payment_typecc_exp_date', 'input');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('responsive_payment_typecc_exp_date_row', _display);
                  disable_submit_flag('responsive_payment_typecc_exp_datesubmit', _hidden);
                }
                comp.disable = function(_disabled) {
                  disable_element('responsive_payment_typecc_exp_date_MONTH', _disabled);
                  disable_element('responsive_payment_typecc_exp_date_DAY', _disabled);
                  disable_element('responsive_payment_typecc_exp_date_YEAR', _disabled);
                  disable_element('responsive_payment_typecc_exp_date_HOUR12', _disabled);
                  disable_element('responsive_payment_typecc_exp_date_HOUR24', _disabled); //For UK, 24 hour clock used
                  disable_element('responsive_payment_typecc_exp_date_MINUTE', _disabled);
                  disable_element('responsive_payment_typecc_exp_date_AMPM', _disabled);
                }
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="responsive_payment_typecc_cvv_row" class="form-row form-text cvv-input">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="responsive_payment_typecc_cvvname">
                <span class="FormLabelText">CVV: </span>
              </label><span id="cvv-info">i</span>
              <input type="text" name="responsive_payment_typecc_cvvname" id="responsive_payment_typecc_cvvname" value="" maxlength="4" autocomplete="cc-csc" pattern="[0-9]*" required="required">
              <input type="hidden" name="responsive_payment_typecc_cvvsubmit" id="responsive_payment_typecc_cvvsubmit" value="true">
              <script type="text/javascript">
                //chrome is mapping cvv as card name
                if (/CriOS/.test(navigator.userAgent) || (/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor))) {
                  document.getElementById('responsive_payment_typecc_cvvname').autocomplete = 'cc-csc';
                }
                var comp = new ObservableComponent('responsive_payment_typecc_cvv', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('responsive_payment_typecc_cvv_row', _display);
                  this.disable_submit_flag(_hidden);
                }
              </script><noscript> </noscript>
            </div>
          </div>
        </div>
        <div id="payment_check_container" class="payment-field-container" data-private="redact" style="display: none;">
          <h3>Check Information</h3>
        </div>
        <input type="hidden" name="responsive_payment_typesubmit" id="responsive_payment_typesubmit" value="true">
        <script type="text/javascript">
          function PaymentObserver() {
            this.observe = function(_event) {
              var sVal = _event.component.get();
              switch (sVal) {
                case 'check':
                  hide_element('payment_cc_container');
                  hide_element('payment_bank_container');
                  show_element('payment_check_container');
                  break;
                case 'credit':
                  hide_element('payment_bank_container');
                  hide_element('payment_check_container');
                  show_element('payment_cc_container');
                  break;
                case 'ach':
                  hide_element('payment_cc_container');
                  hide_element('payment_check_container');
                  show_element('payment_bank_container');
                  break;
                case 'paypal':
                case 'amazon':
                case 'mobilepay':
                default:
                  // hide all
                  hide_element('payment_bank_container');
                  hide_element('payment_cc_container');
                  hide_element('payment_check_container');
                  break;
              }
            }
          }
          // Set the observer to show/hide the relevant fields
          observe_component('responsive_payment_typepay_typeradio', new PaymentObserver());
        </script><noscript> </noscript>
      </div>
      <div class="custom-field-container form-row ">
        <div class="form-content">
          <div class="form-input-label-block" style="display: none;">
            <label for="cover_the_fee_dropdown">(I choose to add $0.00 to cover the fees to process my donation.)</label>
          </div>
          <fieldset>
            <input type="checkbox" name="cover_the_fee_radio" id="cover_the_fee_radio" value="">
            <label class="custom-element-checkbox-label" for="cover_the_fee_radio">I choose to cover the processing fees so that <span id="fee-amount">$6.00</span><strong>my donation can help provide more meals to New Yorkers.</strong></label>
          </fieldset>
          <input type="hidden" name="cover_the_feesubmit" id="cover_the_feesubmit" value="true">
        </div>
      </div>
      <div class="custom-field-container form-row " style="display: none;">
        <div class="form-content">
          <div class="form-input-label-block">
            <label for="cover_the_fee_amount_input">Cover Fees Amount</label>
          </div>
          <input type="text" name="cover_the_fee_amount_input" id="cover_the_fee_amount_input" value="" maxlength="255">
          <input type="hidden" name="cover_the_fee_amountsubmit" id="cover_the_fee_amountsubmit" value="true">
        </div>
      </div>
      <h2 class="section-header-container"> Your information </h2>
      <div id="billing_first_name_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_first_namename">First name:</label>
          <input type="text" name="billing_first_namename" id="billing_first_namename" value="" maxlength="50" required="required">
          <input type="hidden" name="billing_first_namesubmit" id="billing_first_namesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_first_name', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_first_name_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_last_name_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_last_namename">Last name:</label>
          <input type="text" name="billing_last_namename" id="billing_last_namename" value="" maxlength="50" required="required">
          <input type="hidden" name="billing_last_namesubmit" id="billing_last_namesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_last_name', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_last_name_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="donor_email_address_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="donor_email_addressname">Email:</label>
          <input type="text" name="donor_email_addressname" id="donor_email_addressname" value="" maxlength="255" required="required">
          <input type="hidden" name="donor_email_addresssubmit" id="donor_email_addresssubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('donor_email_address', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_email_address_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="donor_phone_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="donor_phonename">Phone (Enter format 1234567890):</label><span id="phone-info">i</span>
          <input type="text" name="donor_phonename" id="donor_phonename" value="" maxlength="50">
          <input type="hidden" name="donor_phonesubmit" id="donor_phonesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('donor_phone', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_phone_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="donor_phone_type_row" class="form-row form-selectlist">
        <div class="form-content">
          <label class="FormLabel" for="donor_phone_type">Donor Phone Type:</label>
          <select name="donor_phone_type" id="donor_phone_type" size="1">
            <option value="home_phone">Phone</option>
            <option value="work_phone">Work Phone</option>
            <option selected="selected" value="mobile_phone">Mobile Phone</option>
          </select>
          <script type="text/javascript">
            <!--
            var comp = new ObservableComponent('donor_phone_type', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_phone_type_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            //
            -->
          </script>
          <noscript><br>Required</noscript>
          <input type="hidden" name="donor_phone_typesubmit" id="donor_phone_typesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('donor_phone_type', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_phone_type_row', _display);
              this.disable_submit_flag(_hidden);
            }

            function donor_phone_type_listChanged(_evt) {
              var e = _evt ? _evt : event; // IE vs. Mozilla event model
              if (e) {
                var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
                fire_obs_comp_event('donor_phone_type', src);
              }
            }
            var el = document.getElementById('donor_phone_type');
            if (el) {
              Utils.addEvent(el, 'change', donor_phone_type_listChanged);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div class="custom-field-container form-row " style="display: none;">
        <div class="form-content">
          <div class="form-input-label-block">
            <label for="mobile_opt_in_dropdown">Mobile Opt In</label>
          </div>
          <fieldset>
            <input type="checkbox" name="mobile_opt_in_radio" id="mobile_opt_in_radio" value="true">
            <label class="custom-element-checkbox-label" for="mobile_opt_in_radio">Yes</label>
          </fieldset>
          <input type="hidden" name="mobile_opt_insubmit" id="mobile_opt_insubmit" value="true">
        </div>
      </div>
      <div class="form-row form-checkbox" id="donor_email_opt_in_Row" style="display: none;">
        <div class="form-content">
          <span class="check-box-form-label-text"></span>
          <input type="checkbox" name="donor_email_opt_inname" id="donor_email_opt_inname" checked="checked" onclick="fire_obs_comp_event('donor_email_opt_in', this);">
          <label for="donor_email_opt_inname"> Yes, I would like to receive communication from this organization. </label>
          <script type="text/javascript">
            var comp = new ObservableComponent('donor_email_opt_in', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_email_opt_in_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            comp.set = function(_value) {
              if (document.getElementById('donor_email_opt_inname')) {
                document.getElementById('donor_email_opt_inname').checked = _value;
                this.fireEvent();
              }
            }
            comp.get = function() {
              if (document.getElementById('donor_email_opt_inname')) return document.getElementById('donor_email_opt_inname').checked;
            }
            comp.clear = function() {
              this.set(false);
            }
          </script><noscript> </noscript>
          <input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true">
        </div>
      </div>
      <div class="custom-field-container">
        <div class="form-content">
          <div class="form-input-label-block">
            <label for="communication_opt_in_all_dropdown" style="display: none;">Communication Opt In All</label>
          </div>
          <fieldset>
            <input type="checkbox" name="communication_opt_in_all_radio" id="communication_opt_in_all_radio" value="true" data-gtm-form-interact-field-id="0">
            <label class="custom-element-checkbox-label" for="communication_opt_in_all_radio">I opt-in to receive messages and updates</label>
          </fieldset>
          <input type="hidden" name="communication_opt_in_allsubmit" id="communication_opt_in_allsubmit" value="true">
        </div>
      </div>
      <div class="custom-field-container">
        <div class="form-content">
          <div class="form-input-label-block">
            <label for="corporate_gift_dropdown" style="display: none;">Company/Organization Gift</label>
          </div>
          <fieldset>
            <input type="checkbox" name="corporate_gift_radio" id="corporate_gift_radio" value="true">
            <label class="custom-element-checkbox-label" for="corporate_gift_radio">This is a gift from a Company/Organization</label>
          </fieldset>
          <input type="hidden" name="corporate_giftsubmit" id="corporate_giftsubmit" value="true">
        </div>
      </div>
      <div class="custom-field-container form-row " id="company-name" style="display: none;">
        <div class="form-content">
          <div class="form-input-label-block">
            <span class="field-required"></span><label for="company_or_organization_name_input">Company or Organization Name:</label>
          </div>
          <input type="text" name="company_or_organization_name_input" id="company_or_organization_name_input" value="" maxlength="255">
          <input type="hidden" name="company_or_organization_namesubmit" id="company_or_organization_namesubmit" value="true">
        </div>
      </div>
      <h2 class="section-header-container"> Billing Information </h2>
      <div id="billing_addr_country_row" class="form-row form-selectlist">
        <div class="form-content"><span id="country-name-display">Your default country is United States</span><span id="country-name-save">Save</span><span id="country-name-edit">Edit</span>
          <select name="billing_addr_country" id="billing_addr_country" size="1" onchange="fire_obs_comp_event('billing_addr_country', this)">
            <option></option>
            <option selected="selected" value="United States">United States</option>
            <option value="Canada">Canada</option>
            <option value="United Kingdom">United Kingdom</option>
            <option value="United Republic of Tanzania">United Republic of Tanzania</option>
            <option value="Australia">Australia</option>
            <option value="Ireland">Ireland</option>
            <option value="Islamic Republic of Iran">Islamic Republic of Iran</option>
            <option value="Isle of Man">Isle of Man</option>
            <option value="Netherlands">Netherlands</option>
            <option value="Indoesia">Indoesia</option>
            <option value="Germany">Germany</option>
            <option value="Greece">Greece</option>
            <option value="Italy">Italy</option>
            <option value="South Africa">South Africa</option>
            <option value="South Sudan">South Sudan</option>
            <option value="Switzerland">Switzerland</option>
            <option value="Syrian Arab Republic">Syrian Arab Republic</option>
            <option value="Taiwan, Province of China">Taiwan, Province of China</option>
            <option value="Tajikistan">Tajikistan</option>
            <option value="Sweden">Sweden</option>
            <option value="Japan">Japan</option>
            <option value="Jersey">Jersey</option>
            <option value="Grenada">Grenada</option>
            <option value="Spain">Spain</option>
            <option value="Norway">Norway</option>
            <option value="Singapore">Singapore</option>
            <option value="Sint Maarten (Dutch)">Sint Maarten (Dutch)</option>
            <option value="Slovakia">Slovakia</option>
            <option value="Israel">Israel</option>
            <option value="France">France</option>
            <option value="French Guiana">French Guiana</option>
            <option value="French Polynesia">French Polynesia</option>
          </select>
          <script type="text/javascript">
            <!--
            var comp = new ObservableComponent('billing_addr_country', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_country_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            //
            -->
          </script>
          <noscript><br>Required</noscript>
          <input type="hidden" name="billing_addr_countrysubmit" id="billing_addr_countrysubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_country', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_country_row', _display);
              this.disable_submit_flag(_hidden);
            }

            function billing_addr_country_listChanged(_evt) {
              var e = _evt ? _evt : event; // IE vs. Mozilla event model
              if (e) {
                var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
                fire_obs_comp_event('billing_addr_country', src);
              }
            }
            var el = document.getElementById('billing_addr_country');
            if (el) {
              Utils.addEvent(el, 'change', billing_addr_country_listChanged);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_street1_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_addr_street1name">Address:</label>
          <input type="text" name="billing_addr_street1name" id="billing_addr_street1name" value="" maxlength="50" required="required">
          <input type="hidden" name="billing_addr_street1submit" id="billing_addr_street1submit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_street1', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_street1_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_street2_row" class="form-row form-text">
        <div class="form-content">
          <label for="billing_addr_street2name">Address 2:</label>
          <input type="text" name="billing_addr_street2name" id="billing_addr_street2name" value="" maxlength="50">
          <input type="hidden" name="billing_addr_street2submit" id="billing_addr_street2submit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_street2', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_street2_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_city_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_addr_cityname">City:</label>
          <input type="text" name="billing_addr_cityname" id="billing_addr_cityname" value="" maxlength="50" required="required">
          <input type="hidden" name="billing_addr_citysubmit" id="billing_addr_citysubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_city', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_city_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_state_row" class="form-row form-selectlist">
        <div class="form-content">
          <span class="field-required"></span>
          <label class="FormLabel" for="billing_addr_state">State:</label>
          <select name="billing_addr_state" id="billing_addr_state" size="1" onchange="fire_obs_comp_event('billing_addr_state', this)" required="required">
            <option></option>
            <option value="AK">AK - Alaska</option>
            <option value="AL">AL - Alabama</option>
            <option value="AR">AR - Arkansas</option>
            <option value="AZ">AZ - Arizona</option>
            <option value="CA">CA - California</option>
            <option value="CO">CO - Colorado</option>
            <option value="CT">CT - Connecticut</option>
            <option value="DC">DC - District of Columbia</option>
            <option value="DE">DE - Delaware</option>
            <option value="FL">FL - Florida</option>
            <option value="GA">GA - Georgia</option>
            <option value="HI">HI - Hawaii</option>
            <option value="IA">IA - Iowa</option>
            <option value="ID">ID - Idaho</option>
            <option value="IL">IL - Illinois</option>
            <option value="IN">IN - Indiana</option>
            <option value="KS">KS - Kansas</option>
            <option value="KY">KY - Kentucky</option>
            <option value="LA">LA - Louisiana</option>
            <option value="MA">MA - Massachusetts</option>
            <option value="MD">MD - Maryland</option>
            <option value="ME">ME - Maine</option>
            <option value="MI">MI - Michigan</option>
            <option value="MN">MN - Minnesota</option>
            <option value="MO">MO - Missouri</option>
            <option value="MS">MS - Mississippi</option>
            <option value="MT">MT - Montana</option>
            <option value="NC">NC - North Carolina</option>
            <option value="ND">ND - North Dakota</option>
            <option value="NE">NE - Nebraska</option>
            <option value="NH">NH - New Hampshire</option>
            <option value="NJ">NJ - New Jersey</option>
            <option value="NM">NM - New Mexico</option>
            <option value="NV">NV - Nevada</option>
            <option value="NY">NY - New York</option>
            <option value="OH">OH - Ohio</option>
            <option value="OK">OK - Oklahoma</option>
            <option value="OR">OR - Oregon</option>
            <option value="PA">PA - Pennsylvania</option>
            <option value="RI">RI - Rhode Island</option>
            <option value="SC">SC - South Carolina</option>
            <option value="SD">SD - South Dakota</option>
            <option value="TN">TN - Tennessee</option>
            <option value="TX">TX - Texas</option>
            <option value="UT">UT - Utah</option>
            <option value="VA">VA - Virginia</option>
            <option value="VT">VT - Vermont</option>
            <option value="WA">WA - Washington</option>
            <option value="WI">WI - Wisconsin</option>
            <option value="WV">WV - West Virginia</option>
            <option value="WY">WY - Wyoming</option>
            <option value="AS">AS - American Samoa</option>
            <option value="FM">FM - Federated States of Micronesia</option>
            <option value="GU">GU - Guam</option>
            <option value="MH">MH - Marshall Islands</option>
            <option value="MP">MP - Northern Mariana Islands</option>
            <option value="PR">PR - Puerto Rico</option>
            <option value="PW">PW - Palau</option>
            <option value="VI">VI - Virgin Islands</option>
            <option value="AA">AA - Armed Forces Americas</option>
            <option value="AE">AE - Armed Forces</option>
            <option value="AP">AP - Armed Forces Pacific</option>
            <option value="AB">AB - Alberta</option>
            <option value="BC">BC - British Columbia</option>
            <option value="MB">MB - Manitoba</option>
            <option value="NB">NB - New Brunswick</option>
            <option value="NL">NL - Newfoundland and Labrador</option>
            <option value="NS">NS - Nova Scotia</option>
            <option value="NT">NT - Northwest Territories</option>
            <option value="NU">NU - Nunavut</option>
            <option value="ON">ON - Ontario</option>
            <option value="PE">PE - Prince Edward Island</option>
            <option value="QC">QC - Quebec</option>
            <option value="SK">SK - Saskatchewan</option>
            <option value="YT">YT - Yukon</option>
            <option value="None">None</option>
          </select>
          <script type="text/javascript">
            <!--
            var comp = new ObservableComponent('billing_addr_state', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_state_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            //
            -->
          </script>
          <noscript><br>Required</noscript>
          <input type="hidden" name="billing_addr_statesubmit" id="billing_addr_statesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_state', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_state_row', _display);
              this.disable_submit_flag(_hidden);
            }

            function billing_addr_state_listChanged(_evt) {
              var e = _evt ? _evt : event; // IE vs. Mozilla event model
              if (e) {
                var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
                fire_obs_comp_event('billing_addr_state', src);
              }
            }
            var el = document.getElementById('billing_addr_state');
            if (el) {
              Utils.addEvent(el, 'change', billing_addr_state_listChanged);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_zip_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_addr_zipname">Zip/Postal Code:</label>
          <input type="text" name="billing_addr_zipname" id="billing_addr_zipname" value="" maxlength="10" required="required">
          <input type="hidden" name="billing_addr_zipsubmit" id="billing_addr_zipsubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_zip', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_zip_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div class="form-row">
        <div class="html-caption-container">
          <h2 style="border:none; font-family:'Montserrat',sans-serif; font-size:22px; font-weight:400; margin-bottom:12px;">Employer</h2>
          <p style="font-weight:300; line-height:1.4; margin:0 0 14px 0;">Does your employer have a matching gift program? Please use the field below to find out.</p>
          <style>
            .dtd-company-selected .wrongcompany {
              display: block;
            }

            .dtd-company-selected .wrongcompany a {
              font-family: 'Montserrat', sans-serif, 'Helvetica Neue', Arial;
              font-size: 16px;
              font-weight: 400;
              text-decoration: none;
              color: #ff7314 !important;
            }

            .dtd-company-selected .wrongcompany a:hover {
              text-decoration: underline;
            }

            #dd-input {
              width: 100%;
              height: 3rem;
              color: #333333;
              padding: 0.5rem !important;
              border: 1px solid #cccccc;
              border-radius: 0.25rem;
              box-sizing: border-box;
              -webkit-box-shadow: none;
              box-shadow: none;
              background-color: #fff;
            }

            #dd-input:focus {
              transition: box-shadow 0.35s;
              box-shadow: 0 0 4px 2px rgb(255 115 20 / 40%);
            }

            #dd-input:focus-visible {
              outline: none;
              outline-offset: 0;
            }

            #dd-container .Select-option,
            .dtd-plugin .Select-option,
            #dd-company-name-input .Select-option,
            .dtd-streamlined-plugin .Select-option {
              font-size: 16px;
              line-height: normal;
            }

            p.dd-company-selected {
              font-family: 'Montserrat', sans-serif, 'Helvetica Neue', Arial;
              text-align: center;
              font-size: 18px;
            }
          </style>
          <script src="https://doublethedonation.com/api/js/ddplugin.js"></script>
          <link href="https://doublethedonation.com/api/css/ddplugin.css" rel="stylesheet">
          <div id="dd-company-name-input" data-doublethedonation-widget-id="G__2">
            <div class="dtd-streamlined-plugin"><input type="hidden" name="doubledonation_status" value="no_interaction"><input type="hidden" name="doublethedonation_status" value="no_interaction"><input type="hidden"
                name="doublethedonation_entered_text"><input type="hidden" name="doubledonation_company_id"><input type="hidden" name="doublethedonation_company_id"><input type="hidden" name="doubledonation_company_name"><input type="hidden"
                name="doublethedonation_company_name">
              <div class="dtd-search-box" style="width: 100%; margin-bottom: 0px;">
                <div aria-live="assertive" style="display: block; font-size: 0px; color: rgb(255, 255, 255); opacity: 0; position: absolute; height: 0px; margin: 0px; z-index: -99999;"></div>
                <div aria-live="polite" style="display: block; font-size: 0px; color: rgb(255, 255, 255); opacity: 0; position: absolute; height: 0px; margin: 0px; z-index: -99999;"></div><input role="combobox" aria-expanded="false"
                  name="doublethedonation_company_name_input" autocomplete="new-password" type="text" id="dd-input" class="dtd-search-input form-control BBFormTextbox" style="width: 100%;" placeholder="Search Company Name"
                  aria-label="Search for company...">
              </div>
            </div>
          </div>
          <script type="text/javascript">
            // <![CDATA[    
            if (window.doublethedonation) {
              console.log('DOUBLE THE DONATION LOADED');
              var targetNodeTimer = setInterval(function() {
                var targetNode = document.querySelector('#dd-company-name-input > div > input[name="doublethedonation_company_id"]');
                if (document.getElementById("dd-input")) {
                  document.getElementById("dd-input").placeholder = "Search Company Name";
                }
                if (targetNode != null) {
                  // Options for the observer (which mutations to observe)
                  var config = {
                    attributes: true
                  };
                  // Callback function to execute when mutations are observed
                  var callback = function(mutationsList, observer) {
                    var mutation = mutationsList[mutationsList.length - 1];
                    if (mutation.type === 'attributes' && mutation.attributeName === 'value') {
                      console.log('Company changed');
                      var dtd_company_id = document.querySelector('input[name="doublethedonation_company_id"]').value;
                      console.log('Selected company ID: ' + dtd_company_id);
                      document.getElementById('double_the_donation_company_idhidden').value = dtd_company_id;
                    }
                  };
                  // Create an observer instance linked to the callback function
                  var observer = new MutationObserver(callback);
                  // Start observing the target node for configured mutations
                  observer.observe(targetNode, config);
                  // Clear the timer
                  clearInterval(targetNodeTimer);
                }
              }, 100);
            }
            // ]]>
          </script>
        </div>
      </div>
      <input type="hidden" name="double_the_donation_company_idhidden" id="double_the_donation_company_idhidden" value="">
      <div class="custom-field-container form-row " style="display: none;">
        <div class="form-content">
          <div class="form-input-label-block">
            <label for="tribute_card_send_source_radio_input">Tribute Card Send Source Radio</label>
          </div>
          <input type="text" name="tribute_card_send_source_radio_input" id="tribute_card_send_source_radio_input" value="" maxlength="255">
          <input type="hidden" name="tribute_card_send_source_radiosubmit" id="tribute_card_send_source_radiosubmit" value="true">
        </div>
      </div>
      <div class="form-row">
        <div class="html-caption-container">
          <script>
            var tributeCardSourceInput = document.getElementById('tribute_card_send_source_radio_input');
            if (tributeCardSourceInput != null) {
              tributeCardSourceInput.parentElement.parentElement.style.display = 'none';
            }
          </script>
        </div>
      </div>
      <div class="custom-field-container form-row " style="display: none;">
        <div class="form-content">
          <div class="form-input-label-block">
            <label for="unique_load_id_input">Unique_Load_ID</label>
          </div>
          <input type="text" name="unique_load_id_input" id="unique_load_id_input" value="" maxlength="255">
          <input type="hidden" name="unique_load_idsubmit" id="unique_load_idsubmit" value="true">
        </div>
      </div>
      <div class="form-row">
        <div class="html-caption-container">
          <script>
            var uid;
            var uniqueIdInput = document.getElementById('unique_load_id_input');
            if (!Date.now) {
              Date.now = function() {
                return new Date().getTime();
              }
            }
            if (uniqueIdInput != null) {
              uniqueIdInput.parentElement.parentElement.style.display = 'none';
              uid = Date.now().toString(16).toUpperCase() + "_" + Math.floor(Math.random() * 100000);
              uniqueIdInput.value = uid;
            }
          </script>
        </div>
      </div>
      <div class="form-row">
        <div class="html-caption-container">
          <div id="ecard-preview-overlay" class="container" style="display: none;">
            <div id="ecard-container">
              <div class="information">
                <span class="close" id="ecard-preview-close">×</span>
                <div id="ecard-from">
                  <span>From:</span>
                  <p></p>
                </div>
                <div id="ecard-to">
                  <span>To:</span>
                  <p></p>
                </div>
                <div id="ecard-subject">
                  <span>Subject:</span>
                  <p></p>
                </div>
              </div>
              <div class="ecard-preview-container">
                <div class="ecard-content">
                  <div id="ecard-image">
                    <img src="" alt="">
                  </div>
                  <div class="ecard-message">
                    <p id="ecard-preview-message"></p>
                  </div>
                  <div style="display: none;">
                    <span id="ecard-gift-type-info"> A Gift in Memory of / Honor of </span>
                    <span id="ecard-honoree-name"></span>
                    <span id="ecard-donor-name"></span>
                  </div>
                  <div class="footer">
                    <div class="logo">
                      <img src="../images/content/pagebuilder/fbny_header_logo_retina.png" alt="Food Bank For New York City">
                    </div>
                    <div class="msg">
                      <p>A contribution has been received by Food Bank For New York City. This donation helps Food Bank serve 1.2 million New Yorkers across all five boroughs.</p>
                    </div>
                    <small>Food Bank For New York City Main Office: 39 Broadway, New York, NY 10006 | Phone: 212.566.7855 | Fax: 212.566.1463</small>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- <script>
  // Autocomplete obj
  var autocomplete;

  // Defining input field
  var input = document.getElementById('billing_addr_street1name');
  var zip = document.getElementById('billing_addr_zipname');
  var city = document.getElementById('billing_addr_cityname');
  var state = document.getElementById('billing_addr_state');

  function initAutoComplete() {
    // Initializing constructor options
    var options = {
      componentRestrictions: { country: "us" },
      fields: ["address_components"],
      strictBounds: false,
      types: ["address"]
    };

    // Instance
    autocomplete = new google.maps.places.Autocomplete(input, options);

    // When a user types the address
    autocomplete.addListener('place_changed', onPlaceChanged);
  }

  function onPlaceChanged() {
    var place = autocomplete.getPlace();

    // Address data
    var number;
    var street;
    var postCode;
    var cityName;
    var stateName;

    console.log(place);

    for (var index = 0; index < place.address_components.length; index++) {
      var component = place.address_components[index];
      var componentType = component.types[0];

      // console.log("component type at index[" + index + "]: " + componentType);

      switch (componentType) {
        case "street_number": {
          number = component.long_name;
          console.log('Street number: ' + number);
          break;
        }

        case "route": {
          street = component.short_name;
          console.log('Street name: ' + street);
          break;
        }

        case "postal_code": {
          postCode = component.long_name;
          console.log('Post code: ' + postCode);
          break;
        }

        case "locality": {
          cityName = component.long_name;
          console.log('City name: ' + cityName);
          break;
        }

        case "administrative_area_level_1": {
          stateName = component.short_name;
          console.log('State name: ' + stateName);
          break;
        }
      }
    }

    if (number === undefined) {
      number = ''
    }

    if (street === undefined) {
      street = ''
    }

    if (postCode === undefined) {
      postCode = ''
    }

    if (cityName === undefined) {
      cityName = ''
    }
        
    if (stateName === undefined) {
      stateName = ''
    }

    input.value = (number + ' ' + street);
    zip.value = postCode;
    city.value = cityName;
    state.value = stateName;
  }
</script>

<script src="https://maps.googleapis.com/maps/api/js?key={addKey}&libraries=places&callback=initAutoComplete" async defer></script>
 -->
        </div>
      </div>
      <div class="button-container clearfix">
        <div class="button-sub-container">
          <button class="step-button action-button finish-step" type="submit" id="pstep_finish" name="pstep_finish" value="Process">Donate $<span id="donation-amount">156.00</span><span id="monthly-text"></span></button>
        </div>
      </div>
      <input type="hidden" name="idb" id="idb" value="1758011377">
      <input type="hidden" name="df_id" id="df_id" value="13445">
      <input type="hidden" name="mfc_pref" id="mfc_pref" value="T">
      <div class="form-row">
        <div class="html-caption-container">
        </div>
      </div>
    </div>
    <input type="hidden" name="13445.donation" id="13445.donation" value="form1">
  </div>
  <script type="text/javascript">
    var submitted = false;

    function checkDoubleClick() {
      var elCheck = '';
      if (elCheck == 'el') {
        alert('Form submission is not enabled when previewing an individual data element.');
        return false;
      } else if (submitted) {
        alert('You have already submitted this payment. Please wait....');
        return false;
      } else {
        submitted = true;
        return true;
      }
    }
  </script><noscript> </noscript>
</form>

Text Content

 
 * Contact Us
 * Donate Food
 * More Ways to Give
 * Phone: 212.566.7855


HELP NEW YORKERS AT RISK OF HUNGER

Due to inflation and the rising cost of food in grocery stores, $1 can provide
up to 5 meals. Your gift today can help us continue to support families across
the five boroughs whose budgets are being stretched to the limit. Give now to
help provide nutritious meals for families in New York City.

Donate

Field Is Required Select Gift Amount:

$50.00
50
$75.00
75
$150.00
150
$500.00
500
$750.00
750
Enter an Amount
Enter amount
 

 
Yes, automatically repeat this gift every month.
 
Donate
Monthly
One-time


DONATION AMOUNT (USD)

$250
$150
$75
$50
OTHER
$250
$150
$75
$50
OTHER

$


Yes, this is an honor or memorial gift  



My gift is In Memory of In Honor of
Required  
Person's Name or OccasionMaximum of 50 character with spaces (e.g. John Smith,
Sue Smith's Birthday) 0/50 characters  


WOULD YOU LIKE TO SEND A TRIBUTE ECARD?

We also offer the opportunity for an eCard to be delivered to the email address
of your choice on the same day or scheduled for a future date.

No, thank you
Yes, send an eCard
Yes, Send an eCard Yes, I would like to send an eCard.  
Select a send date for your eCard:Select month of credit card Select Expiration
Year
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec 1 2 3 4 5 6 7 8 9 10 11 12 13 14
15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 2034 2033 2032 2031 2030 2029
2028 2027 2026 2025 2024
 
Who is sending the eCard? (Name or Email Address)
Recipient email addresses: Please separate additional emails with commas ","  
Select an eCard:

 
eCard Subject:  
eCard Message: (Up to 255 characters) 0/247 characters  
eCard Preview
eCard Preview
Yes, send me a copy of the eCard.  


PAYMENT INFORMATION


PAYMENT METHOD:

  
 

All transactions conducted on this website are encrypted using a secure server
to protect your privacy. View Privacy Policy.


CREDIT CARD INFORMATION:

Credit Card Type:
 * 
 * 
 * 
 * 

 
Credit Card Number:  
Expiration date:Select month of credit card Select Expiration Year
01 02 03 04 05 06 07 08 09 10 11 12 2024 2025 2026 2027 2028 2029 2030 2031 2032
2033 2034  
 
CVV: i  


CHECK INFORMATION

 
(I choose to add $0.00 to cover the fees to process my donation.)
I choose to cover the processing fees so that $6.00my donation can help provide
more meals to New Yorkers.
Cover Fees Amount


YOUR INFORMATION

First name:  
Last name:  
Email:  
Phone (Enter format 1234567890):i  
Donor Phone Type: Phone Work Phone Mobile Phone
Required  
Mobile Opt In
Yes
Yes, I would like to receive communication from this organization.  
Communication Opt In All
I opt-in to receive messages and updates
Company/Organization Gift
This is a gift from a Company/Organization
Company or Organization Name:


BILLING INFORMATION

Your default country is United StatesSaveEdit United States Canada United
Kingdom United Republic of Tanzania Australia Ireland Islamic Republic of Iran
Isle of Man Netherlands Indoesia Germany Greece Italy South Africa South Sudan
Switzerland Syrian Arab Republic Taiwan, Province of China Tajikistan Sweden
Japan Jersey Grenada Spain Norway Singapore Sint Maarten (Dutch) Slovakia Israel
France French Guiana French Polynesia
Required  
Address:  
Address 2:  
City:  
State: AK - Alaska AL - Alabama AR - Arkansas AZ - Arizona CA - California CO -
Colorado CT - Connecticut DC - District of Columbia DE - Delaware FL - Florida
GA - Georgia HI - Hawaii IA - Iowa ID - Idaho IL - Illinois IN - Indiana KS -
Kansas KY - Kentucky LA - Louisiana MA - Massachusetts MD - Maryland ME - Maine
MI - Michigan MN - Minnesota MO - Missouri MS - Mississippi MT - Montana NC -
North Carolina ND - North Dakota NE - Nebraska NH - New Hampshire NJ - New
Jersey NM - New Mexico NV - Nevada NY - New York OH - Ohio OK - Oklahoma OR -
Oregon PA - Pennsylvania RI - Rhode Island SC - South Carolina SD - South Dakota
TN - Tennessee TX - Texas UT - Utah VA - Virginia VT - Vermont WA - Washington
WI - Wisconsin WV - West Virginia WY - Wyoming AS - American Samoa FM -
Federated States of Micronesia GU - Guam MH - Marshall Islands MP - Northern
Mariana Islands PR - Puerto Rico PW - Palau VI - Virgin Islands AA - Armed
Forces Americas AE - Armed Forces AP - Armed Forces Pacific AB - Alberta BC -
British Columbia MB - Manitoba NB - New Brunswick NL - Newfoundland and Labrador
NS - Nova Scotia NT - Northwest Territories NU - Nunavut ON - Ontario PE -
Prince Edward Island QC - Quebec SK - Saskatchewan YT - Yukon None
Required  
Zip/Postal Code:  


EMPLOYER

Does your employer have a matching gift program? Please use the field below to
find out.


Tribute Card Send Source Radio

Unique_Load_ID

×
From:



To:



Subject:



A Gift in Memory of / Honor of

A contribution has been received by Food Bank For New York City. This donation
helps Food Bank serve 1.2 million New Yorkers across all five boroughs.

Food Bank For New York City Main Office: 39 Broadway, New York, NY 10006 |
Phone: 212.566.7855 | Fax: 212.566.1463
Donate $156.00

 

To make donation by mail,
please send to:
Food Bank For New York City
Attn: Gift Processing
PO Box 470
Hartsdale, NY 10530

Having issues? Please contact
Donor Services at donorservices@foodbanknyc.org.

 * 
 * 
 * 
 * 
 * 
 * 

 * Contact Us
 * Privacy Policy
 * Policies & Disclaimers
 * Financials

Food Bank For New York City is registered as a 501(c)(3) non-profit
organization. Contributions are tax-deductible to the extent permitted by law,
tax identification number 13-3179546.

©2024 Food Bank For New York City. Food Bank For New York City name, program
names, and materials are registered trade and service marks.



 
×
×


CREDIT CARD VERIFICATION CODE

--------------------------------------------------------------------------------

The Verification Code is imprinted on credit cards to help merchants verify
transactions when the actual card is not present, such as Internet purchases or
donations. The merchant uses this number as part of the authorization process
with the card issuer.

Please use the images below to locate the verification code for your card type.

VISA, MASTERCARD, AND DISCOVER:

The verification code for Visa, Mastercard, and Discover is a 3-digit number
printed on the back of your card. It appears after the account number or last
4-digits of your account number, in the signature panel.

AMERICAN EXPRESS:

The American Express verification code is a 4-digit number printed on the front
of your card. It appears above and to the right of the embossed account number.

×


MOBILE PHONE INFORMATION

--------------------------------------------------------------------------------

I opt-in to receive messages and updates. We respect your privacy here at Food
Bank.

Privacy Policy