diff --git a/src/resources/vue/Wallet.vue b/src/resources/vue/Wallet.vue --- a/src/resources/vue/Wallet.vue +++ b/src/resources/vue/Wallet.vue @@ -115,7 +115,7 @@ {{ $t('wallet.norefund') }} </div> </div> - <div id="auto-payment" v-if="paymentForm == 'auto'"> + <div id="auto-payment" v-if="paymentForm == 'auto' && !mandate.isFixed"> <form data-validation-prefix="mandate_"> <p> {{ $t('wallet.auto-payment-hint') }} @@ -149,6 +149,31 @@ {{ $t('wallet.norefund') }} </div> </div> + <div id="auto-payment" v-if="paymentForm == 'auto' && mandate.isFixed"> + <form data-validation-prefix="mandate_"> + <p> + You will be charged for the full amount of your plan on your credit-card. + </p> + <div class="row mb-3"> + <label for="mandate_amount" class="col-sm-6 col-form-label">{{ $t('wallet.fill-up') }}</label> + <div class="col-sm-6"> + <div class="input-group"> + <input type="text" class="form-control" id="mandate_amount" v-model="mandate.amount" required> + <span class="input-group-text">{{ wallet.currency }}</span> + </div> + </div> + </div> + <p v-if="!mandate.isValid"> + {{ $t('wallet.auto-payment-next') }} + </p> + <div v-if="mandate.isValid && mandate.isDisabled" class="disabled-mandate alert alert-danger m-0"> + {{ $t('wallet.auto-payment-disabled-next') }} + </div> + </form> + <div class="alert alert-warning m-0 mt-3"> + {{ $t('wallet.norefund') }} + </div> + </div> </modal-dialog> </div> </template>