From 7351c69ce0b1453069844b0282e894cc029782b7 Mon Sep 17 00:00:00 2001
From: br0kenpixel <23280129+br0kenpixel@users.noreply.github.com>
Date: Mon, 20 Oct 2025 18:20:48 +0200
Subject: [PATCH] refactor: clean up template and style formatting

---
 frontend/app/pages/info/company.vue     | 176 +++++++++++------------
 frontend/app/pages/info/student.vue     |  96 ++++++-------
 frontend/app/pages/login.vue            | 118 +++++++--------
 frontend/app/pages/register/company.vue | 143 ++++++++-----------
 frontend/app/pages/register/index.vue   |  22 +--
 frontend/app/pages/register/student.vue | 181 +++++++++---------------
 frontend/app/pages/reset_psw.vue        |  72 +++++-----
 7 files changed, 342 insertions(+), 466 deletions(-)

diff --git a/frontend/app/pages/info/company.vue b/frontend/app/pages/info/company.vue
index a453130..f287702 100644
--- a/frontend/app/pages/info/company.vue
+++ b/frontend/app/pages/info/company.vue
@@ -1,122 +1,110 @@
 <template>
-  <h2 class="page-container page-title">Detaily a pravidlá odbornej  praxe pre firmy</h2>
-  <p class="page-container page-lead">
-    Kompletné informácie o odbornej praxi pre firmy
-  </p>
+    <h2 class="page-container page-title">Detaily a pravidlá odbornej praxe pre firmy</h2>
+    <p class="page-container page-lead">
+        Kompletné informácie o odbornej praxi pre firmy
+    </p>
 
-  <br />
+    <br />
 
-  <h3 class="page-container section-title">Zmluvné podmienky</h3>
+    <h3 class="page-container section-title">Zmluvné podmienky</h3>
 
-  <v-row class="pc" align="stretch" justify="start">
-    <PageCard
-      title="Zmluva o odbornej praxi"
-      description="Medzi firmou a študentom sa uzatvára Zmluva o odbornej praxi, ktorá definuje práva a povinnosti oboch strán. 
-      Zmluva musí byť v súlade s legislatívou a internými predpismi školy." 
-      link="/"
-      icon="mdi mdi-file-document-edit-outline"
-    />
-  </v-row>
+    <v-row class="pc" align="stretch" justify="start">
+        <PageCard title="Zmluva o odbornej praxi" description="Medzi firmou a študentom sa uzatvára Zmluva o odbornej praxi, ktorá definuje práva a povinnosti oboch strán. 
+      Zmluva musí byť v súlade s legislatívou a internými predpismi školy." link="/"
+            icon="mdi mdi-file-document-edit-outline" />
+    </v-row>
 
-  <h3 class="page-container section-title">Pravidlá a povinnost počas praxe</h3>
+    <h3 class="page-container section-title">Pravidlá a povinnost počas praxe</h3>
 
-  <v-row class="pc" align="stretch" justify="start">
-    <PageCard
-      title="Pridelenie mentora"
-      description="Každému študentovi musí byť pridelený zodpovedný zamestnanec (mentor), ktorý ho bude viesť, zadávať mu úlohy a poskytovať spätnú väzbu." 
-      link="/"
-      icon="mdi mdi-account-multiple-outline"
-    />
-    <PageCard
-      title="Relevantné úlohy"
-      description="Náplň práce študenta musí zodpovedať jeho študijnému odboru a umožniť mu získať praktické zručnosti a vedomosti." 
-      link="/"
-      icon="mdi mdi-notebook-check-outline"
-    />
-    <PageCard
-      title="Bezpečnosť pri práci"
-      description="Firma je povinná zabezpečiť preškolenie o bezpečnosti a ochrane zdravia pri práci (BOZP) a poskytnúť potrebné ochranné pomôcky." 
-      link="/"
-      icon="mdi mdi-shield-outline"
-    />
-  </v-row>
+    <v-row class="pc" align="stretch" justify="start">
+        <PageCard title="Pridelenie mentora"
+            description="Každému študentovi musí byť pridelený zodpovedný zamestnanec (mentor), ktorý ho bude viesť, zadávať mu úlohy a poskytovať spätnú väzbu."
+            link="/" icon="mdi mdi-account-multiple-outline" />
+        <PageCard title="Relevantné úlohy"
+            description="Náplň práce študenta musí zodpovedať jeho študijnému odboru a umožniť mu získať praktické zručnosti a vedomosti."
+            link="/" icon="mdi mdi-notebook-check-outline" />
+        <PageCard title="Bezpečnosť pri práci"
+            description="Firma je povinná zabezpečiť preškolenie o bezpečnosti a ochrane zdravia pri práci (BOZP) a poskytnúť potrebné ochranné pomôcky."
+            link="/" icon="mdi mdi-shield-outline" />
+    </v-row>
 
