<%- # License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
# Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE -%>
<div class='modal' id='changeAmountModal'>
  <%= render 'common/modal_header', title: 'Edit change amount note' %>
  <div class='modal-body'>
    <p class='pastelBox--yellow u-marginBottom--20 u-padding--10' >You can add a custom thank-you note that gets added to the top of all donation email receipts.</p>
    <form>
      <!--= on 'submit' update_change_amount_message -->
      <div class='editable  editable--email u-marginBottom--20' data-path='/nonprofits/<%= @nonprofit.id %>/miscellaneous_np_info.json' data-key='miscellaneous_np_info[change_amount_message]'>
        <%= raw @miscellaneous_np_info.change_amount_message|| "You have successfully changed your recurring donation amount. Please see the receipt and details below." %>
      </div>
      <%= render 'components/forms/submit_button', scope: 'receipt' %>
    </form>
  </div>
</div>