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

	{% block vrpayment_order_action_refund_amount_partial %}
		<mt-number-field
		 :max="this.$parent.$parent.itemRefundableAmount"
		 :min="0.00"
		 v-model="refundAmount"
		 :label="$tc('vrpayment-order.refund.refundAmount.label')"
		 :suffix="currency">
		</mt-number-field>

		<div>
			{{ $tc('vrpayment-order.refundAction.maxAvailableAmountToRefund') }}:
			<b>{{ this.$parent.$parent.itemRefundableAmount }}</b>
		</div>
	{% endblock %}

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

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