<%- # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later -%>
<% content_for(:dont_track_ga) {'true'} %>
<% content_for(:hide_nav_beacon) {'true'} %>

<% content_for(:title) {"Donate to #{@nonprofit.name }"} %>



<% content_for :javascripts do %>
  <script>
    app.referer_url = "<%= @referer %>"
    app.nonprofit.plan_tier = <%= QueryBillingSubscriptions.plan_tier(@nonprofit.id) %>
    app.campaign = <%= raw (@campaign || {}).to_json %>
    app.currency_symbol = "<%= @nonprofit.currency_symbol %>"
    app.utmParams = {
      utm_campaign: "<%= params[:utm_campaign] %>",
      utm_content: "<%= params[:utm_content] %>",
      utm_medium: "<%= params[:utm_medium] %>",
      utm_source: "<%= params[:utm_source] %>"
    }
    app.iframeParams = document.location.search
    app.countriesList = <%= raw (@countries_translations).to_json %>
    app.show_state_field = <%= Settings.show_state_field %>
    I18n.defaultLocale = "<%=  I18n.default_locale %>"
    I18n.locale = "<%=  I18n.locale %>"
  </script>
  <%= IncludeAsset.js '/client/js/nonprofits/donate/page.js' %>
<% end %>

<% content_for :stylesheets do %>
	<%= stylesheet_link_tag 'nonprofits/donate/page' %>
<% end %>

<%= content_for :facebook_tags do %>
	<meta property='og:title' content='I support <%= @nonprofit.name %>!'>
	<meta property='og:description' content='<%= @nonprofit.summary %>'>
	<meta property='og:image' content='<%= @nonprofit.main_image_url(:nonprofit_carousel) %>'>
<% end %>

<%= content_for :twitter_tags do %>
	<meta property="twitter:title" content="I support <%= raw @nonprofit.name %>!">
	<meta property="twitter:description" content="<%= raw @nonprofit.summary %>">
	<meta property="twitter:image" content="<%= @nonprofit.main_image_url(:nonprofit_carousel) %>" />
<% end %>

<% content_for :body_id do %>donate<% end %>


  <div class='donate-popup donationWizard'>
    <div class='js-donateForm'> </div>
  </div>
<%= render 'layouts/javascripts' %>
<%= yield :javascripts %>