authorize.net payment views

app/PaymentDrivers/Authorize/AuthorizeCreditCard.php

@@ -12,6 +12,7 @@
 
 namespace App\PaymentDrivers\Authorize;
 
+use App\Models\ClientGatewayToken;
 use App\PaymentDrivers\AuthorizePaymentDriver;
 
 /**
@@ -30,7 +31,15 @@ class AuthorizeCreditCard
 
     public function processPaymentView($data)
     {
+    	$tokens = ClientGatewayToken::where('client_id', $this->authorize->client->id)
+    								->where('company_gateway_key', $this->authorize->company_gateway->gateway_key)
+    								->where('gateway_type_id', $this->authorize->payment_method_id)
+    								->get();
 
+		$data['tokens'] = $tokens;
+		$data['gateway'] = $this->authorize->company_gateway;
+		
+		return render('portal.ninja202.gateways.authorize.credit_card_payment', $data);
     }
 
 }

resources/views/portal/ninja2020/gateways/authorize/credit_card_payment.blade.php

@@ -0,0 +1,67 @@
+@extends('portal.ninja2020.layout.app')
+@section('meta_title', ctrans('texts.add_credit_card'))
+
+@push('head')
+    <meta name="authorize-public-key" content="{{ $public_client_id }}">
+    <meta name="authorize-login-id" content="{{ $api_login_id }}">
+@endpush
+
+@section('body')
+    <form action="{{ route('client.payment_methods.store') }}" method="post" id="server_response">
+        @csrf
+        <input type="hidden" name="company_gateway_id" value="{{ $gateway->id }}">
+        <input type="hidden" name="gateway_type_id" value="1">
+        <input type="hidden" name="gateway_response" id="gateway_response">
+        <input type="hidden" name="is_default" id="is_default">
+        <input type="hidden" name="dataValue" id="dataValue" />
+        <input type="hidden" name="dataDescriptor" id="dataDescriptor" />
+    </form>
+    <div class="container mx-auto">
+        <div class="grid grid-cols-6 gap-4">
+            <div class="col-span-6 md:col-start-2 md:col-span-4">
+                <div class="alert alert-failure mb-4" hidden id="errors"></div>
+                <div class="bg-white shadow overflow-hidden sm:rounded-lg">
+                    <div class="px-4 py-5 border-b border-gray-200 sm:px-6">
+                    </div>
+                    <div>
+                        @if($tokens->count() == 0)
+                        <dl>
+                            @include('portal.ninja2020.gateways.authorize.credit_card')
+
+                            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
+                                <dt class="text-sm leading-5 font-medium text-gray-500">
+                                    {{ ctrans('texts.save_as_default') }}
+                                </dt>
+                                <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
+                                    <input type="checkbox" class="form-checkbox" name="proxy_is_default"
+                                           id="proxy_is_default"/>
+                                </dd>
+                            </div>
+                            <div class="bg-white px-4 py-5 flex justify-end">
+                                <button type="primary" id="card_button">{{ ctrans('texts.add_payment_method') }}</button>
+                            </div>
+                        </dl>
+                        @else
+                            <!-- TODO Iterate through the tokens and display the card type and last4 and present 
+                                a button for payment -->
+                            @foreach($tokens as $token)
+                            @endforeach
+
+                        @endif
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
+
+@push('footer')
+
+    @if($gateway->getConfigField('testMode'))
+        <script src="https://jstest.authorize.net/v1/Accept.js" charset="utf-8"></script>
+    @else
+        <script src="https://js.authorize.net/v1/Accept.js" charset="utf-8"></script>
+    @endif
+
+    <script src="{{ asset('js/clients/payment_methods/authorize-authorize-card.js') }}"></script>
+@endpush