From c7a3779ad8d56f634f3ec1dd83f4b0d85df54efc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dani=C3=ABl=20van=20Drunen?= <daniel@pixely.me>
Date: Sun, 6 Aug 2023 23:57:21 +0200
Subject: [PATCH] Show currencies on register page

---
 .../Controllers/Api/CurrencyController.php    | 17 +++++++++++++++
 app/Http/Resources/CurrencyResource.php       | 18 ++++++++++++++++
 app/Providers/AppServiceProvider.php          |  3 +++
 .../assets/js/prototype/screens/Register.vue  | 21 +++++++++++++++++--
 routes/api.php                                |  2 +-
 5 files changed, 58 insertions(+), 3 deletions(-)
 create mode 100644 app/Http/Controllers/Api/CurrencyController.php
 create mode 100644 app/Http/Resources/CurrencyResource.php

diff --git a/app/Http/Controllers/Api/CurrencyController.php b/app/Http/Controllers/Api/CurrencyController.php
new file mode 100644
index 00000000..c7bb1b13
--- /dev/null
+++ b/app/Http/Controllers/Api/CurrencyController.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller;
+use App\Http\Resources\CurrencyResource;
+use App\Models\Currency;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
+
+class CurrencyController extends Controller
+{
+    public function __invoke(): AnonymousResourceCollection
+    {
+        return CurrencyResource::collection(Currency::all());
+    }
+}
diff --git a/app/Http/Resources/CurrencyResource.php b/app/Http/Resources/CurrencyResource.php
new file mode 100644
index 00000000..cea7662c
--- /dev/null
+++ b/app/Http/Resources/CurrencyResource.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class CurrencyResource extends JsonResource
+{
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'name' => $this->name,
+            'symbol' => $this->symbol,
+        ];
+    }
+}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 726b41ec..630c77dd 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -4,6 +4,7 @@
 
 use App\Helper;
 use App\Models\Space;
+use Illuminate\Http\Resources\Json\JsonResource;
 use Illuminate\Support\ServiceProvider;
 use Auth;
 
@@ -26,6 +27,8 @@ public function boot()
                 'versionNumber' => $versionNumber
             ]);
         });
+
+        JsonResource::withoutWrapping();
     }
 
     public function register()
diff --git a/resources/assets/js/prototype/screens/Register.vue b/resources/assets/js/prototype/screens/Register.vue
index 97d89f4f..e31c986d 100644
--- a/resources/assets/js/prototype/screens/Register.vue
+++ b/resources/assets/js/prototype/screens/Register.vue
@@ -1,5 +1,18 @@
 <script setup>
-//
+import axios from 'axios';
+import { onMounted, ref } from 'vue';
+
+const currencies = ref([]);
+
+const fetchCurrencies = () => {
+    axios
+        .get('http://localhost:8000/api/currencies')
+        .then(response => currencies.value = response.data);
+};
+
+onMounted(() => {
+    fetchCurrencies();
+});
 </script>
 
 <template>
@@ -23,7 +36,11 @@
             </div>
             <div>
                 <label class="block mb-1 text-sm text-gray-700">Currency</label>
-                <input class="w-full px-3 py-2 text-sm border rounded-md" type="text" />
+                <select class="w-full px-3 py-2 text-sm border rounded-md appearance-none">
+                    <option v-for="currency in currencies">
+                        <span v-html="currency.name + ' (' + currency.symbol + ')'"></span>
+                    </option>
+                </select>
             </div>
             <button class="w-full py-2.5 hover:bg-blue-600 transition text-sm bg-blue-500 text-white rounded-md">Register</button>
         </div>
diff --git a/routes/api.php b/routes/api.php
index 8e54864d..5192827c 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -2,4 +2,4 @@
 
 use Illuminate\Http\Request;
 
-//
+Route::get('/currencies', \App\Http\Controllers\Api\CurrencyController::class);