h1 = title 'Deine Spende zählt - Verein Legalize it!'

script src="https://checkout.stripe.com/checkout.js"
javascript:
  var handler = StripeCheckout.configure({
    key: "#{Rails.configuration.stripe[:publishable_key]}",
    locale: '#{I18n.locale}',
    image: '#{image_url("ch420_logo.png")}',
    name: 'Verein Legalize it!',
    currency: 'CHF',
    description: 'Initiativspende',
    token: function(token) {
      $('input#stripeToken').val(token.id);
      $('form').submit();
    }
  });
  
h2 Via Kreditkarte online spenden
= form_tag charges_path do
  = hidden_field_tag(:stripeToken)
  #error_explanation.text-danger.hidden
    = flash[:error] if flash[:error].present?
  .row
    .col-xs12.col-md-5
      button.donatebox.btn.btn-success onclick="donate(20)" 20 .-
      button.donatebox.btn.btn-success onclick="donate(50)" 50 .-
      button.donatebox.btn.btn-success onclick="donate(100)" 100 .-
      button.donatebox.btn.btn-success onclick="donate(200)" 200 .-
      button.donatebox.btn.btn-success onclick="donate(500)" 500 .-
      button.donatebox.btn.btn-success onclick="donate(1000)" 1000 .-

    .col-xs12.col-md-6
      .form-group
        strong oder einen eigenen Betrag
      .form-group
        .input-group
          .input-group-addon CHF
          = text_field_tag(:amount, 100  , class: 'form-control')

      .form-group
        button#donateButton.btn.btn-success Spenden übermitteln



h2 Mit Bitcoin, Bitcoin Cash oder Ethereum spenden
.row
  .col-md-6.col-xs-12
    p
      = image_tag '1LaYbTiCjhrUhxrQ9D5BQUfxPmRqJ7Q3gG.png', alt: 'Bitcoin Adresse: 1LaYbTiCjhrUhxrQ9D5BQUfxPmRqJ7Q3gG', width: '150', class: 'pull-right'
    div
      | Gerne nehmen wir auch Spenden via Bitcoin unter folgender Adresse entgegen:
      br
      span.crypto_address 1LaYbTiCjhrUhxrQ9D5BQUfxPmRqJ7Q3gG
      br
      | oder Bitcoin Cash:
      br
      i.crypto_address 1LVGcneFcYqCkhDFNsnhWb6x7cCHHxakg9
  .col-md-6.col-xs-12
    p
      = image_tag 'ethereum_address.png', alt: 'Ethereum Adresse: 0x8747d7F53FdaCD01bb269757E2bdd885B3033A45', width: '150', class: 'pull-right crypto_address'
    div
      | Gerne nehmen wir auch Spenden via Ethereum unter folgender Adresse entgegen:
      br
      span.crypto_address 0x8747d7F53FdaCD01bb269757E2bdd885B3033A45
.clearfix

h2 Per Überweisung spenden
.row
  .col-md-7.col-xs-12
     dl.dl-horizontal
      dt Postkonto:
      dd 87-091354-3, Verein Legalize it!, Quellenstrasse 25, 8005 Zürich
      dt IBAN:
      dd CH02 0900 0000 8709 1354 3
      dt Zahlungszweck:
      dd Spende Initiative
  .col-md-5.col-xs-12
    = link_to asset_path('Einzahlungsschein_Spende_Initiative.pdf') do
        = image_tag('Einzahlungsschein_Spende_Initiative.jpg', class:'img-responsive', alt: 'Einzahlungsschein Spende initiative')

p
 b Wir würden uns freuen, wenn ihr das macht und uns finanziell unter die Arme greift.

p Danke, dein Verein Legalize it!

javascript:
  $('.donatebox').on('click', function(e)  {
    e.preventDefault();
  });

  function donate(amount) {
    $('#amount').val(amount);
    $('#donateButton').click();
  }

  $('#donateButton').on('click', function(e) {
    e.preventDefault();

    $('#error_explanation').html('');

    var amount = $('input#amount').val();
    amount = parseFloat(amount);

    if (isNaN(amount)) {
      $('#error_explanation').toggleClass('hidden')
      $('#error_explanation').html('<p>Bitte geben sie einen Betrag in CHF ein.</p>');
    }
    else if (amount < 10.00) {
      $('#error_explanation').toggleClass('hidden')
      $('#error_explanation').html('<p>Ihre Spende muss mindestens 10.- CHF betragen.</p>');
    }
    else {
      amount = amount * 100; // Needs to be an integer!
      handler.open({
        amount: Math.round(amount)
      })
    }
  });