<% @webmoney = Spree::WebMoneyDecorator.new(@order.payments.last.try(:source)) %>

<%= image_tag 'webmoney.png' %>

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

<%= label_tag "email", Spree.t(:email) %>*
<%= text_field_tag "#{param_prefix}[email]", @order.email, { id: "email", class: 'form-control required'} %>

<%= hidden_field_tag "#{param_prefix}[prepaid_number]", "" %>
<%= label_tag "prepaid_number", Spree.t(:prepaid_number) %>*
<%= text_field_tag nil, "", { id: "ppn1", class: 'form-control required webmoney_pin', size: 4, maxlength: 4 } %>
<%= text_field_tag nil, "", { id: "ppn2", class: 'form-control required webmoney_pin', size: 4, maxlength: 4 } %>
<%= text_field_tag nil, "", { id: "ppn3", class: 'form-control required webmoney_pin', size: 4, maxlength: 4 } %>
<%= text_field_tag nil, "", { id: "ppn4", class: 'form-control required webmoney_pin', size: 4, maxlength: 4 } %>
<% if @webmoney.prepaid_cards.present? %> <%= hidden_field_tag "#{param_prefix}[payment_uuid]", @webmoney.payment_uuid %>
<% @webmoney.prepaid_cards.each do |card| %> <% end %>
**** **** **** <%= card["last_four_digits"] %> <%= card["points"] %>
<%= t('spree.komoju.web_money.balance_remaining') %> <%= @webmoney.short_amount %> <%= t('spree.komoju.web_money.points') %>
<% end %>
<%= javascript_tag <<-JS SpreeKomoju = { addWebMoneyListener: function() { $(".webmoney input.webmoney_pin").keyup(function() { var length = $(this).val().length; if (length == 4) { $nextInput = $('input.webmoney_pin:eq(' + ($('input.webmoney_pin').index(this) + 1) + ')'); $nextInput.focus(); } }); $(".webmoney").parents('form').has("input.webmoney_pin").submit(function() { var prepaid_number = $("#ppn1").val() + $("#ppn2").val() + $("#ppn3").val() + $("#ppn4").val(); $(this).find("input[name*=prepaid_number]").val(prepaid_number) $(this).find("input.webmoney_pin").prop('disabled', true) }) } } $(document).ready(function() { SpreeKomoju.addWebMoneyListener(); }) JS %>