{% block vrpayment_order_action_refund_by_amount %}
<sw-modal variant="small"
		  :title="$tc(`vrpayment-order.modal.title.refund`)"
		  @modal-close="$emit('modal-close')">

	{% block vrpayment_order_action_refund_amount_by_amount %}
		<mt-number-field
		 :max="refundableAmount"
		 :min="0"
		 v-model="refundAmount"
		 :label="$tc('vrpayment-order.refund.refundAmount.label')"
		 :suffix="currency">
		</mt-number-field>
	{% endblock %}

	{% block vrpayment_order_action_refund_confirm_button_by_amount %}
	<template #modal-footer>
		<mt-button variant="primary" @click="refundByAmount()">
			{{ $tc('vrpayment-order.refundAction.confirmButton.text') }}
		</mt-button>
	</template>
	{% endblock %}

	<mt-loader v-if="isLoading"></mt-loader>
</sw-modal>
{% endblock %}
