<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{{ __('mail.support_request.subject', ['title' => $supportRequest->title]) }}</title>
</head>

<body style="margin:0;padding:0;background:#f5f5f7;font-family:Arial,Helvetica,sans-serif;">

    <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f5f5f7">
        <tr>
            <td align="center" style="padding:25px;">

                <table width="650" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff"
                    style="border-radius:24px;overflow:hidden;">

                    <!-- HEADER -->
                    <tr>
                        <td style="background:#5a22d6;padding:40px;color:white;">
                            <div style="font-size:28px;font-weight:bold;line-height:1.2;">
                                {{ __('mail.support_request.title') }}
                            </div>
                            <div style="font-size:16px;margin-top:12px;line-height:1.6;">
                                {{ __('mail.support_request.subtitle') }}
                            </div>
                        </td>
                    </tr>

                    <!-- BODY -->
                    <tr>
                        <td style="padding:32px 40px;color:#2c2c2c;">

                            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="font-size:15px;line-height:1.6;">
                                <tr>
                                    <td style="padding:6px 0;color:#777;width:150px;">{{ __('mail.support_request.field_name') }}</td>
                                    <td style="padding:6px 0;font-weight:bold;">{{ $supportRequest->name ?: '-' }}</td>
                                </tr>
                                <tr>
                                    <td style="padding:6px 0;color:#777;">{{ __('mail.support_request.field_type') }}</td>
                                    <td style="padding:6px 0;font-weight:bold;">{{ $supportRequest->user_type ?: '-' }}</td>
                                </tr>
                                <tr>
                                    <td style="padding:6px 0;color:#777;">{{ __('mail.support_request.field_email') }}</td>
                                    <td style="padding:6px 0;font-weight:bold;">{{ $supportRequest->email ?: '-' }}</td>
                                </tr>
                                <tr>
                                    <td style="padding:6px 0;color:#777;">{{ __('mail.support_request.field_phone') }}</td>
                                    <td style="padding:6px 0;font-weight:bold;">{{ $supportRequest->phone ?: '-' }}</td>
                                </tr>
                                <tr>
                                    <td style="padding:6px 0;color:#777;">{{ __('mail.support_request.field_category') }}</td>
                                    <td style="padding:6px 0;font-weight:bold;">{{ $supportRequest->category }}</td>
                                </tr>
                                <tr>
                                    <td style="padding:6px 0;color:#777;">{{ __('mail.support_request.field_title') }}</td>
                                    <td style="padding:6px 0;font-weight:bold;">{{ $supportRequest->title }}</td>
                                </tr>
                            </table>

                            <div style="margin-top:24px;font-size:13px;color:#777;text-transform:uppercase;letter-spacing:0.5px;">
                                {{ __('mail.support_request.field_message') }}
                            </div>
                            <div style="margin-top:8px;padding:16px;background:#f5f5f7;border-radius:12px;font-size:15px;line-height:1.6;white-space:pre-wrap;">{{ $supportRequest->message }}</div>

                        </td>
                    </tr>

                    <!-- FOOTER -->
                    <tr>
                        <td style="background:#faf9ff;padding:24px 40px;color:#777;font-size:13px;line-height:1.6;">
                            {{ __('mail.support_request.footer_note') }}
                        </td>
                    </tr>

                </table>

            </td>
        </tr>
    </table>

</body>

</html>
