div layout="screen" layout-id="checkoutOrder" id="checkoutOrderScreen" class="screen secondary"
  .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
          .order-panel
            .payment-wrapper
              p.order-prompt.hidden
                | Please review your order, and if everything looks correct, click the PLACE YOUR ORDER button. Thank you!
              p.empty-cart-prompt.hidden
                | You have nothing in your cart.  You can go browse for JamTracks&nbsp;
                a href="/client#/jamtrack/search" here
                | .
              p.no-account-info-prompt.hidden
                | You have no billing info.  Please go back to the&nbsp;
                a href="/client#/checkoutPayment" Payment
                | &nbsp;page to enter your billing info.
              .order-content

              #order_error.error.hidden
              .clearall
                .action-bar

                  .right
                    a.button-grey href="#" id="checkout-info-help" HELP
                    a.button-grey.back href="#" BACK
                    a.button-orange.place-order href="#" PLACE YOUR ORDER
                  .clearall



script type='text/template' id='template-order-content'
  .order-left-page
    .payment-info-page
      h2 ADDRESS & PAYMENT
      .address-info
        .billing-address
          .billing-caption
            | BILLING ADDRESS:
            a.change-payment-info href="#" change
          .clearall
          .billing-info-item= "{{data.billing_info.address1}}"
          .billing-info-item= "{{data.billing_info.address2}}"
          .billing-info-item
            | {{data.billing_info.city}}, {{data.billing_info.state}} {{data.billing_info.zip}}
            span.country= "{{data.billing_info.country}}"
        .shipping-address
          .billing-caption
            | SHIPPING ADDRESS:
            a.change-payment-info href="#" change
          .clearall
          = "{% if (data.shipping_as_billing) { %}"
          .billing-info-item Same as billing address
          = "{% } else { %}"
          .billing-info-item= "{{data.shipping_info.address1}}"
          .billing-info-item= "{{data.shipping_info.address2}}"
          .billing-info-item
            | {{data.shipping_info.city}}, {{data.shipping_info.state}} {{data.shipping_info.zip}}
            span.country= "{{data.shipping_info.country}}"
          = "{% } %}"
          br
      .payment-method-info
        .billing-caption
          | PAYMENT METHOD:
          a.change-payment-info href="#" change
        .clearall

        /= image_tag ''
        ="Credit card ending {{data.billing_info.last_four}}"

      .clearall
    .order-items-page
      h2 ORDER DETAILS
      .cart-items
        .cart-item-caption
          span YOUR ORDER INCLUDES:
        .cart-item-price
          span PRICE
        .cart-item-quantity
          span QUANTITY
        .clearall
        = "{% if (data.carts.length == 0) { %}"
        .no-cart-items You have no orders now.
        = "{% } %}"
        = "{% _.each(data.carts, function(cart) { %}"
        .cart-item cart-id="{{cart.id}}"
          .cart-item-caption
            = "{{cart.product_info.sale_display}}"
            = "{% if (cart.product_info.free) { %}"
            span.first-one-free
              | (first one free)
            = "{% } %}"

          .cart-item-price
            = "$ {{Number(cart.product_info.real_price).toFixed(2)}}"
          .cart-item-quantity
            = "{{cart.quantity}}"
          .clearall
        = "{% }); %}"
    .clearall
  .order-right-page
    h2 PLACE ORDER
    .recurly-data.hidden
      .plan.jamtrack data-plan-code="{{gon.recurly_tax_estimate_jam_track_plan}}"
        input data-recurly="plan" type="text" value="{{gon.recurly_tax_estimate_jam_track_plan}}"
        input data-recurly="currency" type="text" value="USD"
        input data-recurly="postal_code" type="text" value="{{data.billing_info.zip}}"
        input data-recurly="country" type="text" value="{{data.billing_info.country}}"
    .order-summary
      .place-order-center
        a.button-orange.place-order href="#" PLACE YOUR ORDER
      .clearall

      .billing-caption ORDER SUMMARY:
      .order-items-header.order-total Order items:
      .order-items-value.order-total= "{{data.sub_total}}"
      .clearall
      .order-items-header.shipping-handling Shipping & handling:
      .order-items-value.shipping-handling= "{{data.shipping_handling}}"
      .clearall
      .line
      .order-items-header.sub-total Total before tax:
      .order-items-value.sub-total= "{{data.sub_total}}"
      .clearall
      .order-items-header.taxes Estimated taxes:
      .order-items-value.taxes= "{{data.taxes}}"
      .clearall
      .line
      .order-items-header.grand-total Order total:
      .order-items-value.grand-total= "{{data.grand_total}}"
      .clearall
      .order-help
        span By placing your order, you agree to JamKazam's
        '
        a href="/corp/terms" rel="external" terms of service
        span
          | , including the
        '
        a href="/corp/terms#purchasing-jamtracks" rel="external" JamTracks purchase terms
        span .
  .clearall

script type='text/template' id='template-purchased-jam-track'
  li data-jam-track-id="{{data.jam_track_id}}"