login & reset hesla

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>
+

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

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>
+
+