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 Spendenbarometer 
b Aktueller Stand: 62'000 CHF
.row 
  .col-xs-12
    .progress-target style="width: 20%"
      = link_to "Variante C:", collection_concept_path
      br
      | 100'000 CHF
    
    .progress-target style="width: 30%"
      = link_to "Variante B:", collection_concept_path
      br
      | 250'000 CHF
    
    .progress-target style="width: 48%"
      = link_to "Variante A:", collection_concept_path
      br
      | 500'000 CHF

    .progress
      .progress-bar.progress-bar-success role="progressbar" aria-valuenow="62000" aria-valuemin="0" aria-valuemax="500000" style="width: 12.4%"

    p Detailliertere Informationen, wie dieses Geld eingesetzt wird, findest du unter <a href="#{collection_concept_path}">«Wie macht man eine Volksinitiative?»</a>

h2 Via Kreditkarte online speden
= form_tag charges_path do
  = hidden_field_tag(:stripeToken)
  #error_explanation.text-danger
    = 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 .-
    .col-xs12.col-md-6
      .form-group
        strong oder einen eigenen Betrag
      .form-group
        .input-group
          .input-group-addon CHF
          = text_field_tag(:amount, 50  , class: 'form-control')
      
      .form-group 
        button#donateButton.btn.btn-success Spenden übermitteln



h2 Mit Bitcoin und Bitcoin Cash 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
      strong 1LaYbTiCjhrUhxrQ9D5BQUfxPmRqJ7Q3gG
  .col-md-6.col-xs-12
    p 
      = image_tag '1LVGcneFcYqCkhDFNsnhWb6x7cCHHxakg9.png', alt: 'Bitcoin Cash Adresse: 1LVGcneFcYqCkhDFNsnhWb6x7cCHHxakg9', width: '150', class: 'pull-right'
    div
      | Oder Bitcoin Cash unter folgender Adresse:
      br
      strong 1LVGcneFcYqCkhDFNsnhWb6x7cCHHxakg9
.clearfix

h2 Per Überweisung spenden
.row
  .col-md-7.col-xs-12
     dl.dl-horizontal
      dt Postkonto:
      dd 87-091354-3, Verein Legalize it!, Postfach 2159, 8031 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').html('<p>Bitte geben sie einen Betrag in CHF ein.</p>');
    }
    else if (amount < 5.00) {
      $('#error_explanation').html('<p>Ihre Spende muss mindestens 5.- CHF betragen.</p>');
    }
    else {
      amount = amount * 100; // Needs to be an integer!
      handler.open({
        amount: Math.round(amount)
      })
    }
  });