From 97256e444b62373dd65b2353ffd5defe0359fa2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sofia=20Reh=C3=A1kov=C3=A1?=
 <125893846+sofiarehakova@users.noreply.github.com>
Date: Mon, 20 Oct 2025 18:00:45 +0200
Subject: [PATCH] login & reset hesla

---
 frontend/app/pages/login.vue           | 120 +++++++++++++++++++++----
 frontend/app/pages/registerCompany.vue |  12 +--
 frontend/app/pages/reset_psw.vue       |  68 ++++++++++++++
 3 files changed, 177 insertions(+), 23 deletions(-)
 create mode 100644 frontend/app/pages/reset_psw.vue

diff --git a/frontend/app/pages/login.vue b/frontend/app/pages/login.vue
index 925b96a..872e7a5 100644
--- a/frontend/app/pages/login.vue
+++ b/frontend/app/pages/login.vue
@@ -1,23 +1,109 @@
 <template>
+  <div class="page-container form-wrap">
+    <h2 class="page-title">Prihlásenie</h2>
 
-  <v-row class="pc" align="stretch" justify="start">
-    <PageCard
-      title="Registrácia študenta"
-      description="Zaregistruj sa a začni svoju odbornú prax."
-      link="/registerStudent"
-      icon="mdi mdi-account"
-    />
-    <PageCard
-      title="Registrácia firmy"
-      description="Staň sa partnerskou firmou a pomôž študentom získať prax vo svojom odbore."
-      link="/registerCompany"
-      icon="mdi mdi-office-building"
-    />
-  </v-row>
+    <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"
+      />
+
+      <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>
 </template>
 
-<style scoped>
-.pc {
-    margin: 0 0 24px 0;
+<script setup>
+import { reactive, ref } from 'vue'
+
+const isValid = ref(false)
+const showPassword = ref(false)
+
+const form = reactive({
+  email: '',
+  password: '',
+})
+
+const rules = {
+  required: v => (!!v && String(v).trim().length > 0) || 'Povinné pole',
+  email: v => /.+@.+\..+/.test(v) || 'Zadajte platný email',
 }
+
+function onSubmit() {
+
+}
+
+function onForgot() {
+
+}
+</script>
+
+<style scoped>
+.page-container {
+  max-width: 1120px;
+  margin: 0 auto;
+  padding-left: 24px;
+  padding-right: 24px;
+}
+.form-wrap {
+  max-width: 640px; 
+}
+.page-title {
+  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;
+}
+.forgot-btn {
+  text-transform: none;
+  font-weight: 600;
+  border-radius: 999px;
+}
+
+.mb-1 { margin-bottom: 6px; }
+.mb-2 { margin-bottom: 10px; }
 </style>
+
diff --git a/frontend/app/pages/registerCompany.vue b/frontend/app/pages/registerCompany.vue
index 20e2f9d..6113226 100644
--- a/frontend/app/pages/registerCompany.vue
+++ b/frontend/app/pages/registerCompany.vue
@@ -8,14 +8,14 @@
         :rules="[rules.required]"
         label="Názov firmy:"
         variant="outlined"
-        density="compact"
+        density="comfortable"
       />
       <v-text-field
         v-model="form.companyAddress"
         :rules="[rules.required]"
         label="Adresa:"
         variant="outlined"
-        density="compact"
+        density="comfortable"
       />
 
       <h4 class="section-heading mt-4">Kontaktná osoba</h4>
@@ -25,28 +25,28 @@
         :rules="[rules.required]"
         label="Meno:"
         variant="outlined"
-        density="compact"
+        density="comfortable"
       />
       <v-text-field
         v-model="form.contactEmail"
         :rules="[rules.required, rules.email]"
         label="Email:"
         variant="outlined"
-        density="compact"
+        density="comfortable"
       />
       <v-text-field
         v-model="form.contactPhone"
         :rules="[rules.phone]"
         label="Telefón:"
         variant="outlined"
-        density="compact"
+        density="comfortable"
       />
 
       <v-checkbox
         v-model="form.consent"
         :rules="[rules.mustAgree]"
         label="Súhlasím s podmienkami spracúvania osobných údajov"
-        density="compact"
+        density="comfortable"
       />
 
       <v-btn
diff --git a/frontend/app/pages/reset_psw.vue b/frontend/app/pages/reset_psw.vue
new file mode 100644
index 0000000..ea1ba39
--- /dev/null
+++ b/frontend/app/pages/reset_psw.vue
@@ -0,0 +1,68 @@
+<template>
+  <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-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>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const isValid = ref(false)
+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',
+}
+
+function onSubmit() {
+  snackbar.value = true
+}
+</script>
+
+<style scoped>
+.page-container {
+  max-width: 1120px;
+  margin: 0 auto;
+  padding-left: 24px;
+  padding-right: 24px;
+}
+.form-wrap {
+  max-width: 560px;
+}
+.page-title {
+  font-size: 24px;
+  line-height: 1.2;
+  font-weight: 700;
+  margin: 24px 0 16px;
+  color: #1f1f1f;
+}
+.mb-3 { margin-bottom: 12px; }
+</style>
+
+