From beac29c85102c5a4a48490c3ad7b2ddb451281c7 Mon Sep 17 00:00:00 2001
From: Zsolt Tasnadi <rastasi@gmail.com>
Date: Wed, 29 Jul 2026 13:22:57 +0200
Subject: [PATCH] admin link

---
 apps/frontend/src/layout/AppLayout.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/layout/AppLayout.vue b/apps/frontend/src/layout/AppLayout.vue
index 7f349f9..e8487c1 100644
--- a/apps/frontend/src/layout/AppLayout.vue
+++ b/apps/frontend/src/layout/AppLayout.vue
@@ -12,6 +12,7 @@
         <RouterLink to="/code" class="p-2 hover:text-purple-300 transition-colors duration-200">{{ t('nav.code') }}</RouterLink>
         <RouterLink to="/team" class="p-2 hover:text-purple-300 transition-colors duration-200">{{ t('nav.team') }}</RouterLink>
         <RouterLink to="/contact" class="p-2 hover:text-purple-300 transition-colors duration-200">{{ t('nav.contact') }}</RouterLink>
+        <a v-if="isAdmin" href="/admin" class="p-2 hover:text-yellow-300 transition-colors duration-200">🔧 Admin</a>
 
         <div class="flex items-center gap-1 text-sm font-bold ml-2 border-l border-gray-600 pl-4">
           <button :class="locale === 'en' ? 'text-white' : 'text-gray-400 hover:text-white'" class="transition-colors px-1" @click="switchLocale('en')">EN</button>
@@ -36,6 +37,7 @@
         <RouterLink to="/code" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">{{ t('nav.code') }}</RouterLink>
         <RouterLink to="/team" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">{{ t('nav.team') }}</RouterLink>
         <RouterLink to="/contact" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">{{ t('nav.contact') }}</RouterLink>
+        <a v-if="isAdmin" href="/admin" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">🔧 Admin</a>
         <div class="flex items-center gap-2 pt-2 border-t border-gray-700 w-full justify-center text-sm font-bold">
           <button :class="locale === 'en' ? 'text-white' : 'text-gray-400'" class="transition-colors px-2 py-1" @click="switchLocale('en')">EN</button>
           <span class="text-gray-600">|</span>
@@ -72,11 +74,12 @@
 </template>
 
 <script setup lang="ts">
-import { watch } from 'vue'
+import { computed, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { RouterLink, useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { useUiStore } from '../stores/ui.store'
+import { getCookie } from '../lib/cookie'
 
 const { t, locale } = useI18n()
 
@@ -84,6 +87,7 @@ const ui = useUiStore()
 const { isRetroMode, menuOpen } = storeToRefs(ui)
 const { toggleMenu, toggleRetroMode } = ui
 const route = useRoute()
+const isAdmin = computed(() => !!getCookie('remember_admin_user_token'))
 
 watch(() => route.path, () => {
   ui.closeMenu()