-  <h3 class="page-container section-title">Hodnotenie a ukončenie praxe</h3>
+    <h3 class="page-container section-title">Hodnotenie a ukončenie praxe</h3>
 
-  <div class="ac">
-  <v-expansion-panels
-    variant="accordion"
-    class="faq"
-    elevation="0"
-    rounded="lg"
-  >
-    <v-expansion-panel>
-      <v-expansion-panel-title>
-        Ako prebieha hodnotenie študenta?
-      </v-expansion-panel-title>
-      <v-expansion-panel-text>
-        Študenta hodnotí mentor vo firme a zodpovedná osoba na škole podľa
-        stanovených kritérií (účasť, splnené úlohy, kvalita výstupov a pod.).
-      </v-expansion-panel-text>
-    </v-expansion-panel>
+    <div class="ac">
+        <v-expansion-panels variant="accordion" class="faq" elevation="0" rounded="lg">
+            <v-expansion-panel>
+                <v-expansion-panel-title>
+                    Ako prebieha hodnotenie študenta?
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    Študenta hodnotí mentor vo firme a zodpovedná osoba na škole podľa
+                    stanovených kritérií (účasť, splnené úlohy, kvalita výstupov a pod.).
+                </v-expansion-panel-text>
+            </v-expansion-panel>
 
-    <v-expansion-panel>
-      <v-expansion-panel-title>
-        Aké dokumenty je potrebné vystaviť po ukončení praxe?
-      </v-expansion-panel-title>
-      <v-expansion-panel-text>
-        Typicky potvrdenie o absolvovaní praxe a hodnotiaci formulár
-        podpísaný mentorom. Presný zoznam dodá škola.
-      </v-expansion-panel-text>
-    </v-expansion-panel>
-  </v-expansion-panels>
-</div>
+            <v-expansion-panel>
+                <v-expansion-panel-title>
+                    Aké dokumenty je potrebné vystaviť po ukončení praxe?
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    Typicky potvrdenie o absolvovaní praxe a hodnotiaci formulár
+                    podpísaný mentorom. Presný zoznam dodá škola.
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+        </v-expansion-panels>
+    </div>
 
 
 </template>
 
 <style scoped>
 .page-container {
-  max-width: 1120px; 
-  margin: 0 auto;      
-  padding-left: 24px;  
-  padding-right: 24px;
+    max-width: 1120px;
+    margin: 0 auto;
+    padding-left: 24px;
+    padding-right: 24px;
 }
 
 .page-title {
-  font-size: 32px;
-  line-height: 1.2;
-  font-weight: 700;
-  margin: 16px 0 8px;
-  color: #1f1f1f;
+    font-size: 32px;
+    line-height: 1.2;
+    font-weight: 700;
+    margin: 16px 0 8px;
+    color: #1f1f1f;
 }
+
 .page-lead {
-  margin: 0 0 24px 0;
-  color: #6b6b6b;
+    margin: 0 0 24px 0;
+    color: #6b6b6b;
 }
+
 .pc {
     margin: 0 0 24px 0;
 }
+
 .section-title {
-  font-size: 22px;
-  font-weight: 700;
-  margin: 16px 0 12px;
-  color: #1f1f1f;
-}
-.ac {
-  margin-left: 24px;
-  margin-bottom: 50px;
-  max-width: 700px;
-}
-.faq :deep(.v-expansion-panel) {
-  border: 1px solid #e0e0e0;
-  border-radius: 10px;
-}
-.faq :deep(.v-expansion-panel:not(:first-child)) {
-  margin-top: 12px;        
-}
-.faq :deep(.v-expansion-panel-title) {
-  font-weight: 600;       
+    font-size: 22px;
+    font-weight: 700;
+    margin: 16px 0 12px;
+    color: #1f1f1f;
 }
 
+.ac {
+    margin-left: 24px;
+    margin-bottom: 50px;
+    max-width: 700px;
+}
+
+.faq :deep(.v-expansion-panel) {
+    border: 1px solid #e0e0e0;
+    border-radius: 10px;
+}
+
+.faq :deep(.v-expansion-panel:not(:first-child)) {
+    margin-top: 12px;
+}
+
+.faq :deep(.v-expansion-panel-title) {
+    font-weight: 600;
+}
 </style>
