From db06cca338cb08fae7a7c81d7cfb39dab8d8b100 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Mon, 21 Jun 2021 14:21:38 +0200
Subject: [PATCH] Bank account: Authorize

---
 .../wepay/authorize/bank_transfer.blade.php   | 59 ++++---------------
 1 file changed, 10 insertions(+), 49 deletions(-)

diff --git a/resources/views/portal/ninja2020/gateways/wepay/authorize/bank_transfer.blade.php b/resources/views/portal/ninja2020/gateways/wepay/authorize/bank_transfer.blade.php
index d1f837fec634..5001be704bc7 100644
--- a/resources/views/portal/ninja2020/gateways/wepay/authorize/bank_transfer.blade.php
+++ b/resources/views/portal/ninja2020/gateways/wepay/authorize/bank_transfer.blade.php
@@ -1,7 +1,11 @@
 @extends('portal.ninja2020.layout.payments', ['gateway_title' => ctrans('texts.credit_card'), 'card_title' => ctrans('texts.bank_transfer')])
 
 @section('gateway_head')
+    <meta name="wepay-environment" content="{{ config('ninja.wepay.environment') }}">
+    <meta name="wepay-client-id" content="{{ config('ninja.wepay.client_id') }}">
+    <meta name="contact-email" content="{{ $contact->email }}">
 
+    <script type="text/javascript" src="https://static.wepay.com/min/js/tokenization.4.latest.js"></script>
 @endsection
 
 @section('gateway_content')
@@ -17,55 +21,12 @@
 
     <div class="alert alert-failure mb-4" hidden id="errors"></div>
 
+    @component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.method')])
+        {{ ctrans('texts.bank_account') }}
+    @endcomponent
+
 @endsection
 
 @section('gateway_footer')
-
-<script type="text/javascript" src="https://static.wepay.com/min/js/tokenization.4.latest.js"></script>
-
-<script type="text/javascript">
-    (function() {
-        @if(config('ninja.wepay.environment') == 'staging')
-        WePay.set_endpoint("stage"); 
-        @else
-        WePay.set_endpoint("production");
-        @endif
-
-        window.onload = function(){
-
-            response = WePay.bank_account.create({
-                'client_id': "{{ config('ninja.wepay.client_id') }}",
-                'email': "{{ $contact->email }}"
-            }, function(data){
-                if(data.error) {
-                    console.log("Pop-up closing: ")
-                    errors.textContent = '';
-                    errors.textContent = data.error_description;
-                    errors.hidden = false;
-                    } else {
-                    // call your own app's API to save the token inside the data;
-                    // show a success page
-                        console.log(data);
-                        document.querySelector('input[name="bank_account_id"]').value = data.bank_account_id;                      
-                        document.getElementById('server_response').submit();
-                    }
-                }, function(data){
-                    if(data.error) {
-                       console.log("Pop-up opening: ");
-                       console.log(data);
-                       // handle error response
-                        errors.textContent = '';
-                        errors.textContent = data.error_description;
-                        errors.hidden = false;
-                       } else {
-                   // call your own app's API to save the token inside the data;
-                   // show a success page
-                 }
-             }
-             );
-        };
-
-    })();
-</script>
-
-@endsection
\ No newline at end of file
+    <script src="{{ asset('js/clients/payment_methods/wepay-bank-account.js') }}"></script>
+@endsection