From 0fe8498dda69626eb502eb52b8ee7033fa076bb5 Mon Sep 17 00:00:00 2001
From: Femi Novia Lina <77434812+FemiNoviaLina@users.noreply.github.com>
Date: Tue, 17 May 2022 03:25:58 +0700
Subject: [PATCH] complete rent process

---
 app/Http/Controllers/RentController.php       | 116 ++++++++++++++++++
 .../2022_05_16_174019_update_orders_table.php |  32 +++++
 public/css/app.css                            |   4 +
 public/images/logo-permata.png                | Bin 0 -> 2470 bytes
 public/js/navbar_script.js                    |   6 +-
 resources/js/navbar_script.js                 |   6 +-
 resources/views/components/navbar.blade.php   |   6 +-
 resources/views/confirm-payment.blade.php     |  22 ++++
 resources/views/payment-details.blade.php     |  25 ++--
 routes/web.php                                |   3 +
 10 files changed, 199 insertions(+), 21 deletions(-)
 create mode 100644 database/migrations/2022_05_16_174019_update_orders_table.php
 create mode 100644 public/images/logo-permata.png
 create mode 100644 resources/views/confirm-payment.blade.php

diff --git a/app/Http/Controllers/RentController.php b/app/Http/Controllers/RentController.php
index 9733e2d..ae508a2 100644
--- a/app/Http/Controllers/RentController.php
+++ b/app/Http/Controllers/RentController.php
@@ -6,6 +6,8 @@
 
 use Illuminate\Support\Facades\DB;
 
+use Illuminate\Support\Facades\Http;
+
 use App\Models\Vehicle;
 
 use App\Models\Order;
@@ -134,6 +136,120 @@ public function getPaymentDetails($id)
         $method = request()->input('method') ? request()->input('method') : 'BCA Transfer';
         $order = Order::find($id);
 
+        if($order->transaction_id) {
+            return redirect()->route('confirm-payment', [$order->id])->with('order', $order);
+        }
+
         return view('payment-details', ['order' => $order, 'selected_method' => $method]);
     }
