.payments ng-controller="PaymentsController" class="payment_view_#{@payment.order.try(:service_title_en).try(:downcase).try(:gsub, /[^a-z]/, '_')}"
  - unless current_account.blank?
    = render partial: 'account/submenu'
  .cabinet_page_title
    h2 = I18n.t(:payment, scope: [:payments, :text])

  .content[
    ng-init="init({token: '#{params[:id]}'})"
  ]
    .payments_title
      span = I18n.t :payment_id, scope: [:payments, :text], payment_id: @payment.order.number

    .payments_list
      = render partial: 'details', locals: { order: @payment.order }

      .payments_total
        .payments_total_price
          span = I18n.t :total_price, scope: [:payments, :text]
          p ng-bind-lazy='formatValue(payment.amount)' data-lazy-factor='payment.amount > 0'
            sup $
            = @payment.amount
        - if @payment.discount_cost > 0
          .payments_savings
            span = I18n.t :savings, scope: [:payments, :text]
            p ng-bind-lazy='formatValue(payment.discount_cost)' data-lazy-factor='payment.discount_cost > 0'
              sup $
              = @payment.discount_cost

      .field_item.field_currency
        label = I18n.t :currency, scope: [:payments, :label]
        .field_item_content
          .radio_buttons.radio_currency
            .radio_buttons_item ng-repeat="currency in currencies"
              input.ui-helper-hidden-accessible[
                id="payment_currency_id_{{currency.id}}"
                ng-value="currency"
                name="payment[currency]"
                type="radio"
                ng-model="payment.currency"
              ]
              label.ui-button.ui-widget.ui-state-default[
                for="payment_currency_id_{{currency.id}}"
                ng-class="{'ui-state-active': equals(payment.currency, currency)}"
                role="button"
              ]
                span.ui-button-text ng-bind="currency.currency"

      .field_item.field_payment
        label = I18n.t :payment_type, scope: [:payments, :label]
        .field_item_content
          .radio_buttons.radio_payment
            .radio_buttons_item ng-repeat="payment_type in payment_types"
              input.ui-helper-hidden-accessible[
                id="payment_payment_type_id_{{payment_type.id}}"
                ng-value="payment_type"
                name="payment[payment_type]"
                type="radio"
                ng-model="payment.payment_type"
              ]
              label.ui-button.ui-widget.ui-state-default[
                for="payment_payment_type_id_{{payment_type.id}}"
                ng-class="{'ui-state-active': equals(payment.payment_type, payment_type), '{{'field_'+payment_type.code}}': true}"
                role="button"
              ]
                span.ui-button-text ng-bind="payment_type.title"

      .field_item.field_total
        .field_pay
          .field_pay_total
            span = I18n.t :total_to_pay, scope: [:payments, :text]
            p ng-bind-lazy='formatValue(payment.amount)' data-lazy-factor='payment.amount > 0'
              sup $
              = @payment.amount

            - if feature_enabled? :vat_notice
              span.vat_block.ng-cloak ng-if="in_eu"
                = t 'new_order.text.price_with_vat'
            span.approximately_price.ng-cloak[
              ng-if="price.should_currency_convert"
            ] = t('new_order.text.converted_summary_tmpl')

          - if @payment.discount_cost > 0
            .field_savings
              span = I18n.t :savings, scope: [:payments, :text]
              p ng-bind-lazy='formatValue(payment.discount_cost)' data-lazy-factor='payment.discount_cost > 0'
                sup $
                = @payment.discount_cost
        .field_submit
          button.button.button_proceed[
            ng-click='submit($event)'
          ] = I18n.t :submit, scope: [:payments, :button]


  / .content ng-init="init('#{@payment.payment_token}', #{@payment.payment_price}, #{@payment.payment_type_id||0}, null, #{@payment.service_is_resume}, #{@payment.pages_num})"
    - unless params[:order].blank?
      = render partial: 'payments/transactions/menu'
    / .tabs
    = form_for @payment, as: :payment, url: payments_transaction_path(id: @payment.payment_token), html: {class: "tabs ng-tabs", id: "payment_form", ng_submit: "submit($event)" } do |f|
      .tab_item
        .tabs_payment
          input name="payment[payment_type_id]" ng-model="payment.payment_type_id" type="hidden" value="{{payment.payment_type_id}}"


        .field_total_price
          div
            p
              ' Total price:
              span ng-bind='formatValue(payment.amount)'

          = f.submit "Proceed to safe payment", class: "button medium button_proceed", ng_click: "submit($event)"

  = render_cell :widgets, :sidebar, css_names: "sidebar", structure: structure_by(slug: 'order-text')