217 lines
10 KiB
Plaintext
217 lines
10 KiB
Plaintext
div layout="screen" layout-id="checkoutPayment" id="checkoutPaymentScreen" class="screen secondary no-login-required"
|
|
.content
|
|
.content-head
|
|
.content-icon= image_tag("content/icon_shopping_cart.png", {:height => 19, :width => 19})
|
|
h1 check out
|
|
= render "screen_navigation"
|
|
.content-body
|
|
.content-body-scroller
|
|
.content-wrapper
|
|
.checkout-navigation-bar
|
|
.payment-wrapper
|
|
p.payment-prompt.free-jamtrack.hidden
|
|
| Please enter your billing address and payment information below.
|
|
| You will not be billed for any charges of any kind without your explicit authorization.
|
|
| There are no "hidden" charges or fees, thank you!
|
|
p.payment-prompt.no-free-jamtrack.hidden
|
|
| Please enter your billing address and payment information below.
|
|
p.payment-prompt.already-entered.hidden
|
|
| You recently entered payment info successfully. If you want to change your payment info, click the CHANGE PAYMENT INFO button. Otherwise, click the NEXT button to checkout.
|
|
span.change-payment-info-holder
|
|
a.button-orange.change-payment-info href='#' CHANGE PAYMENT INFO
|
|
form.hidden class="payment-info" id="checkout-payment-info"
|
|
.row.first
|
|
.left-side
|
|
.billing-address
|
|
h2.billing-caption BILLING ADDRESS
|
|
#divBillingFirstName.field
|
|
.billing-label
|
|
label for="billing-first-name" First Name: *
|
|
.billing-value
|
|
input type="text" id="billing-first-name"
|
|
.clearall
|
|
#divBillingLastName.field
|
|
.billing-label
|
|
label for="billing-last-name" Last Name: *
|
|
.billing-value
|
|
input type="text" id="billing-last-name"
|
|
.clearall
|
|
#divBillingAddress1.field
|
|
.billing-label
|
|
label for="billing-address1" Address 1: *
|
|
.billing-value
|
|
input type="text" id="billing-address1"
|
|
.clearall
|
|
#divBillingAddress2.field
|
|
.billing-label
|
|
label for="billing-address2" Address 2:
|
|
.billing-value
|
|
input type="text" id="billing-address2"
|
|
.clearall
|
|
#divBillingCity.field
|
|
.billing-label
|
|
label for="billing-city" City: *
|
|
.billing-value
|
|
input type="text" id="billing-city"
|
|
.clearall
|
|
#divBillingState.field
|
|
.billing-label
|
|
label for="billing-state" State/Region: *
|
|
.billing-value
|
|
input type="text" id="billing-state"
|
|
.clearall
|
|
#divBillingZip.field
|
|
.billing-label
|
|
label for="billing-zip" Zip: *
|
|
.billing-value
|
|
input type="text" id="billing-zip"
|
|
.clearall
|
|
#divBillingCountry.field
|
|
.billing-label
|
|
label for="billing-country" Country: *
|
|
.billing-value
|
|
select id="billing-country"
|
|
option value="US" US
|
|
.clearall
|
|
.right-side
|
|
.payment-method
|
|
h2.payment-method-caption PAYMENT METHOD
|
|
.new-card-info
|
|
#divCardName.field.hidden
|
|
.card-label
|
|
label for="card-name" Name of Card: *
|
|
.card-value
|
|
input type="text" id="card-name"
|
|
.clearall
|
|
#divCardNumber.field
|
|
.card-label
|
|
label for="card-number" Card Number: *
|
|
.card-value
|
|
input type="text" id="card-number"
|
|
.clearall
|
|
#divCardExpiry.field
|
|
.card-label Expiration Date: *
|
|
.card-value
|
|
=date_select("card", "expire-date", use_two_digit_numbers: true, discard_day: true, :start_year => Time.now.year, :end_year => Time.now.year + 18, :order => [:month, :day, :year], :default => -25.years.from_now, :html => {:class => "account-profile-birthdate", :id => "card-expiry"})
|
|
.clearall
|
|
#divCardVerify.field
|
|
.card-label
|
|
label for="card-verify"
|
|
| CVV Code: *
|
|
.hint.cvv
|
|
| (back of card)
|
|
.card-value
|
|
input type="text" id="card-verify"
|
|
.clearall
|
|
.reuse-existing-card
|
|
.card-label
|
|
.card-value
|
|
.reuse-existing-card-checkbox.ichecbuttons
|
|
input type="checkbox" id="reuse-existing-card" name="reuse-existing-card" checked="checked"
|
|
.reuse-existing-card-helper
|
|
label for="reuse-existing-card"
|
|
| Use card ending in
|
|
span.existing-card-ends-with
|
|
.clearall
|
|
.card-label
|
|
.card-value
|
|
.save-card-checkbox.ichecbuttons
|
|
input type="checkbox" id="save-card" name="save-card" checked="checked"
|
|
.divSaveCardHelper
|
|
label for="save-card" Save card for future use
|
|
.clearall
|
|
.clearall
|
|
.clearall
|
|
.row.second
|
|
left-side.hidden
|
|
.shipping-address
|
|
h2.shipping-address-label SHIPPING ADDRESS
|
|
.shipping-as-billing.ichecbuttons
|
|
input type="checkbox" id="shipping-as-billing" name="shipping-as-billing" checked="checked"
|
|
.divBillingHelper
|
|
label for="shipping-as-billing" Same as billing address
|
|
.clearall
|
|
.shipping-address-detail.hidden
|
|
#divShippingFirstName.field
|
|
.shipping-label
|
|
label for="shipping-first-name" First Name:
|
|
.shipping-value
|
|
input type="text" id="shipping-first-name"
|
|
.clearall
|
|
#divShippingLastName.field
|
|
.shipping-label
|
|
label for="shipping-last-name" Last Name:
|
|
.shipping-value
|
|
input type="text" id="shipping-last-name"
|
|
.clearall
|
|
#divShippingAddress1.field
|
|
.shipping-label
|
|
label for="shipping-address1" Address 1:
|
|
.shipping-value
|
|
input type="text" id="shipping-address1"
|
|
.clearall
|
|
#divShippingAddress2.field
|
|
.shipping-label
|
|
label for="shipping-address2" Address 2:
|
|
.shipping-value
|
|
input type="text" id="shipping-address2"
|
|
.clearall
|
|
#divShippingCity.field
|
|
.shipping-label
|
|
label for="shipping-city" City:
|
|
.shipping-value
|
|
input type="text" id="shipping-city"
|
|
.clearall
|
|
#divShippingState.field
|
|
.shipping-label
|
|
label for="shipping-state" State/Region:
|
|
.shipping-value
|
|
input type="text" id="shipping-state"
|
|
.clearall
|
|
#divShippingZip.field
|
|
.shipping-label
|
|
label for="shipping-zip" Zip:
|
|
.shipping-value
|
|
input type="text" id="shipping-zip"
|
|
.clearall
|
|
#divShippingCountry.field
|
|
.shipping-label
|
|
label for="shipping-country" Country:
|
|
.shipping-value
|
|
input type="text" id="shipping-country"
|
|
.clearall
|
|
.right-side
|
|
.jamkazam-account-signup
|
|
h2.jamkazam-account-caption JAMKAZAM ACCOUNT
|
|
#divJamKazamEmail.field
|
|
.account-label
|
|
label for="email" Email Address: *
|
|
.account-value
|
|
input name="email" id="checkout-signup-email" type="text"
|
|
.clearall
|
|
#divJamKazamPassword.field
|
|
.account-label
|
|
label for="password" Password: *
|
|
.account-value
|
|
input name="password" id="checkout-signup-password" type="password"
|
|
.clearall
|
|
#divJamKazamTos.field
|
|
.terms-of-service.ichecbuttons
|
|
input type="checkbox" name="terms-of-service"
|
|
.terms-of-service-label-holder
|
|
label for="terms-of-service"
|
|
| I have read and agree to the JamKazam
|
|
a rel="external" href=corp_terms_path terms of service
|
|
.clearall
|
|
.clearall
|
|
.row.third.hidden#payment_error
|
|
|
|
|
|
.clearall
|
|
.action-bar
|
|
|
|
.right
|
|
a href="#" id="payment-info-help" class="button-grey" HELP
|
|
a href="#" id="payment-info-next" class="button-orange" NEXT
|
|
.clearall
|