@extends('mail.layout')

@section('content')
    <!-- Header -->
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-1" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;" width="100%">
        <tr>
            <td class="pad" style="padding-bottom:20px;padding-left:10px;padding-right:10px;padding-top:10px;">
                <div style="color:#2d2d2d;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:120%;text-align:center;font-weight:bold;">
                    Password Changed Successfully
                </div>
            </td>
        </tr>
    </table>

    <!-- Icon -->
    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-collapse: collapse;">
        <tr>
            <td align="center" style="padding: 20px 0;">
                <div style="background-color: #28a745; border-radius: 50%; width: 80px; height: 80px; display: inline-flex; align-items: center; justify-content: center;">
                    <span style="color: white; font-size: 40px;">✓</span>
                </div>
            </td>
        </tr>
    </table>

    <!-- Message -->
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-3" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;" width="100%">
        <tr>
            <td class="pad" style="padding-bottom:10px;padding-left:15px;padding-right:15px;padding-top:10px;">
                <div style="color:#555555;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:150%;text-align:center;">
                    <p style="margin: 0 0 16px 0;">Hi {{ $user->name }},</p>
                    <p style="margin: 0 0 16px 0;">Your password has been changed successfully.</p>
                    <p style="margin: 0;">If you didn't make this change, please contact your administrator immediately.</p>
                </div>
            </td>
        </tr>
    </table>

    <!-- Details -->
    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 500px; margin: 20px auto; border-top: 1px solid #eeeeee;">
        <tr>
            <td style="padding: 15px 0; border-bottom: 1px solid #eeeeee; color: #555555; font-family: sans-serif; font-size: 14px;"><strong>Date & Time</strong></td>
            <td style="padding: 15px 0; border-bottom: 1px solid #eeeeee; color: #555555; font-family: sans-serif; font-size: 14px; text-align: right;">{{ now()->format('F j, Y \a\t g:i A') }}</td>
        </tr>
        <tr>
            <td style="padding: 15px 0; border-bottom: 1px solid #eeeeee; color: #555555; font-family: sans-serif; font-size: 14px;"><strong>Account Email</strong></td>
            <td style="padding: 15px 0; border-bottom: 1px solid #eeeeee; color: #555555; font-family: sans-serif; font-size: 14px; text-align: right;">{{ $user->email }}</td>
        </tr>
    </table>

    <!-- Security Notice -->
    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; margin: 30px auto;">
        <tr>
            <td style="padding: 20px; background-color: #fff3cd; border: 1px solid #ffc107; border-radius: 4px;">
                <div style="color: #856404; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 150%;">
                    <p style="margin: 0 0 10px 0; font-weight: bold;">🔒 Security Reminder</p>
                    <p style="margin: 0;">Never share your password with anyone. Our team will never ask for your password via email or phone.</p>
                </div>
            </td>
        </tr>
    </table>

    <!-- Footer -->
    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
        <tr>
            <td style="padding: 20px; text-align: center; color: #999999; font-family: sans-serif; font-size: 12px;">
                <p style="margin: 0;">If you have any questions or concerns, please contact support.</p>
            </td>
        </tr>
    </table>
@endsection