From 27a087da7175ecb28c2dffe38827658d7d6b8cf9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Veronika=20Feh=C3=A9rv=C3=ADziov=C3=A1?=
 <128744051+VeronikaFeherviziova@users.noreply.github.com>
Date: Fri, 31 Oct 2025 19:21:31 +0100
Subject: [PATCH] feat: add page for listing companies for students

---
 .../app/pages/dashboard/student/companies.vue | 74 +++++++++++++++++++
 1 file changed, 74 insertions(+)
 create mode 100644 frontend/app/pages/dashboard/student/companies.vue

diff --git a/frontend/app/pages/dashboard/student/companies.vue b/frontend/app/pages/dashboard/student/companies.vue
new file mode 100644
index 0000000..3ff5777
--- /dev/null
+++ b/frontend/app/pages/dashboard/student/companies.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import type { CompanyData } from '~/types/company_data';
+
+definePageMeta({
+    middleware: ['sanctum:auth', 'student-only'],
+});
+
+useSeoMeta({
+    title: "Partnerské firmy | ISOP",
+    ogTitle: "Partnerské firmy",
+    description: "Partnerské firmy ISOP",
+    ogDescription: "Partnerské firmy",
+});
+
+const headers = [
+    { title: 'Názov', key: 'name', align: 'left' },
+    { title: 'IČO', key: 'ico', align: 'left' },
+    { title: 'Kontaktná osoba', key: 'contact_name', align: 'left' },
+    { title: 'Telefón', key: 'phone', align: 'middle' },
+    { title: 'E-mail', key: 'email', align: 'middle' },
+    { title: 'Prijímajú študentov', key: 'hiring', align: 'middle' },
+];
+
+const { data, error } = await useSanctumFetch<CompanyData[]>('/api/companies/simple');
+</script>
+
+<template>
+    <v-container fluid>
+        <v-card id="page-container-card">
+            <h1>Partnerské firmy</h1>
+            <hr />
+
+            <!-- spacer -->
+            <div style="height: 40px;"></div>
+
+            <!-- Chybová hláška -->
+            <v-alert v-if="error" density="compact" :text="error?.message" title="Chyba" type="error"
+                id="login-error-alert" class="mx-auto alert"></v-alert>
+
+            <div v-else>
+                <p>Aktuálne spolupracujeme s {{ data?.length }} firmami.</p>
+
+                <br />
+
+                <v-table>
+                    <thead>
+                        <tr>
+                            <th v-for="header in headers" :class="'text-' + header.align">
+                                <strong>{{ header.title }}</strong>
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="item in data">
+                            <td>{{ item.name }}</td>
+                            <td>{{ item.ico }}</td>
+                            <td>{{ item.contact.name }}</td>
+                            <td>{{ item.contact.phone }}</td>
+                            <td>{{ item.contact.email }}</td>
+                            <td>{{ item.hiring ? "Áno" : "Nie" }}</td>
+                        </tr>
+                    </tbody>
+                </v-table>
+            </div>
+        </v-card>
+    </v-container>
+</template>
+
+<style scoped>
+#page-container-card {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+</style>
\ No newline at end of file