+
+    public function getVirtualAccount($id)
+    {
+        $method = request()->input('method');
+        $order = Order::find($id);
+
+        $AUTH_STRING = "Basic " . base64_encode(env('MIDTRANS_SERVER_KEY') . ":");
+
+        $payment_type = array(
+            "BCA Transfer" => "bank_transfer",
+            "BNI Transfer" => "bank_transfer",
+            "BRI Transfer" => "bank_transfer",
+            "Mandiri Transfer" => "echannel",
+            "Permata Transfer" => "permata",
+            "Shopee Pay" => "gopay",
+            "Dana" => "gopay",
+            "OVO" => "gopay",
+            "GoPay" => "gopay"
+        );
+
+        $req_body = [
+            "payment_type" => $payment_type[$method],
+            "transaction_details" => [
+                "order_id" => $order->id,
+                "gross_amount" => $order->total_price,
+            ]
+        ];
+
+        if($payment_type[$method] == 'bank_transfer') {
+            $req_body['bank_transfer']['bank'] = explode(' ', strtolower($method))[0];
+        }
+
+        if($payment_type[$method] == 'echannel') {
+            $req_body['echannel']['bill_info1'] = $order->id;
+            $req_body['echannel']['bill_info2'] = $order->total_price;
+        }
+        
+        $response = Http::withHeaders([
+            'Accept' => 'application/json',
+            'Content-Type' => 'application/json',
+            'Authorization' => $AUTH_STRING
+        ])
+        ->withBody(json_encode($req_body), 'application/json')
+        ->post('https://api.sandbox.midtrans.com/v2/charge');
+
+        $response = $response->json();
+
+        if($response['status_code'] == '201') {
+            if($payment_type[$method] == 'bank_transfer') {
+                $order->virtual_account = $response['va_numbers'][0]['va_number'];
+            } else if ($payment_type[$method] == 'echannel') {
+                $order->virtual_account = $response['bill_key'] . ' ' . $response['bill_code'];
+            } else if ($payment_type[$method] == 'gopay') {
+                $order->qr_link = $response['actions'][0]['url'];
+                $order->deep_link = $response['actions'][1]['url'];
+            } else {
+                $order->virtual_account = $response->json()['permata_va_number'];
+            } 
+
+            $order->transaction_id = $response['transaction_id'];
+            $payment_expiry_time = new DateTime();
+            $payment_expiry_time->modify('+1 day');
+            $order->payment_expiry_time = $payment_expiry_time->format('Y-m-d H:i:s');
+            $order->payment_method = $method;
+        }
+        
+        $order->save();
+
+        if($order->transaction_id) {
+            return redirect()->route('confirm-payment', ['id' => $order->id]);
+        } else {
+            return redirect()->route('payment-details', ['id' => $order->id])->with('error', 'Something went wrong. Please try again later.');
+        }
+    }
+
+    public function getConfirmPayment($id)
+    {
+        $order = Order::find($id);
+
+        if($order->transaction_id) {
+            return view('confirm-payment', ['order' => $order]);
+        } else {
+            return redirect()->route('payment-details', ['id' => $order->id]);
+        }
+    }
+
+    public function checkPayment($id) {
+        $order = Order::find($id);
+
+        $AUTH_STRING = "Basic " . base64_encode(env('MIDTRANS_SERVER_KEY') . ":");
+
+        $response = Http::withHeaders([
+            'Accept' => 'application/json',
+            'Content-Type' => 'application/json',
+            'Authorization' => $AUTH_STRING
+        ])
+        ->get('https://api.sandbox.midtrans.com/v2/' . $order->transaction_id . '/status');
+
+        $response = $response->json();
+        
+        if($response['status_code'] == '200') {
+            if($response['transaction_status'] == 'settlement') {
+                $order->order_status = 'PAYMENT_DONE';
+            }
+        }
+
+        $order->save();
+
+        return redirect()->route('user-orders');
+    }
 }
diff --git a/database/migrations/2022_05_16_174019_update_orders_table.php b/database/migrations/2022_05_16_174019_update_orders_table.php
new file mode 100644
index 0000000..1924b98
--- /dev/null
+++ b/database/migrations/2022_05_16_174019_update_orders_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('orders', function (Blueprint $table) {
+            $table->timestamp('payment_expiry_time')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('orders', function (Blueprint $table) {
+            $table->dropColumn('payment_expiry_time');
+        });
+    }
+};
diff --git a/public/css/app.css b/public/css/app.css
index 4a01c4e..57900b5 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -704,6 +704,10 @@ select {
   margin-top: 5rem;
   margin-bottom: 5rem;
 }
+.my-24 {
+  margin-top: 6rem;
+  margin-bottom: 6rem;
+}
 .ml-3 {
   margin-left: 0.75rem;
 }
diff --git a/public/images/logo-permata.png b/public/images/logo-permata.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d122d021446c6b985bf0d8e2eef1457e1dc25e6
GIT binary patch
literal 2470
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

literal 0
HcmV?d00001

diff --git a/public/js/navbar_script.js b/public/js/navbar_script.js
index 09bea96..deeada8 100644
--- a/public/js/navbar_script.js
+++ b/public/js/navbar_script.js
@@ -7,7 +7,7 @@ var showButton = document.getElementById('rent-button');
 var showMenu = document.getElementById('rent-menu');
 var toggleMenu = document.getElementById('menu-toggle');
 var menuList = document.getElementById('menu-list');
