@extends('emails.layout')

@section('content')
    <h1>Reset Your Password</h1>
    <p>Hi {{ $user->firstname }},</p>
    <p>We received a request to reset your password. Click the button below to choose a new password:</p>

    <div style="text-align: center; margin: 32px 0;">
        <a href="{{ $resetUrl }}" class="btn">Reset Password</a>
    </div>

    <p style="font-size: 13px; color: #6b7280;">
        This link will expire in <strong>{{ $expiresInMinutes }} minutes</strong>.
    </p>

    <div class="divider"></div>

    <p style="font-size: 13px; color: #9ca3af;">
        If you didn't request a password reset, no action is needed. Your password will remain unchanged.
    </p>

    <p style="font-size: 12px; color: #d1d5db; word-break: break-all;">
        If the button doesn't work, copy and paste this link into your browser:<br>
        {{ $resetUrl }}
    </p>
@endsection
