From dd842be8381713e01243af14969417928e8f15d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sofia=20Reh=C3=A1kov=C3=A1?=
 <125893846+sofiarehakova@users.noreply.github.com>
Date: Tue, 4 Nov 2025 15:04:06 +0100
Subject: [PATCH] =?UTF-8?q?inform=C3=A1cie=20o=20company=20+=20button=20na?=
 =?UTF-8?q?=20zmenu=20hesla?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/dashboard/company/profile/index.vue | 128 ++++++++++++++++++
 1 file changed, 128 insertions(+)
 create mode 100644 frontend/app/pages/dashboard/company/profile/index.vue

diff --git a/frontend/app/pages/dashboard/company/profile/index.vue b/frontend/app/pages/dashboard/company/profile/index.vue
new file mode 100644
index 0000000..d31b09e
--- /dev/null
+++ b/frontend/app/pages/dashboard/company/profile/index.vue
@@ -0,0 +1,128 @@
+<script setup lang="ts">
+import type { User } from '~/types/user';
+
+definePageMeta({
+    middleware: ['sanctum:auth', 'company-only'],
+});
+
+useSeoMeta({
+    title: 'Môj profil | ISOP',
+    ogTitle: 'Môj profil',
+    description: 'Profil firmy ISOP',
+    ogDescription: 'Profil firmy ISOP',
+});
+
+const user = useSanctumUser<User>();
+</script>
+
+<template>
+    <v-container fluid class="page-container">
+        <v-card id="profile-card">
+            <template v-if="user">
+                <div class="header">
+                    <v-avatar size="64" class="mr-4">
+                        <v-icon size="48">mdi-account-circle</v-icon>
+                    </v-avatar>
+                    <div>
+                        <h2 class="title">Môj profil</h2>
+                        <p class="subtitle">{{ user?.company_data?.name || user?.name }}</p>
+                    </div>
+                </div>
+
+                <v-divider class="my-4" />
+
+                <v-row>
+                    <!-- Údaje firmy -->
+                    <v-col cols="12" md="6">
+                        <h3 class="section-title">Údaje firmy</h3>
+                        <v-list density="compact" class="readonly-list">
+                            <v-list-item>
+                                <v-list-item-title>Názov</v-list-item-title>
+                                <v-list-item-subtitle>{{ user?.company_data?.name || '—' }}</v-list-item-subtitle>
+                            </v-list-item>
+
+                            <v-list-item>
+                                <v-list-item-title>Adresa</v-list-item-title>
+                                <v-list-item-subtitle>{{ user?.company_data?.address || '—' }}</v-list-item-subtitle>
+                            </v-list-item>
+
+                            <v-list-item>
+                                <v-list-item-title>IČO</v-list-item-title>
+                                <v-list-item-subtitle>{{ user?.company_data?.ico ?? '—' }}</v-list-item-subtitle>
+                            </v-list-item>
+                        </v-list>
+                    </v-col>
+
+                    <!-- Kontaktná osoba -->
+                    <v-col cols="12" md="6">
+                        <h3 class="section-title">Kontaktná osoba</h3>
+                        <v-list density="compact" class="readonly-list">
+                            <v-list-item>
+                                <v-list-item-title>Meno</v-list-item-title>
+                                <v-list-item-subtitle>{{ user?.first_name || '—' }}</v-list-item-subtitle>
+                            </v-list-item>
+
+                            <v-list-item>
+                                <v-list-item-title>Priezvisko</v-list-item-title>
+                                <v-list-item-subtitle>{{ user?.last_name || '—' }}</v-list-item-subtitle>
+                            </v-list-item>
+
+                            <v-list-item>
+                                <v-list-item-title>Email</v-list-item-title>
+                                <v-list-item-subtitle>{{ user?.email || '—' }}</v-list-item-subtitle>
+                            </v-list-item>
+
+                            <v-list-item>
+                                <v-list-item-title>Telefón</v-list-item-title>
+                                <v-list-item-subtitle>{{ user?.phone || '—' }}</v-list-item-subtitle>
+                            </v-list-item>
+
+                            <v-list-item class="mt-4">
+                                <v-btn prepend-icon="mdi mdi-pencil" color="blue" class="mr-2" to="/dashboard/company/profile">
+                                    Zmeniť heslo
+                                </v-btn>
+                            </v-list-item>
+                        </v-list>
+                    </v-col>
+                </v-row>
+            </template>
+
+            <template v-else>
+                <v-skeleton-loader
+                    type="heading, text, text, divider, list-item-two-line, list-item-two-line, list-item-two-line"
+                />
+            </template>
+        </v-card>
+    </v-container>
+</template>
+
+<style scoped>
+.page-container {
+  max-width: 1120px;
+  margin: 0 auto;
+  padding-left: 24px;
+  padding-right: 24px;
+}
+#profile-card { padding: 16px; }
+.header { display: flex; align-items: center; }
+.title { font-size: 24px; font-weight: 700; margin: 0; }
+.subtitle { color: #555; margin-top: 4px; }
+.section-title { font-size: 16px; font-weight: 700; margin: 8px 0 8px; }
+
+.readonly-list {
+  --v-list-padding-start: 0px;
+}
+.readonly-list :deep(.v-list-item) {
+  --v-list-item-padding-start: 0px;
+  padding-left: 0 !important;   
+}
+.readonly-list :deep(.v-list-item__content) {
+  padding-left: 0 !important;   
+}
+
+.readonly-list :deep(.v-list-item-subtitle) {
+  white-space: pre-line;
+}
+
+.readonly-list :deep(.v-list-item-title) { font-weight: 600; }
+</style>