{% if currentUser.can('commerce-refundPayment') and transaction.canRefund() %}
  <form method="post">
    {{ csrfInput() }}
    {% import "_includes/forms" as forms %}
    {{ forms.text({
      id: 'amount',
      size: 10,
      name: 'amount',
      placeholder: transaction.paymentCurrency~' '~transaction.refundableAmount
    }) }}
    {{ forms.text({
      id: 'note',
      size: 20,
      name: 'note',
      value: transaction.note,
      placeholder: 'Refund note'|t('commerce'),
    }) }}
    <input type="hidden" name="id" value="{{ transaction.id }}"/>
    <a class="small btn submit formsubmit"
       data-action="commerce/orders/transaction-refund"
       data-confirm="{{ 'Are you sure you want to refund this transaction?'|t('commerce') }}"
       data-redirect="{{ transaction.order.cpEditUrl|hash }}"
    >{{ 'Refund'|t('commerce') }}</a>
  </form>
{% endif %}