diff --git a/frontend/app/pages/info/student.vue b/frontend/app/pages/info/student.vue
index 2852b87..dc3cd57 100644
--- a/frontend/app/pages/info/student.vue
+++ b/frontend/app/pages/info/student.vue
@@ -1,74 +1,60 @@
 <template>
-  <h2 class="page-container page-title">Informácie o odbornej praxi pre študentov</h2>
-  <p class="page-container page-lead">
-    Kompletné informácie o odbornej praxi – priebeh, hodnotenie, zmluvy a pokyny pre študentov.
-  </p>
+    <h2 class="page-container page-title">Informácie o odbornej praxi pre študentov</h2>
+    <p class="page-container page-lead">
+        Kompletné informácie o odbornej praxi – priebeh, hodnotenie, zmluvy a pokyny pre študentov.
+    </p>
 
-  <br />
+    <br />
 
-  <h3 class="page-container section-title">Podmienky absolvovania predmetu</h3>
+    <h3 class="page-container section-title">Podmienky absolvovania predmetu</h3>
 
-  <v-row class="pc" align="stretch" justify="start">
-    <PageCard
-      title="Rozsah a účasť"
-      description="Absolvovanie praxe v minimálnom rozsahu 130 hodín a povinná účasť na úvodnom stretnutí"
-      link="/"
-      icon="mdi-clock-time-five-outline"
-    />
-    <PageCard
-      title="Denník praxe"
-      description="Priebežné vedenie denníka praxe podľa predpísanej štruktúry a jeho odovzdanie na konci obdobia."
-      link="/"
-      icon="mdi-notebook-edit-outline"
-    />
-    <PageCard
-      title="Poster a prezentácia"
-      description="Príprava a prezentácia posteru. Hodnotí sa obsah, vizuálna stránka a kvalita prezentácie."
-      link="/"
-      icon="mdi-presentation"
-    />
-    <PageCard
-      title="Bodové hodnotenie"
-      description="Max. 100 bodov (50b firma, 50b poster a prezentácia). Minimum pre absolvovanie je 51 bodov."
-      link="/"
-      icon="mdi-checkbox-marked-outline"
-    />
-    <PageCard
-      title="Kredity"
-      description="Po úspešnom absolvovaní predmetu študent získa 5 kreditov"
-      link="/"
-      icon="mdi-school-outline"
-    />
-  </v-row>
+    <v-row class="pc" align="stretch" justify="start">
+        <PageCard title="Rozsah a účasť"
+            description="Absolvovanie praxe v minimálnom rozsahu 130 hodín a povinná účasť na úvodnom stretnutí"
+            link="/" icon="mdi-clock-time-five-outline" />
+        <PageCard title="Denník praxe"
+            description="Priebežné vedenie denníka praxe podľa predpísanej štruktúry a jeho odovzdanie na konci obdobia."
+            link="/" icon="mdi-notebook-edit-outline" />
+        <PageCard title="Poster a prezentácia"
+            description="Príprava a prezentácia posteru. Hodnotí sa obsah, vizuálna stránka a kvalita prezentácie."
+            link="/" icon="mdi-presentation" />
+        <PageCard title="Bodové hodnotenie"
+            description="Max. 100 bodov (50b firma, 50b poster a prezentácia). Minimum pre absolvovanie je 51 bodov."
+            link="/" icon="mdi-checkbox-marked-outline" />
+        <PageCard title="Kredity" description="Po úspešnom absolvovaní predmetu študent získa 5 kreditov" link="/"
+            icon="mdi-school-outline" />
+    </v-row>
 </template>
 
 <style scoped>
 .page-container {
-  max-width: 1120px; 
-  margin: 0 auto;      
-  padding-left: 24px;  
-  padding-right: 24px;
+    max-width: 1120px;
+    margin: 0 auto;
+    padding-left: 24px;
+    padding-right: 24px;
 }
 
 .page-title {
-  font-size: 32px;
-  line-height: 1.2;
-  font-weight: 700;
-  margin: 16px 0 8px;
-  color: #1f1f1f;
+    font-size: 32px;
+    line-height: 1.2;
+    font-weight: 700;
+    margin: 16px 0 8px;
+    color: #1f1f1f;
 }
+
 .page-lead {
-  margin: 0 0 24px 0;
-  color: #6b6b6b;
+    margin: 0 0 24px 0;
+    color: #6b6b6b;
 }
