From 73de3a69b919b01cfa5955f3dcdac0dc720474d0 Mon Sep 17 00:00:00 2001
From: Jaroslav Drzik <jaro@ttx.sk>
Date: Mon, 1 Jan 2024 11:14:01 +0100
Subject: [PATCH] Basic Menu

---
 resources/js/Layouts/GuestLayout.vue |  2 +-
 resources/js/Pages/IkeaAbout.vue     | 29 ++++++++++++++++++++++++++++
 resources/js/Pages/IkeaExchange.vue  | 16 +++++++++++++++
 routes/web.php                       |  9 ++++++++-
 4 files changed, 54 insertions(+), 2 deletions(-)
 create mode 100644 resources/js/Pages/IkeaAbout.vue
 create mode 100644 resources/js/Pages/IkeaExchange.vue

diff --git a/resources/js/Layouts/GuestLayout.vue b/resources/js/Layouts/GuestLayout.vue
index 18a7e93..27a1c36 100644
--- a/resources/js/Layouts/GuestLayout.vue
+++ b/resources/js/Layouts/GuestLayout.vue
@@ -46,7 +46,7 @@ onMounted(fetch_menu);
                     Home
                 </fwb-navbar-link>
                 <template v-for="item in menu[0].childs" v-if="menu.length > 0">
-                    <fwb-navbar-link >
+                    <fwb-navbar-link :link="route(item.route_or_url)" >
                         {{ item.name }}
                     </fwb-navbar-link>
                 </template>
diff --git a/resources/js/Pages/IkeaAbout.vue b/resources/js/Pages/IkeaAbout.vue
new file mode 100644
index 0000000..9da7260
--- /dev/null
+++ b/resources/js/Pages/IkeaAbout.vue
@@ -0,0 +1,29 @@
+<script setup>
+import { getCurrentInstance, ref, onMounted, onUnmounted, nextTick, computed } from 'vue';
+import GuestLayout from '../Layouts/GuestLayout.vue';
+import { useForm } from '@inertiajs/inertia-vue3'
+import axios from 'axios';
+
+
+</script>
+
+<template>
+    <GuestLayout>
+    <div class="flex flex-wrap gap-2 justify-center align-middle ">
+        <h1>What is Ikea price comparison?</h1>
+
+        It is a community project of a group of enthusiasts from Slovakia.
+        This service provides price comparison of Ikea products in European countries.
+        Product prices are converted to EUR at the current rate and appear in resulting table.
+        Information about the prices of Ikea products is obtained online.
+        You can go to the appropriate product page by clicking on the country name.
+        Thanks to this service, you can find out in which country a given Ikea product is the cheapest (you can sort them in the resulting table).
+        
+        Enjoy :) 
+    </div>
+  </GuestLayout>
+</template>
+<style>
+@import 'vue3-easy-data-table/dist/style.css';
+</style>
+<style src="vue-multiselect/dist/vue-multiselect.css"></style>
diff --git a/resources/js/Pages/IkeaExchange.vue b/resources/js/Pages/IkeaExchange.vue
new file mode 100644
index 0000000..44bcfeb
--- /dev/null
+++ b/resources/js/Pages/IkeaExchange.vue
@@ -0,0 +1,16 @@
+<script setup>
+import { getCurrentInstance, ref, onMounted, onUnmounted, nextTick, computed } from 'vue';
+import GuestLayout from '../Layouts/GuestLayout.vue';
+import { useForm } from '@inertiajs/inertia-vue3'
+import axios from 'axios';
+
+
+</script>
+
+<template>
+    <GuestLayout>
+    <div class="flex flex-wrap gap-2 justify-center align-middle ">
+        <h1>Exchange</h1>
+    </div>
+  </GuestLayout>
+</template>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 40d2b13..2c72d56 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -21,8 +21,15 @@ use App\Http\Controllers\ProductsCompareController;
 */
 
 Route::get('/', function () {
-    return Inertia::render('IkeaRoot')->with('menu', (new App\Http\Controllers\Superuser\UserMenuController)->get() );
+    return Inertia::render('IkeaRoot');
 })->name('root'); 
+Route::get('/about/', function () {
+    return Inertia::render('IkeaAbout'); 
+})->name('about'); 
+Route::get('/exchange/', function () {
+    return Inertia::render('IkeaExchange'); 
+})->name('exchange'); 
+
 Route::get('/menu/get', [App\Http\Controllers\Superuser\UserMenuController::class, 'get'])->name('menu.user');
 
 Route::get('/ccountry/', [CountryCodeController::class, 'index'])->name('ccountry.index');