= stylesheet_link_tag    "stripe_wrapper/stripe_wrapper", media: "all" 
= javascript_include_tag "stripe_wrapper/stripe_wrapper"
= javascript_include_tag 'https://js.stripe.com/v2/'
= form_tag stripe_wrapper_path.process_payment_charges_path, method: :post, role:'form',id: 'stripe_wrapper_payment_form' do
  =hidden_field_tag :stripe_token
  =hidden_field_tag :redirect_path, redirect_url
  .container.payment_partial
    .row
      .col-xs-12.col-md-7.col-md-offset-2
        .panel.panel-default
          .panel-heading
            %h3.panel-title
              Detalles del pago
            / .checkbox.pull-right
            /   %label
            /     %input{:type => "checkbox"}/
            /     Remember
          .panel-body
            %span.payment-errors
            .form-group
              %label{:for => "cardNumber"}
                NÚMERO DE TARJETA
              .input-group
                = text_field_tag :card_number,nil, placeholder: 'Número de tarjeta válido', class: 'form-control',data:{stripe:'number'}
                %span.input-group-addon
                  %span.glyphicon.glyphicon-lock
            .row
              .col-xs-7.col-md-7
                .form-group
                  %label{:for => "expityMonth"} FECHA DE EXPIRACIÓN
                  .col-xs-6.col-lg-6.pl-ziro
                    = text_field_tag :card_month,nil, placeholder: 'Mes', class: 'form-control',data:{stripe:'exp_month'}
                  .col-xs-6.col-lg-6.pl-ziro
                    = text_field_tag :card_year,nil, placeholder: 'Año', class: 'form-control',data:{stripe:'exp_year'}
              .col-xs-5.col-md-5.pull-right
                .form-group
                  %label{:for => "cvCode"}
                    CÓDIGO CV
                  = text_field_tag :card_cv,nil, placeholder: 'CV', class: 'form-control',data:{stripe:'cvc'}
        %ul.nav.nav-pills.nav-stacked
          %li.active
            %a{:href => "#"}
              %span.badge.pull-right
                %span.glyphicon.glyphicon-usd>
                @amount
              Total
        %br/
        =submit_tag 'Pagar', class: 'btn btn-success btn-lg btn-block submit'
:javascript
  Stripe.setPublishableKey("#{ENV['STRIPE_PUBLIC_KEY']}");