+
 .pc {
     margin: 0 0 24px 0;
 }
-.section-title {
-  font-size: 22px;
-  font-weight: 700;
-  margin: 16px 0 12px;
-  color: #1f1f1f;
-}
 
+.section-title {
+    font-size: 22px;
+    font-weight: 700;
+    margin: 16px 0 12px;
+    color: #1f1f1f;
+}
 </style>
diff --git a/frontend/app/pages/login.vue b/frontend/app/pages/login.vue
index 872e7a5..b6c95fc 100644
--- a/frontend/app/pages/login.vue
+++ b/frontend/app/pages/login.vue
@@ -1,52 +1,29 @@
 <template>
-  <div class="page-container form-wrap">
-    <h2 class="page-title">Prihlásenie</h2>
+    <div class="page-container form-wrap">
+        <h2 class="page-title">Prihlásenie</h2>
 
-    <v-form v-model="isValid" @submit.prevent="onSubmit">
-      <v-text-field
-        v-model="form.email"
-        :rules="[rules.required, rules.email]"
-        label="Email:"
-        variant="outlined"
-        density="comfortable"
-      />
+        <v-form v-model="isValid" @submit.prevent="onSubmit">
+            <v-text-field v-model="form.email" :rules="[rules.required, rules.email]" label="Email:" variant="outlined"
+                density="comfortable" />
 
-      <v-text-field
-        v-model="form.password"
-        :rules="[rules.required]"
-        :type="showPassword ? 'text' : 'password'"
-        label="Heslo:"
-        variant="outlined"
-        density="comfortable"
-        :append-inner-icon="showPassword ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
-        @click:append-inner="showPassword = !showPassword"
-      />
+            <v-text-field v-model="form.password" :rules="[rules.required]" :type="showPassword ? 'text' : 'password'"
+                label="Heslo:" variant="outlined" density="comfortable"
+                :append-inner-icon="showPassword ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
+                @click:append-inner="showPassword = !showPassword" />
 
-      <div class="actions-row">
-        <v-spacer />
-       <v-btn
-          type="button"              
-          variant="tonal"
-          color="success"
-          size="small"
-          class="forgot-btn"
-          dense to="/reset_psw"      
-        >
-          Zabudnuté heslo...
-        </v-btn>
-      </div>
+            <div class="actions-row">
+                <v-spacer />
+                <v-btn type="button" variant="tonal" color="success" size="small" class="forgot-btn" dense
+                    to="/reset_psw">
+                    Zabudnuté heslo...
+                </v-btn>
+            </div>
 
-      <v-btn
-        type="submit"
-        color="success"
-        size="large"
-        block
-        :disabled="!isValid"
-      >
-        Prihlásiť
-      </v-btn>
-    </v-form>
-  </div>
+            <v-btn type="submit" color="success" size="large" block :disabled="!isValid">
+                Prihlásiť
+            </v-btn>
+        </v-form>
+    </div>
 </template>
 
 <script setup>
