feat: implement "forgot my password"

backend/app/Http/Controllers/Auth/RegisteredUserController.php

@@ -3,6 +3,7 @@
 namespace App\Http\Controllers\Auth;
 
 use App\Http\Controllers\Controller;
+use App\Mail\UserPasswordReset;
 use App\Mail\UserRegistrationCompleted;
 use App\Models\Company;
 use App\Models\StudentData;
@@ -10,7 +11,6 @@ use App\Models\User;
 use Illuminate\Auth\Events\Registered;
 use Illuminate\Http\Request;
 use Illuminate\Http\Response;
-use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Hash;
 use Mail;
 
@@ -78,4 +78,23 @@ class RegisteredUserController extends Controller
 
         return response()->noContent();
     }
+
+    public function reset_password(Request $request): Response {
+        $request->validate([
+            'email' => ['required', 'string', 'lowercase', 'email', 'max:255'],
+        ]);
+
+        $user = User::whereEmail($request->email)->first();
+        if (!$user) {
+            return response(status: 400);
+        }
+
+        $newPassword = bin2hex(random_bytes(16));
+        $user->password = Hash::make($newPassword);
+        $user->save();
+
+        Mail::to($user)->sendNow(new UserPasswordReset($user->name, $newPassword));
+
+        return response()->noContent();
+    }
 }

backend/app/Mail/UserPasswordReset.php

@@ -0,0 +1,61 @@
+<?php
+
+namespace App\Mail;
+
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Mail\Mailable;
+use Illuminate\Mail\Mailables\Content;
+use Illuminate\Mail\Mailables\Envelope;
+use Illuminate\Queue\SerializesModels;
+
+class UserPasswordReset extends Mailable
+{
+    use Queueable, SerializesModels;
+
+    private string $name;
+    private string $password;
+
+    /**
+     * Create a new message instance.
+     */
+    public function __construct(string $name, string $password)
+    {
+        $this->name = $name;
+        $this->password = $password;
+    }
+
+    /**
+     * Get the message envelope.
+     */
+    public function envelope(): Envelope
+    {
+        return new Envelope(
+            subject: '[ISOP] Reset hesla',
+        );
+    }
+
+    /**
+     * Get the message content definition.
+     */
+    public function content(): Content
+    {
+        return new Content(
+            view: 'mail.passwordreset',
+            with: [
+                'name' => $this->name,
+                'password' => $this->password,
+            ]
+        );
+    }
+
+    /**
+     * Get the attachments for the message.
+     *
+     * @return array<int, \Illuminate\Mail\Mailables\Attachment>
+     */
+    public function attachments(): array
+    {
+        return [];
+    }
+}

backend/resources/views/mail/passwordreset.blade.php

@@ -0,0 +1,12 @@
+@include("parts.header")
+<p>Vážená/ý {{ $name }},</p>
+<p>vaše heslo bolo úspešne resetované</p>
+<br />
+
+<p>Vaše nové heslo je: <em>{{ $password }}</em></p>
+
+<br />
+
+<p>s pozdravom</p>
+<p>Systém ISOP UKF</p>
+@include("parts.footer")

backend/routes/api.php

@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\Auth\RegisteredUserController;
 use App\Models\Company;
 use App\Models\StudentData;
 use Illuminate\Http\Request;
@@ -16,3 +17,7 @@ Route::middleware(['auth:sanctum'])->get('/user', function (Request $request) {
 
     return $user;
 });
+
+Route::post('/password-reset', [RegisteredUserController::class, 'reset_password'])
+    ->middleware(['guest', 'throttle:6,1'])
+    ->name('password.reset');

frontend/app/pages/reset_psw/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { FetchError } from 'ofetch';
+const client = useSanctumClient();
 
 definePageMeta({
     middleware: ['sanctum:guest'],
@@ -19,7 +19,6 @@ const rules = {
 
 const isValid = ref(false);
 const email = ref('');
-const snackbar = ref(false);
 
 const loading = ref(false);
 const error = ref(null as null | string);
@@ -29,11 +28,16 @@ async function handleReset() {
     loading.value = true;
 
     try {
-        // TODO: implement
-    } catch (e) {
-        if (e instanceof FetchError && e.response?.status === 422) {
-            error.value = e.response?._data.message;
-        }
+        await client("/api/password-reset", {
+            method: 'POST',
+            body: {
+                email: email.value
+            }
+        });
+
+        navigateTo("/reset_psw/request_sent");
+    } catch (e: any) {
+        error.value = e.data?.message as string;
     } finally {
         loading.value = false;
     }
@@ -47,11 +51,11 @@ async function handleReset() {
 
             <!-- Chybová hláška -->
             <v-alert v-if="error !== null" density="compact" :text="error" title="Chyba" type="error"
-                id="login-error-alert" class="mx-auto"></v-alert>
+                id="login-error-alert" class="alert mx-auto"></v-alert>
 
             <!-- Čakajúca hláška -->
             <v-alert v-if="loading" density="compact" text="Prosím čakajte..." title="Spracovávam" type="info"
-                id="login-error-alert" class="mx-auto"></v-alert>
+                id="login-error-alert" class="alert mx-auto"></v-alert>
 
             <v-form v-else v-model="isValid" @submit.prevent="handleReset">
                 <v-text-field v-model="email" :rules="[rules.required, rules.email]" label="Email:" variant="outlined"
@@ -61,15 +65,15 @@ async function handleReset() {
                     Odoslať Email
                 </v-btn>
             </v-form>
-
-            <v-snackbar v-model="snackbar" timeout="2500">
-                Odoslané na mail
-            </v-snackbar>
         </v-card>
     </v-container>
 </template>
 
 <style scoped>
+.alert {
+    margin-bottom: 10px;
+}
+
 .page-container {
     max-width: 1120px;
     margin: 0 auto;

frontend/app/pages/reset_psw/request_sent.vue

@@ -0,0 +1,52 @@
+<script setup lang="ts">
+definePageMeta({
+    middleware: ['sanctum:guest'],
+});
+
+useSeoMeta({
+    title: "Reset hesla | ISOP",
+    ogTitle: "Reset hesla",
+    description: "Reset hesla ISOP",
+    ogDescription: "Reset hesla",
+});
+</script>
+
+<template>
+    <v-container fluid class="page-container form-wrap">
+        <v-card id="page-container-card">
+            <h2 class="page-title">Reset hesla</h2>
+
+            <v-alert density="compact" text="Nové heslo vám bolo zaslané na e-mail" title="Reset hesla" type="info"
+                class="mx-auto"></v-alert>
+        </v-card>
+    </v-container>
+</template>
+
+<style scoped>
+.page-container {
+    max-width: 1120px;
+    margin: 0 auto;
+    padding-left: 24px;
+    padding-right: 24px;
+}
+
+#page-container-card {
+    padding: 10px;
+}
+
+.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>