<%- # 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 -%>
<!-- partial: donations/new_modal -->
<!-- use cards.css -->
<!-- use donations/new.js -->

<div class='modal skinny' id='newDonationModal'%>

	<%= render 'common/modal_header', title: 'New Donation' %>

	<div class='modal-body'>
		<table class='table--striped'>
      <tr>
			     <td class='strong'>Supporter</td>
           <td><!--= put selected_supporter.name --></td>
      </tr>
      <tr>
        <td class='strong'>Card</td>
        <td><!--= put selected_card.name --></td>
      </tr>
		</table>

    <hr>

		<form class='newDonationModal-form'>
			<!--= on 'submit' (def 'new_donation' form_object) (open_modal 'confirmDonationModal') -->

			<fieldset>
				<label>Amount</label>

				<div class='prepend--dollar'>
					<input type='number' step='any' min='0' class='input--100' name='dollars' required>
					<!--= on 'change' (set 'dollars' get_value) -->
				</div>
			</fieldset>

			<input type='hidden' name='nonprofit_id' value='<%= @nonprofit.id %>'>
			<% if @event %><input type='hidden' name='event_id' value='<%= @event.id %>'><% end %>


			<input type='hidden' name='token'>
				<!--= set_value selected_card.id -->

			<input type='hidden' name='supporter_id'>
				<!--= set_value selected_supporter.id -->

			<fieldset class='u-marginBottom--15'>
				<label>Comment</label>
				<textarea name='comment' placehoder='Type optional comment here'></textarea>
			</fieldset>

			<%= render 'components/forms/submit_button', loading_text: 'Loading...', button_text: 'Next' %>
		</form>

	</div>
</div>

<div class='modal skinny' id='confirmDonationModal'>

	<%= render 'common/modal_header', title: 'Confirm Charge' %>

	<div class='modal-body'>

    <table class='table--striped u-marginBottom--20'>
      <tr>
        <td class='strong'>Amount</td>
        <td>$<!--= put new_donation.dollars  --></td>
      </tr>
      <tr>
        <td class='strong'>Supporter</td>
        <td><!--= put selected_supporter.name --></td>
      </tr>
      <tr>
        <td class='strong'>Card</td>
        <td><!--= put selected_card.name --></td>
      </tr>
    </table>

		<form>
			<!--= on 'submit' (confirm create_donation) -->
			<%= render 'components/forms/submit_button', loading_text: 'Processing...', button_text: 'Confirm' %>
		</form>
    </section>
	</div>

</div>

<!-- end partial: donations/new_modal -->