@@ -56,13 +33,13 @@ const isValid = ref(false)
 const showPassword = ref(false)
 
 const form = reactive({
-  email: '',
-  password: '',
+    email: '',
+    password: '',
 })
 
 const rules = {
-  required: v => (!!v && String(v).trim().length > 0) || 'Povinné pole',
-  email: v => /.+@.+\..+/.test(v) || 'Zadajte platný email',
+    required: v => (!!v && String(v).trim().length > 0) || 'Povinné pole',
+    email: v => /.+@.+\..+/.test(v) || 'Zadajte platný email',
 }
 
 function onSubmit() {
@@ -76,34 +53,41 @@ function onForgot() {
 
 <style scoped>
 .page-container {
-  max-width: 1120px;
-  margin: 0 auto;
-  padding-left: 24px;
-  padding-right: 24px;
+    max-width: 1120px;
+    margin: 0 auto;
+    padding-left: 24px;
+    padding-right: 24px;
 }
+
 .form-wrap {
-  max-width: 640px; 
+    max-width: 640px;
 }
+
 .page-title {
-  font-size: 24px;
-  line-height: 1.2;
-  font-weight: 700;
-  margin: 24px 0 16px;
-  color: #1f1f1f;
+    font-size: 24px;
+    line-height: 1.2;
+    font-weight: 700;
+    margin: 24px 0 16px;
+    color: #1f1f1f;
 }
 
 .actions-row {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
 }
+
 .forgot-btn {
-  text-transform: none;
-  font-weight: 600;
-  border-radius: 999px;
+    text-transform: none;
+    font-weight: 600;
+    border-radius: 999px;
 }
 
-.mb-1 { margin-bottom: 6px; }
-.mb-2 { margin-bottom: 10px; }
-</style>
+.mb-1 {
+    margin-bottom: 6px;
+}
 
+.mb-2 {
+    margin-bottom: 10px;
+}
+</style>
diff --git a/frontend/app/pages/register/company.vue b/frontend/app/pages/register/company.vue
index 6113226..c4fe7f9 100644
--- a/frontend/app/pages/register/company.vue
+++ b/frontend/app/pages/register/company.vue
@@ -1,65 +1,30 @@
 <template>
-  <div class="page-container form-wrap">
-    <h4 class="page-title">Registrácia firmy</h4>
+    <div class="page-container form-wrap">
+        <h4 class="page-title">Registrácia firmy</h4>
 
-    <v-form v-model="isValid" @submit.prevent="onSubmit">
-      <v-text-field
-        v-model="form.companyName"
-        :rules="[rules.required]"
-        label="Názov firmy:"
-        variant="outlined"
-        density="comfortable"
-      />
-      <v-text-field
-        v-model="form.companyAddress"
-        :rules="[rules.required]"
-        label="Adresa:"
-        variant="outlined"
-        density="comfortable"
-      />
+        <v-form v-model="isValid" @submit.prevent="onSubmit">
+            <v-text-field v-model="form.companyName" :rules="[rules.required]" label="Názov firmy:" variant="outlined"
+                density="comfortable" />
+            <v-text-field v-model="form.companyAddress" :rules="[rules.required]" label="Adresa:" variant="outlined"
+                density="comfortable" />
 
-      <h4 class="section-heading mt-4">Kontaktná osoba</h4>
+            <h4 class="section-heading mt-4">Kontaktná osoba</h4>
 
-      <v-text-field
-        v-model="form.contactName"
-        :rules="[rules.required]"
-        label="Meno:"
-        variant="outlined"
-        density="comfortable"
-      />
-      <v-text-field
-        v-model="form.contactEmail"
-        :rules="[rules.required, rules.email]"
-        label="Email:"
-        variant="outlined"
-        density="comfortable"
-      />
-      <v-text-field
-        v-model="form.contactPhone"
-        :rules="[rules.phone]"
-        label="Telefón:"
-        variant="outlined"
-        density="comfortable"
-      />
+            <v-text-field v-model="form.contactName" :rules="[rules.required]" label="Meno:" variant="outlined"
+                density="comfortable" />
+            <v-text-field v-model="form.contactEmail" :rules="[rules.required, rules.email]" label="Email:"
+                variant="outlined" density="comfortable" />
+            <v-text-field v-model="form.contactPhone" :rules="[rules.phone]" label="Telefón:" variant="outlined"
+                density="comfortable" />
 
-      <v-checkbox
-        v-model="form.consent"
-        :rules="[rules.mustAgree]"
-        label="Súhlasím s podmienkami spracúvania osobných údajov"
-        density="comfortable"
-      />
+            <v-checkbox v-model="form.consent" :rules="[rules.mustAgree]"
+                label="Súhlasím s podmienkami spracúvania osobných údajov" density="comfortable" />
 
-      <v-btn
-        type="submit"
-        color="success"
-        size="large"
-        block
-        :disabled="!isValid || !form.consent"
-      >
-        Registrovať
-      </v-btn>
-    </v-form>
-  </div>
+            <v-btn type="submit" color="success" size="large" block :disabled="!isValid || !form.consent">
+                Registrovať
+            </v-btn>
+        </v-form>
+    </div>
 </template>
 
 <script setup>
@@ -68,19 +33,19 @@ import { reactive, ref } from 'vue'
 const isValid = ref(false)
 
 const form = reactive({
-  companyName: '',
-  companyAddress: '',
-  contactName: '',
-  contactEmail: '',
-  contactPhone: '',
-  consent: false,
+    companyName: '',
+    companyAddress: '',
+    contactName: '',
+    contactEmail: '',
+    contactPhone: '',
+    consent: false,
 })
 
 const rules = {
-  required: v => (!!v && String(v).trim().length > 0) || 'Povinné pole',
-  email: v => /.+@.+\..+/.test(v) || 'Zadajte platný email',
-  phone: v => (!v || /^[0-9 +()-]{6,}$/.test(v)) || 'Zadajte platné telefónne číslo',
-  mustAgree: v => v === true || 'Je potrebné súhlasiť',
+    required: v => (!!v && String(v).trim().length > 0) || 'Povinné pole',
+    email: v => /.+@.+\..+/.test(v) || 'Zadajte platný email',
+    phone: v => (!v || /^[0-9 +()-]{6,}$/.test(v)) || 'Zadajte platné telefónne číslo',
+    mustAgree: v => v === true || 'Je potrebné súhlasiť',
 }
 
 function onSubmit() {
@@ -90,30 +55,40 @@ function onSubmit() {
 
 <style scoped>
 .page-container {
-  max-width: 1120px;
-  margin: 0 auto;
-  padding-left: 24px;
-  padding-right: 24px;
+    max-width: 1120px;
+    margin: 0 auto;
+    padding-left: 24px;
+    padding-right: 24px;
 }
+
 .form-wrap {
-  max-width: 640px; 
+    max-width: 640px;
 }
+
 .page-title {
-  font-size: 24px;
-  line-height: 1.2;
-  font-weight: 700;
-  margin: 24px 0 16px;
-  color: #1f1f1f;
+    font-size: 24px;
+    line-height: 1.2;
+    font-weight: 700;
+    margin: 24px 0 16px;
+    color: #1f1f1f;
 }
+
 .section-heading {
-  font-size: 18px;
-  font-weight: 700;
-  margin: 8px 0 8px;
-  color: #1f1f1f;
+    font-size: 18px;
+    font-weight: 700;
+    margin: 8px 0 8px;
+    color: #1f1f1f;
 }
 
-.mb-2 { margin-bottom: 8px; }
-.mb-3 { margin-bottom: 12px; }
-.mt-4 { margin-top: 16px; }
-</style>
+.mb-2 {
+    margin-bottom: 8px;
+}
 
+.mb-3 {
+    margin-bottom: 12px;
+}
+
+.mt-4 {
+    margin-top: 16px;
+}
+</style>
diff --git a/frontend/app/pages/register/index.vue b/frontend/app/pages/register/index.vue
index 4054a0e..3fde413 100644
--- a/frontend/app/pages/register/index.vue
+++ b/frontend/app/pages/register/index.vue
@@ -1,19 +1,11 @@
 <template>
-
-  <v-row class="pc" align="stretch" justify="start">
-    <PageCard
-      title="Registrácia študenta"
-      description="Zaregistruj sa a začni svoju odbornú prax."
-      link="/register/student"
-      icon="mdi mdi-account"
-    />
-    <PageCard
-      title="Registrácia firmy"
-      description="Staň sa partnerskou firmou a pomôž študentom získať prax vo svojom odbore."
-      link="/register/company"
-      icon="mdi mdi-office-building"
-    />
-  </v-row>
+    <v-row class="pc" align="stretch" justify="start">
+        <PageCard title="Registrácia študenta" description="Zaregistruj sa a začni svoju odbornú prax."
+            link="/register/student" icon="mdi mdi-account" />
+        <PageCard title="Registrácia firmy"
+            description="Staň sa partnerskou firmou a pomôž študentom získať prax vo svojom odbore."
+            link="/register/company" icon="mdi mdi-office-building" />
+    </v-row>
 </template>
 
 <style scoped>
diff --git a/frontend/app/pages/register/student.vue b/frontend/app/pages/register/student.vue
index c2ef5f0..e3933a7 100644
--- a/frontend/app/pages/register/student.vue
+++ b/frontend/app/pages/register/student.vue
@@ -1,88 +1,37 @@
 <template>
-  <div class="page-container form-wrap">
-    <h4 class="page-title">Registrácia študenta</h4>
-    <v-form v-model="isValid" @submit.prevent="onSubmit">
-      <v-text-field
-        v-model="form.title"
-        label="Tituly pred:"
-        variant="outlined"
-        density="comfortable"
-      />
+    <div class="page-container form-wrap">
+        <h4 class="page-title">Registrácia študenta</h4>
+        <v-form v-model="isValid" @submit.prevent="onSubmit">
+            <v-text-field v-model="form.title" label="Tituly pred:" variant="outlined" density="comfortable" />
 
-      <v-text-field
-        v-model="form.firstName"
-        :rules="[rules.required]"
-        label="Meno:"
-        variant="outlined"
-        density="comfortable"
-      />
+            <v-text-field v-model="form.firstName" :rules="[rules.required]" label="Meno:" variant="outlined"
+                density="comfortable" />
 
-      <v-text-field
-        v-model="form.lastName"
-        :rules="[rules.required]"
-        label="Priezvisko:"
-        variant="outlined"
-        density="comfortable"
-      />
+            <v-text-field v-model="form.lastName" :rules="[rules.required]" label="Priezvisko:" variant="outlined"
+                density="comfortable" />
 
-      <v-text-field
-        v-model="form.address"
-        label="Adresa:"
-        variant="outlined"
-        density="comfortable"
-      />
+            <v-text-field v-model="form.address" label="Adresa:" variant="outlined" density="comfortable" />
 
-      <v-text-field
-        v-model="form.studentEmail"
-        :rules="[rules.required, rules.email]"
-        label="Študentský email:"
-        variant="outlined"
-        density="comfortable"
-      />
+            <v-text-field v-model="form.studentEmail" :rules="[rules.required, rules.email]" label="Študentský email:"
+                variant="outlined" density="comfortable" />
 
-      <v-text-field
-        v-model="form.altEmail"
-        :rules="[rules.optionalEmail]"
-        label="Alternatívny email:"
-        variant="outlined"
-        density="comfortable"
-      />
+            <v-text-field v-model="form.altEmail" :rules="[rules.optionalEmail]" label="Alternatívny email:"
+                variant="outlined" density="comfortable" />
 
-      <v-text-field
-        v-model="form.phone"
-        :rules="[rules.phone]"
-        label="Telefón:"
-        variant="outlined"
-        density="comfortable"
-      />
+            <v-text-field v-model="form.phone" :rules="[rules.phone]" label="Telefón:" variant="outlined"
+                density="comfortable" />
 
-      <v-select
-        v-model="form.studyProgram"
-        :items="programs"
-        :rules="[rules.required]"
-        label="Študijný odbor:"
-        variant="outlined"
-        density="comfortable"
-      />
+            <v-select v-model="form.studyProgram" :items="programs" :rules="[rules.required]" label="Študijný odbor:"
+                variant="outlined" density="comfortable" />
 
-      <v-checkbox
-        v-model="form.consent"
-        :rules="[rules.mustAgree]"
-        label="Súhlasím s podmienkami spracúvania osobných údajov"
-        density="comfortable"
-      />
+            <v-checkbox v-model="form.consent" :rules="[rules.mustAgree]"
+                label="Súhlasím s podmienkami spracúvania osobných údajov" density="comfortable" />
 
-      <v-btn
-        type="submit"
-        color="success"
-        size="large"
-        block
-        :disabled="!isValid || !form.consent"
-      >
-        Registrovať
-      </v-btn>
-    </v-form>
-  </div>
+            <v-btn type="submit" color="success" size="large" block :disabled="!isValid || !form.consent">
+                Registrovať
+            </v-btn>
+        </v-form>
+    </div>
 </template>
 
 <script setup>
@@ -91,30 +40,30 @@ import { reactive, ref } from 'vue'
 const isValid = ref(false)
 
 const form = reactive({
-  title: '',
-  firstName: '',
-  lastName: '',
-  address: '',
-  studentEmail: '',
-  altEmail: '',
-  phone: '',
-  studyProgram: null,
-  consent: false,
+    title: '',
+    firstName: '',
+    lastName: '',
+    address: '',
+    studentEmail: '',
+    altEmail: '',
+    phone: '',
+    studyProgram: null,
+    consent: false,
 })
 
 const programs = [
-  'Aplikovaná informatika',
+    'Aplikovaná informatika',
 ]
 
 const rules = {
-  required: v => (!!v && String(v).trim().length > 0) || 'Povinné pole',
-  email: v =>
-    /.+@.+\..+/.test(v) || 'Zadajte platný email',
-  optionalEmail: v =>
-    (!v || /.+@.+\..+/.test(v)) || 'Zadajte platný email',
-  phone: v =>
-    (!v || /^[0-9 +()-]{6,}$/.test(v)) || 'Zadajte platné telefónne číslo',
-  mustAgree: v => v === true || 'Je potrebné súhlasiť',
+    required: v => (!!v && String(v).trim().length > 0) || 'Povinné pole',
+    email: v =>
+        /.+@.+\..+/.test(v) || 'Zadajte platný email',
+    optionalEmail: v =>
+        (!v || /.+@.+\..+/.test(v)) || 'Zadajte platný email',
+    phone: v =>
+        (!v || /^[0-9 +()-]{6,}$/.test(v)) || 'Zadajte platné telefónne číslo',
+    mustAgree: v => v === true || 'Je potrebné súhlasiť',
 }
 
 function onSubmit() {
@@ -124,23 +73,33 @@ function onSubmit() {
 
 <style scoped>
 .page-container {
-  max-width: 1120px;
-  margin: 0 auto;
-  padding-left: 24px;
-  padding-right: 24px;
+    max-width: 1120px;
+    margin: 0 auto;
+    padding-left: 24px;
+    padding-right: 24px;
 }
-.page-title {
-  font-size: 24px;
-  line-height: 1.2;
-  font-weight: 700;
-  margin: 24px 0 16px;
-  color: #1f1f1f;
-}
-.form-wrap {
-  max-width: 640px; 
-}
-.mb-2 { margin-bottom: 8px; }
-.mb-3 { margin-bottom: 12px; }
-.mb-4 { margin-bottom: 16px; }
-</style>
 
+.page-title {
+    font-size: 24px;
+    line-height: 1.2;
+    font-weight: 700;
+    margin: 24px 0 16px;
+    color: #1f1f1f;
+}
+
+.form-wrap {
+    max-width: 640px;
+}
+
+.mb-2 {
+    margin-bottom: 8px;
+}
+
+.mb-3 {
+    margin-bottom: 12px;
+}
+
+.mb-4 {
+    margin-bottom: 16px;
+}
+</style>
diff --git a/frontend/app/pages/reset_psw.vue b/frontend/app/pages/reset_psw.vue
index ea1ba39..2fd0df8 100644
--- a/frontend/app/pages/reset_psw.vue
+++ b/frontend/app/pages/reset_psw.vue
@@ -1,31 +1,20 @@
 <template>
-  <div class="page-container form-wrap">
-    <h2 class="page-title">Reset hesla</h2>
+    <div class="page-container form-wrap">
+        <h2 class="page-title">Reset hesla</h2>
 
-    <v-form v-model="isValid" @submit.prevent="onSubmit">
-      <v-text-field
-        v-model="email"
-        :rules="[rules.required, rules.email]"
-        label="Email:"
-        variant="outlined"
-        density="comfortable"
-      />
+        <v-form v-model="isValid" @submit.prevent="onSubmit">
+            <v-text-field v-model="email" :rules="[rules.required, rules.email]" label="Email:" variant="outlined"
+                density="comfortable" />
 
-      <v-btn
-        type="submit"
-        color="success"
-        size="large"
-        block
-        :disabled="!isValid"
-      >
-        Odoslať Email
-      </v-btn>
-    </v-form>
+            <v-btn type="submit" color="success" size="large" block :disabled="!isValid">
+                Odoslať Email
+            </v-btn>
+        </v-form>
 
-    <v-snackbar v-model="snackbar" timeout="2500">
-      Odoslané na mail
-    </v-snackbar>
-  </div>
+        <v-snackbar v-model="snackbar" timeout="2500">
+            Odoslané na mail
+        </v-snackbar>
+    </div>
 </template>
 
 <script setup>
@@ -36,33 +25,36 @@ const email = ref('')
 const snackbar = ref(false)
 
 const rules = {
-  required: v => (!!v && String(v).trim().length > 0) || 'Povinné pole',
-  email: v => /.+@.+\..+/.test(v) || 'Zadajte platný email',
+    required: v => (!!v && String(v).trim().length > 0) || 'Povinné pole',
+    email: v => /.+@.+\..+/.test(v) || 'Zadajte platný email',
 }
 
 function onSubmit() {
-  snackbar.value = true
+    snackbar.value = true
 }
 </script>
 
 <style scoped>
 .page-container {
-  max-width: 1120px;
-  margin: 0 auto;
-  padding-left: 24px;
-  padding-right: 24px;
+    max-width: 1120px;
+    margin: 0 auto;
+    padding-left: 24px;
+    padding-right: 24px;
 }
+
 .form-wrap {
-  max-width: 560px;
+    max-width: 560px;
 }
+
 .page-title {
-  font-size: 24px;
-  line-height: 1.2;
-  font-weight: 700;
-  margin: 24px 0 16px;
-  color: #1f1f1f;
+    font-size: 24px;
+    line-height: 1.2;
+    font-weight: 700;
+    margin: 24px 0 16px;
+    color: #1f1f1f;
+}
+
+.mb-3 {
+    margin-bottom: 12px;
 }
-.mb-3 { margin-bottom: 12px; }
 </style>
-
-