_klarna_credit.html.erb

<% param_prefix = "payment_source[#{payment_method.id}]" %>

<div class="klarna_credit_box" data-order-id="<%= @order.number %>" data-payment-method-id="<%= payment_method.id %>" data-preferred-payment-method="<%= payment_method.options[:payment_method] %>">
  <div class="header">
    <div class="logo">
      <img src="https://cdn.klarna.com/1.0/shared/image/generic/logo/en_us/basic/white.png?width=80" width="80px">
    </div>
  </div>

  <%= hidden_field_tag "#{param_prefix}[authorization_token]", "", {id: "klarna_authorization_token"} %>
  <div class="klarna_error general_error flash error"><%= Spree.t('klarna.general_error') %></div>
  <div class="klarna_error denied_error flash error"><%= Spree.t('klarna.denied_error') %></div>
  <div id="klarna_container"></div>
</div>

<script type="text/javascript" id="klarna-credit-lib-x">
/* <![CDATA[ */
KlarnaGateway.loadSdk(this, document, function() {
  jQuery(".klarna_credit_box").klarnaAuthorize({
    onSubmit:function(settings) {
      // Update the order when a coupon was applied in this step
      if ($('#coupon_status').length > 0) {
        Spree.ajax({
          method: "POST",
          url: settings.sessionUrl,
          data: {klarna_payment_method_id: settings.paymentId},
          async: false
        })
      }
    }
  });
});
 /* ]]> */
</script>