%script{ type: "text/ng-template", id: "admin/panels/proxy_orders.html" }
  %form.margin-top-30{ name: 'subscription_form', "ng-controller": 'OrdersPanelController' }
    .row.subscription-orders
      .fourteen.columns.offset-by-one
        %table
          %col{ style: 'width: 30%' }
          %col{ style: 'width: 30%' }
          %col{ style: 'width: 20%' }
          %col{ style: 'width: 20%' }
          %thead
            %th= t('admin.order_cycle')
            %th= t('admin.status_state')
            %th= t('total')
            %th.actions
          %tbody
            %tr.proxy_order{ id: "po_{{proxyOrder.id}}", "ng-repeat": 'proxyOrder in subscription.not_closed_proxy_orders' }
              %td
                %div{ "ng-bind": "::orderCycleName(proxyOrder.order_cycle_id)" }
                %div{ "ng-bind": "::orderCycleCloses(proxyOrder.order_cycle_id)" }
              %td.text-center
                %span.state{ "ng-class": "proxyOrder.state", "ng-bind": 'stateText(proxyOrder.state)' }
              %td.text-center{ "ng-bind": '(proxyOrder.total || subscription.estimatedTotal()) | localizeCurrency' }
              %td.actions
                %a.edit-order.icon-edit.no-text{ href: '{{::proxyOrder.edit_path}}', target: '_blank', 'ofn-with-tip' => t(:edit_order), confirm_order_edit: true }
                %a.cancel-order.icon-remove.no-text{ href: 'javascript:void(0)', "ofn-with-tip": t(:cancel_order), "ng-hide": "proxyOrder.state == 'canceled'", "ng-click": "cancelOrder(proxyOrder)" }
                %a.resume-order.icon-resume.no-text{ href: 'javascript:void(0)', "ofn-with-tip": t(:resume_order), "ng-show": "proxyOrder.state == 'canceled'", "ng-click": "resumeOrder(proxyOrder)" }