<div class="braintree-payment">
  <%= render 'spree/checkout/payment/braintree_initialization', payment_method: payment_method %>

  <div class="braintree-paypal-input">
    <div class="braintree-paypal-header">
      <%= t('solidus_braintree.paypal_header_html') %>
    </div>
    <div id="#braintree_paypal_container"></div>
  </div>
  
  <div class="braintree-cc-input">
    <div class="braintree-cc-header">
      <%= t('solidus_braintree.creditcard_header_html') %>
      <%= image_tag 'credit_cards/credit_card.gif', :id => 'credit-card-image' %>
    </div>
    <% param_prefix = "payment_source[#{payment_method.id}]" %>

    <p class="field">
      <%= label_tag "name_on_card_#{payment_method.id}", Spree.t(:name_on_card) %><span class="required">*</span><br />
      <%= text_field_tag "#{param_prefix}[name]", "#{@order.billing_firstname} #{@order.billing_lastname}", { id: "name_on_card_#{payment_method.id}", :autocomplete => "cc-name" } %>
    </p>

    <p class="field" data-hook="card_number">
      <%= label_tag "braintree_card_number", Spree.t(:card_number) %><span class="required">*</span><br />
      <label for="braintree_card_number" id="braintree_card_number" class="braintree-hosted-field"></label>
      &nbsp;
      <span id="card_type" style="display:none;">
        ( <span id="looks_like" ><%= Spree.t(:card_type_is) %> <span id="type"></span></span>
        <span id="unrecognized"><%= Spree.t(:unrecognized_card_type) %></span>
        )
      </span>
    </p>

    <p class="field" data-hook="card_expiration">
      <%= label_tag "braintree_card_expiry", Spree.t(:expiration) %><span class="required">*</span><br />
      <label for="braintree_card_expiry" id="braintree_card_expiry" class="braintree-hosted-field"></label>
    </p>

    <p class="field" data-hook="card_code">
      <%= label_tag "braintree_card_code", Spree.t(:card_code) %><span class="required">*</span><br />

      <label for="braintree_card_code" id="braintree_card_code" class="braintree-hosted-field card-code"></label>
      <%= link_to "(#{Spree.t(:what_is_this)})", spree.cvv_path, :target => '_blank', "data-hook" => "cvv_link", :id => "cvv_link" %>
    </p>
  </div>

  <% if @order.bill_address %>
    <%= fields_for "#{param_prefix}[address_attributes]", @order.bill_address do |f| %>
      <%= render :partial => 'spree/address/form_hidden', :locals => { :form => f } %>
    <% end %>
  <% end %>

  <%= hidden_field_tag "#{param_prefix}[cc_type]", '', :id => "cc_type", :class => 'ccType' %>
  <%= hidden_field_tag "order[payments_attributes][][payment_method_nonce]", '', :id => "payment_method_nonce" %>
</div>