app/views/catarse_moip/moip/review.html.slim
= javascript_include_tag 'catarse_moip'
#catarse_moip_form
= form_tag 'jaascript:void(0);', :class => 'moip' do
.back-payment-moip-options.next_step_after_valid_document
.w-row.list_payment.w-form
.w-col.w-col-7.w-col-small-7.back-payment-moip-options-column
.w-radio.w-clearfix
= radio_button_tag 'payment_type', "cards", false, class: 'w-radio-input back-payment-radio-button'
= label_tag :payment_type_cards, nil, class: "cards w-form-label" do
= image_tag 'catarse_bootstrap/payment_cards.jpg'
.w-col.w-col-5.w-col-small-5.back-payment-moip-options-column
.w-radio.w-clearfix
= radio_button_tag 'payment_type', "boleto", false, class: 'w-radio-input back-payment-radio-button'
= label_tag :payment_type_boleto, class: "boleto w-form-label" do
= image_tag 'catarse_bootstrap/payment_boleto.png'
.formwrapper
#payment_type_cards_section.payment_section
.w-row
.w-col.w-col-6.w-sub-col
= label_tag :payment_card_name, "Nome do titular do cartão", class: 'field-label fontweight-semibold'
= text_field_tag :payment_card_name, nil, class: 'w-input text-field', required: true
.fontsize-smaller.text-error.u-marginbottom-20.fa.fa-exclamation-triangle.w-hidden[data-error-for="payment_card_name"]
| Por favor digite o nome escrito no cartão
.w-col.w-col-6.cpf
= label_tag :payment_card_cpf, "CPF", class: 'field-label fontweight-semibold'
= phone_field_tag :payment_card_cpf, nil, class: 'w-input text-field', data: {fixed_mask: '999.999.999-99'}, required: true
.fontsize-smaller.text-error.u-marginbottom-20.fa.fa-exclamation-triangle.w-hidden[data-error-for="payment_card_cpf"]
| Verifique o CPF do titular do cartão
.w-row
.w-col.w-col-6.w-col-small-6.w-col-tiny-6.w-sub-col-middle.phone
= label_tag :payment_card_phone, "Telefone", class: 'field-label fontweight-semibold'
= phone_field_tag :payment_card_phone, nil, class: 'w-input text-field', data: {fixed_mask: '(99) 9999-99999'}, required: true
.fontsize-smaller.text-error.u-marginbottom-20.fa.fa-exclamation-triangle.w-hidden[data-error-for="payment_card_phone"]
| Por favor digite o telefone de contato do titular
.w-col.w-col-6.w-col-small-6.w-col-tiny-6.birth
= label_tag :payment_card_birth, "Data de Nascimento", class: 'field-label fontweight-semibold'
= phone_field_tag :payment_card_birth, nil, class: 'w-input text-field', data: {fixed_mask: '99/99/9999'}, required: true
.fontsize-smaller.text-error.u-marginbottom-20.fa.fa-exclamation-triangle.w-hidden[data-error-for="payment_card_birth"]
| Por favor digite a data de nascimento do titular
.w-row
.w-col.w-col-6.w-sub-col.number
= label_tag :payment_card_number, 'Número do cartão' , class: 'field-label fontweight-semibold'
.w-row
.w-col.w-col-9.w-col-small-9.w-col-tiny-9
= phone_field_tag :payment_card_number, nil, class: 'w-input text-field prefix', required: true
.w-col.w-col-3.w-col-small-3.w-col-tiny-3.text-field.postfix.no-hover
#payment_card_flag.fontsize-smallest.fontcolor-secondary.u-text-center
.fontsize-smaller.text-error.u-marginbottom-20.fa.fa-exclamation-triangle.w-hidden[data-error-for="payment_card_number"]
| Por favor verifique o número do cartão de crédito
.w-col.w-col-6
.w-row
.w-col.w-col-6.w-col-small-6.w-col-tiny-6.w-sub-col-middle.source
= label_tag :payment_card_source, 'Cód. Segurança', class: 'field-label fontweight-semibold w-hidden-medium'
= label_tag :payment_card_source, 'CVC', class: 'field-label fontweight-semibold w-hidden-main w-hidden-small w-hidden-tiny'
= phone_field_tag :payment_card_source, nil, class: 'w-input text-field', required: true
.fontsize-smaller.text-error.u-marginbottom-20.fa.fa-exclamation-triangle.w-hidden[data-error-for="payment_card_source"]
| Veja o código de segurança do cartão abaixo da tarja magnética
.w-col.w-col-6.w-col-small-6.w-col-tiny-6.date
= label_tag :payment_card_date, 'Expiração', class: 'field-label fontweight-semibold'
= phone_field_tag :payment_card_date, nil, class: 'w-input text-field', data: {fixed_mask: '99/99'}, required: true
.fontsize-smaller.text-error.u-marginbottom-20.fa.fa-exclamation-triangle.w-hidden[data-error-for="payment_card_date"]
| Qual a data de expiração no cartão?
.w-row
.w-col.w-col-12
.payment-error-message.card.card-error.u-radius.zindex-10.u-marginbottom-30.w-hidden
.fontsize-smaller.fontweight-bold.u-marginbottom-10= t('.review_errors_title')
.message-text.fontsize-smaller = t('.review_errors')
.w-row
.w-col.w-col-push-3.w-col-6
.loader.u-text-center.w-col.w-col-12.u-marginbottom-30 = image_tag "catarse_bootstrap/loader.gif"
= submit_tag t('projects.contributions.review.form.labels.submit'), class: 'btn btn-large u-marginbottom-20', id: "credit_card_submit"
= render partial: 'terms'
#payment_type_boleto_section.w-hidden.payment_section
.w-row
.w-col.w-col-6
= label_tag 'user_document_payment_slip', t('projects.contributions.review.form.labels.document'), class: 'field-label fontweight-semibold'
= phone_field_tag 'user_document_payment_slip', nil, { autocomplete: 'off', class: 'w-input text-field', required: true }
.fontsize-smaller.text-error.u-marginbottom-20.fa.fa-exclamation-triangle.w-hidden[data-error-for="user_document_payment_slip"]
| Verifique o CPF ou CNPJ
.w-row
.w-col.w-col-12
#payment-slip-instructions.card.card-message.u-radius.fontsize-small.zindex-10.u-marginbottom-30
| Após clicar no botão abaixo, você receberá um link com o boleto para completar o pagamento.
.w-row
.w-col.w-col-12
.payment-error-message.card.card-error.u-radius.zindex-10.u-marginbottom-30.w-hidden
.fontsize-smaller.fontweight-bold.u-marginbottom-10= t('.review_errors_title')
.message-text.fontsize-smaller = t('.review_errors')
.w-row
.w-col.w-col-12
#payment-slip-link.card.card-message.fontsize-small.u-radius.u-marginbottom-30.zindex-10.w-hidden
.link_content.fontsize-smaller
.fontsize-smaller Você também receberá um email com esse boleto.
.w-row
.w-col.w-col-push-3.w-col-6
#card-loading.loader.u-text-center.w-col.w-col-12.u-marginbottom-30 = image_tag "catarse_bootstrap/loader.gif"
= submit_tag t('projects.contributions.review.form.labels.build_boleto'), class: 'btn btn-large u-marginbottom-20', id: "build_boleto"
= render partial: 'terms'
== javascript_include_tag js_moip_index_path