-var menuOption = document.getElementsByClassName('rent-menu-option');
+var menuOption = document.getElementsByClassName('menu-option');
 
 toggleMenu.onclick = function (event) {
   event.preventDefault();
@@ -17,7 +17,7 @@ toggleMenu.onclick = function (event) {
 menuOption[0].onclick = function (event) {
   event.preventDefault();
 
-  if (menuOption[0].innerHTML == 'Rent Car') {
+  if (menuOption[0].innerHTML.trim() == 'Rent Car') {
     window.location.href = window.location.origin + '/find/car';
   } else {
     window.location.href = window.location.origin + '/dashboard/vehicles/car';
@@ -27,7 +27,7 @@ menuOption[0].onclick = function (event) {
 menuOption[1].onclick = function (event) {
   event.preventDefault();
 
-  if (menuOption[0].innerHTML == 'Rent Car') {
+  if (menuOption[1].innerHTML.trim() == 'Rent Motorcycle') {
     window.location.href = window.location.origin + '/find/motor';
   } else {
     window.location.href = window.location.origin + '/dashboard/vehicles/motor';
diff --git a/resources/js/navbar_script.js b/resources/js/navbar_script.js
index 78431d7..3bcc20f 100644
--- a/resources/js/navbar_script.js
+++ b/resources/js/navbar_script.js
@@ -2,7 +2,7 @@ const showButton = document.getElementById('rent-button');
 const showMenu = document.getElementById('rent-menu');
 const toggleMenu = document.getElementById('menu-toggle'); 
 const menuList = document.getElementById('menu-list');
-const menuOption = document.getElementsByClassName('rent-menu-option');
+const menuOption = document.getElementsByClassName('menu-option');
 
 toggleMenu.onclick = (event) => {
     event.preventDefault();
@@ -11,7 +11,7 @@ toggleMenu.onclick = (event) => {
 
 menuOption[0].onclick = (event) => {
     event.preventDefault();
-    if(menuOption[0].innerHTML == 'Rent Car') {
+    if(menuOption[0].innerHTML.trim() == 'Rent Car') {
         window.location.href = window.location.origin + '/find/car';
     } else {
         window.location.href = window.location.origin + '/dashboard/vehicles/car';
@@ -20,7 +20,7 @@ menuOption[0].onclick = (event) => {
 
 menuOption[1].onclick = (event) => {
     event.preventDefault();
-    if(menuOption[0].innerHTML == 'Rent Car') {
+    if(menuOption[1].innerHTML.trim() == 'Rent Motorcycle') {
         window.location.href = window.location.origin + '/find/motor';
     } else {
         window.location.href = window.location.origin + '/dashboard/vehicles/motor';
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index c1ae174..445db6c 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -21,10 +21,10 @@
                                 @if($isRent($key) || $isProduct($key)) 
                                     <img src="{{ asset('images/down-arrow.svg') }}" class="inline-block w-5 ml-3 pl-1">
                                     <div id="rent-menu" class="rent-menu z-10 hidden absolute w-40 font-normal bg-white">
-                                        <div class="rent-menu-option px-2 py-1 bg-gray hover:bg-lilac-100 hover:text-white">
-                                            {{ $isRent($key) ? 'Rent Car' : 'Car' }}
+                                        <div class="menu-option px-2 py-1 bg-gray hover:bg-lilac-100 hover:text-white">
+                                            {{$isRent($key) ? 'Rent Car' : 'Car'}}
                                         </div>
-                                        <div class="rent-menu-option px-2 py-1 bg-gray hover:bg-lilac-100 hover:text-white">
+                                        <div class="menu-option px-2 py-1 bg-gray hover:bg-lilac-100 hover:text-white">
                                             {{ $isRent($key) ? 'Rent Motorcycle' : 'Motorcycle' }}
                                         </div>
                                     </div>
diff --git a/resources/views/confirm-payment.blade.php b/resources/views/confirm-payment.blade.php
new file mode 100644
index 0000000..911eac0
--- /dev/null
+++ b/resources/views/confirm-payment.blade.php
@@ -0,0 +1,22 @@
+<x-base-layout>
+    <x-base-body selected="My order">
+        <div class="mt-24 mx-20">
+            <h2 class="font-bold text-3xl text-lilac-100">Konfirmasi Pembayaran</h2>
+        </div>
+        <div class="flex justify-center">
+            <div class="w-full max-w-7xl shadow rounded-lg p-10 my-6">
+                <p>Order ID : {{ $order->id }}</p>
+                <p>Name : {{ auth()->user()->name }}</p>
+                <p>Email : {{ auth()->user()->email }}</p>
+                <p>Total Price : {{ $order->total_price }}</p>
+                <p>Payment Status : {{ $order->payment_status }}</p>
+                <p>Payment Method : {{ $order->payment_method }}</p>
+                <p>Pay Before : {{ $order->payment_expiry_time }}</p>
+                <p>Virtual Account : {{ $order->virtual_account }}</p>
+                <a href="{{ route('check-payment', [$order->id]) }}">
+                    <x-button filled="true">Konfirmasi Pembayaran</x-button>
+                </a>
+            </div>
+        </div>
+    </x-base-body>
+</x-base-layout>
\ No newline at end of file
diff --git a/resources/views/payment-details.blade.php b/resources/views/payment-details.blade.php
index ccc98c6..de6c788 100644
--- a/resources/views/payment-details.blade.php
+++ b/resources/views/payment-details.blade.php
@@ -1,17 +1,17 @@
 <x-base-layout>
     <x-base-body selected="Rent">
-        <div class="mt-24 mx-20">
+        <div class="mt-24 mx-10">
             <h2 class="font-bold text-3xl text-lilac-100">Select Payment</h2>
-            <p class="text-lilac-100">Order ID: {{ $order->id }}</p>
-            <p class="text-lilac-100">Customer: {{ auth()->user()->name }}</p>
+            <p class="text-lilac-100">Order ID : {{ $order->id }}</p>
+            <p class="text-lilac-100">Customer : {{ auth()->user()->name }}</p>
         </div>
-        <div class="mx-10 mt-20 mb-24 flex">
+        <div class="mx-10 my-10 flex">
             <div class="w-60 text-sm font-medium text-gray-900 bg-white rounded-lg">
                 <p aria-current="true" class="block w-full px-4 py-2 text-white font-bold bg-lilac-300">
                     BANK TRANSFER
                 </p>
-                <?php $method = array('BCA Transfer' => 'bca', 'Mandiri Tranfer' => 'mandiri', 'BNI Transfer' => 'bni', 'BRI Transfer' => 'bri') ?>
-                @foreach($method as $key => $value)
+                <?php $bank_method = array('BCA Transfer' => 'bca', 'Mandiri Transfer' => 'mandiri', 'BNI Transfer' => 'bni', 'BRI Transfer' => 'bri', 'Permata Transfer' => 'permata') ?>
+                @foreach($bank_method as $key => $value)
                 <a href="{{ route('payment-details', [ $order->id, 'method' => $key]) }}" class="block w-full px-4 py-2 cursor-pointer {{ $selected_method == $key ? 'bg-white text-lilac-100' : 'bg-lilac-200 text-white' }} hover:bg-lilac-300 focus:outline-none focus:ring-2 focus:ring-blue-700">
                     <img src="{{ asset('images/logo-'. $value . '.png') }}" class="inline h-8 mr-2">
                     {{ $key }}
@@ -20,8 +20,8 @@
                 <p aria-current="true" class="block w-full px-4 py-2 text-white font-bold bg-lilac-300 ">
                     TRANSFER E-WALLET
                 </p>
-                <?php $method = array('ShopeePay' => 'shopeepay', 'DANA' => 'dana', 'Gopay' => 'gopay', 'OVO' => 'ovo') ?>
-                @foreach($method as $key => $value)
+                <?php $ewallet_method = array('ShopeePay' => 'shopeepay', 'DANA' => 'dana', 'Gopay' => 'gopay', 'OVO' => 'ovo') ?>
+                @foreach($ewallet_method as $key => $value)
                 <a href="{{ route('payment-details', [ $order->id, 'method' => $key]) }}" class="block w-full px-4 py-2 cursor-pointer {{ $selected_method == $key ? 'bg-white text-lilac-100' : 'bg-lilac-200 text-white' }} hover:bg-lilac-300 focus:outline-none focus:ring-2 focus:ring-blue-700">
                     <img src="{{ asset('images/logo-'. $value . '.png') }}" class="inline h-8 mr-2">
                     {{ $key }}
@@ -30,34 +30,35 @@
             </div>
             <div class="w-full max-w-5xl shadow p-10">
                 <h2 class="font-bold text-3xl text-lilac-100 mb-2">{{ $selected_method }} Payment</h2>
+                @if(in_array($selected_method, array_keys($bank_method)))
                 <div class="bg-lilac-400 text-lilac-100 text-sm p-2 rounded-md border border-lilac-100">
                     <svg class="inline mx-1" width="18" height="18" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M15 1.875C7.75195 1.875 1.875 7.75195 1.875 15C1.875 22.248 7.75195 28.125 15 28.125C22.248 28.125 28.125 22.248 28.125 15C28.125 7.75195 22.248 1.875 15 1.875ZM15.9375 21.3281C15.9375 21.457 15.832 21.5625 15.7031 21.5625H14.2969C14.168 21.5625 14.0625 21.457 14.0625 21.3281V13.3594C14.0625 13.2305 14.168 13.125 14.2969 13.125H15.7031C15.832 13.125 15.9375 13.2305 15.9375 13.3594V21.3281ZM15 11.25C14.632 11.2425 14.2816 11.091 14.024 10.8281C13.7664 10.5652 13.6222 10.2118 13.6222 9.84375C13.6222 9.47568 13.7664 9.12228 14.024 8.85938C14.2816 8.59647 14.632 8.44501 15 8.4375C15.368 8.44501 15.7184 8.59647 15.976 8.85938C16.2336 9.12228 16.3778 9.47568 16.3778 9.84375C16.3778 10.2118 16.2336 10.5652 15.976 10.8281C15.7184 11.091 15.368 11.2425 15 11.25Z" fill="#9395DE"/>
                     </svg>
                     You can transfer from any banking service (m-banking, SMS banking or ATM)
                 </div>
+                @endif
                 <div class="m-10">
                     <p class="font-bold">PRICING DETAILS</p>
                     <div class="grid lg:grid-rows-2 lg:grid-cols-2 my-2 gap-y-2">
                         <p>Honda Scoopy Smart Key  x1</p>
-                        <p>IDR 100000</p>
+                        <p>IDR {{ $order->total_price - 4500 }}</p>
                         <p>Service Fee</p>
                         <p>IDR 4500</p>
                     </div>
                     <hr>
                     <div class="grid lg:grid-rows-1 lg:grid-cols-2 my-2">
                         <p>Total Price</p>
-                        <p>IDR 100000</p>
+                        <p>IDR {{ $order->total_price }}</p>
                     </div>
                     <hr>
                 </div>
                 <div class="m-10 flex justify-end">
-                    <a href="">
+                    <a href="{{ route('get-virtual-account', [$order->id, 'method' => $selected_method ]) }}">
                         <x-button filled="true"> Pay with {{ $selected_method }} </x-button> 
                     </a>
                 </div>
             </div>
-
         </div>
     </x-base-body>
 </x-base-layout>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index c7efcaf..e56aaec 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -61,6 +61,9 @@
     Route::get('/rent/motor/{id}', [RentController::class, 'getRentForm']);
     Route::post('/rent/{type}/{id}', [RentController::class, 'rentVehicle'])->where('type', '\b(motor|car)\b');
     Route::get('/me/order/{id}/pay', [RentController::class, 'getPaymentDetails'])->name('payment-details');
+    Route::get('/me/order/{id}/va', [RentController::class, 'getVirtualAccount'])->name('get-virtual-account');
+    Route::get('/me/order/{id}/confirm', [RentController::class, 'getConfirmPayment'])->name('confirm-payment');
+    Route::get('/me/order/{id}/check', [RentController::class, 'checkPayment'])->name('check-payment');
 });
 
 Route::middleware(['auth', 'admin.authenticated'])-> group(function () {