@extends('emails.layout')

@section('title', 'Reset Your Password')

@section('header-title', 'Password Reset Request')

@section('content')
<div class="content-section">
    <h2>Hello, {{ $user_name }}!</h2>
    
    <p>
        We received a request to reset the password for your Jurislocator account. 
        If you made this request, click the button below to set a new password.
    </p>
    
    <p>
        This password reset link will expire in 60 minutes for security reasons. 
        If you need to reset your password after this link expires, you can request a new reset link.
    </p>
</div>

<div class="button-container">
    <a href="{{ $resetUrl }}" class="button">
        Reset Your Password
    </a>
</div>

<div class="link-text">
    <p style="margin: 0 0 8px 0; color: #777; font-size: 12px;">If the button above doesn't work, copy and paste this URL into your browser:</p>
    <a href="{{ $resetUrl }}" style="color: #162b34; word-break: break-all;">{{ $resetUrl }}</a>
</div>
@endsection
