<!DOCTYPE html>
<html lang="{{ $locale }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ trans('mail.reset_password.subject', [], $locale) }}</title>
</head>
<body style="margin: 0; padding: 0; background: #f5efe6; color: #232323; font-family: Arial, sans-serif;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background: #f5efe6; padding: 32px 16px;">
        <tr>
            <td align="center">
                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width: 560px; background: #ffffff; border-radius: 8px; overflow: hidden;">
                    <tr>
                        <td style="padding: 32px;">
                            <p style="margin: 0 0 8px; color: #007f3a; font-size: 14px; font-weight: 700; text-transform: uppercase;">
                                Bowli
                            </p>

                            <h1 style="margin: 0 0 16px; color: #000000; font-size: 28px; line-height: 34px;">
                                {{ trans('mail.reset_password.title', [], $locale) }}
                            </h1>

                            <p style="margin: 0 0 16px; color: #232323; font-size: 16px; line-height: 24px;">
                                {{ trans('mail.reset_password.greeting', ['name' => $userName ?: trans('mail.reset_password.default_name', [], $locale)], $locale) }}
                            </p>

                            <p style="margin: 0 0 24px; color: #232323; font-size: 16px; line-height: 24px;">
                                {{ trans('mail.reset_password.intro', [], $locale) }}
                            </p>

                            <table role="presentation" cellpadding="0" cellspacing="0" style="margin: 0 0 24px;">
                                <tr>
                                    <td style="background: #007f3a; border-radius: 999px;">
                                        <a href="{{ $resetUrl }}" style="display: inline-block; padding: 14px 24px; color: #ffffff; font-size: 16px; font-weight: 700; text-decoration: none;">
                                            {{ trans('mail.reset_password.action', [], $locale) }}
                                        </a>
                                    </td>
                                </tr>
                            </table>

                            <p style="margin: 0 0 16px; color: #666666; font-size: 14px; line-height: 22px;">
                                {{ trans('mail.reset_password.expires', ['minutes' => $expiresInMinutes], $locale) }}
                            </p>

                            <p style="margin: 0 0 16px; color: #666666; font-size: 14px; line-height: 22px;">
                                {{ trans('mail.reset_password.copy_link', [], $locale) }}
                            </p>

                            <p style="margin: 0 0 16px; word-break: break-all; color: #007f3a; font-size: 14px; line-height: 22px;">
                                <a href="{{ $resetUrl }}" style="color: #007f3a;">{{ $resetUrl }}</a>
                            </p>

                            <p style="margin: 0; color: #666666; font-size: 14px; line-height: 22px;">
                                {{ trans('mail.reset_password.ignore', [], $locale) }}
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
