<div class="donations-new">
  <div id="body">
    <div class="container">
      <div id="content">
        <div class="connect-con">
          <div class="form-hold">
            <div class="title">
              <div class="body">
                <p class="text-center">
                  <h1>
                    BUY SOME MILES!
                  </h1>
                </p>

                <%= form_tag challenge_donations_path(@challenge) do %>
                  <p>
                    <%= @user_athlete %> thanks you for helping <%= @npname %>, in their quest for making a better world.
                  </p>
                  <p>
                    Learn more about them at: <%= @user_website %>
                  </p>
                  <p>
                    There are still <> miles left you can buy.
                  </p>
                  <p>
                    Each of your donations will buy ONE mile.
                  </p>
<%= text_field_tag :amount %>
<%= text_field_tag :donor_email, placeholder="Please type your email"%>

                    <script
                     src="https://checkout.stripe.com/checkout.js"
                     class="stripe-button"
                     data-key= "<%= @publishable_key %>"
                     data-amount= "<%= @amount %>"
                     data-description= "You are donating to <%= @npname %>"
                     data-image="<%= image_path('iconsmall.jpg') %>"
                     data-name="Mymiles.us"
                     data-panel-label="Donate">
                    </script>

                  <% end %>

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>