From d50c629476f7911c1ea1d26dc062bf95df7db0d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Thu, 29 Jul 2021 15:26:01 +0200
Subject: [PATCH] Show a message about preauthorizing credit card

---
 .../gateways/mollie/credit_card/pay.blade.php | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/resources/views/portal/ninja2020/gateways/mollie/credit_card/pay.blade.php b/resources/views/portal/ninja2020/gateways/mollie/credit_card/pay.blade.php
index bd57d1a5d8bc..d6a4d7db4f56 100644
--- a/resources/views/portal/ninja2020/gateways/mollie/credit_card/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/mollie/credit_card/pay.blade.php
@@ -28,6 +28,31 @@ ctrans('texts.credit_card')])
 
     @include('portal.ninja2020.gateways.includes.payment_details')
 
+    @component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.pay_with')])
+        @if(count($tokens) > 0)
+            @foreach($tokens as $token)
+                <label class="mr-4">
+                    <input
+                        type="radio"
+                        data-token="{{ $token->token }}"
+                        name="payment-type"
+                        class="form-radio cursor-pointer toggle-payment-with-token"/>
+                    <span class="ml-1 cursor-pointer">**** {{ optional($token->meta)->last4 }}</span>
+                </label>
+            @endforeach
+        @endif
+
+        <label>
+            <input
+                type="radio"
+                id="toggle-payment-with-credit-card"
+                class="form-radio cursor-pointer"
+                name="payment-type"
+                checked/>
+            <span class="ml-1 cursor-pointer">{{ __('texts.new_card') }}</span>
+        </label>
+    @endcomponent
+
     @component('portal.ninja2020.components.general.card-element-single')
         <div class="flex flex-col">
             <label for="card-number">
@@ -58,6 +83,14 @@ ctrans('texts.credit_card')])
         </div>
     @endcomponent
 
+    @component('portal.ninja2020.components.general.card-element-single')
+        <span class="text-sm text-gray-900">If you want to save the card for future purchases, please click on the 
+            <a href="{{ route('client.payment_methods.index') }}" class="underline text-primary">Payment methods</a> page and authorize the credit card manually.
+        </span>
+
+        <span class="text-sm text-gray-900">After that, come back to this page and select your payment method.</span>
+    @endcomponent
+
     @include('portal.ninja2020.gateways.includes.pay_now')
 @endsection