Skip to content

Forgot Password Page

URL: /user/forgot-password Template: Modules/Application/resources/views/user/forgot.blade.php

Displays a form for users to request a password reset email.


Page Variables

Variable Description
session('login_register_msg') Flash message (success or error)
$errors->first('email') Validation error for the email field

Template Example

@extends('layout.layout')

@section('headtitle')
    <title>Forgot Password | {{ $page->settings->siteTitle }}</title>
@endsection

@section('content')
<div class="container mt-4" style="max-width: 500px;">
    <div class="card">
        <div class="card-header">
            <h1 class="h4 mb-0">Reset Your Password</h1>
        </div>
        <div class="card-body">

            @if(session('login_register_msg'))
                <div class="alert alert-info">
                    {!! session('login_register_msg') !!}
                </div>
            @endif

            <p class="text-muted">Enter your email address and we'll send you a link to reset your password.</p>

            <form method="post" action="{{ route('user.forgot-password', [], false) }}">
                @csrf
                <div class="mb-3">
                    <label for="email">Email Address</label>
                    <input
                        type="email"
                        name="email"
                        id="email"
                        class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}"
                        value="{{ old('email') }}"
                        required
                        placeholder="your@email.com"
                    >
                    @error('email')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <button type="submit" class="btn btn-primary w-100">Send Reset Link</button>
            </form>

            <div class="mt-3 text-center">
                <a href="{{ route('user.login', [], false) }}">Back to Login</a>
            </div>
        </div>
    </div>
</div>
@endsection