<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Notification</title>
    <style>
        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; background: #f5f5f5; }
        .email-wrapper { max-width: 600px; margin: 0 auto; background: #fff; }
        .email-header { background: #4f46e5; color: #fff; padding: 20px; text-align: center; }
        .email-body { padding: 30px; }
        .content { margin-bottom: 20px; color: #555; }
        .data-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
        .data-table th, .data-table td { padding: 10px; text-align: left; border-bottom: 1px solid #e5e7eb; }
        .data-table th { background: #f9fafb; font-weight: 600; }
        .email-footer { background: #f9fafb; padding: 20px; text-align: center; font-size: 13px; color: #6b7280; }
    </style>
</head>
<body>
    <div class="email-wrapper">
        <div class="email-header">
            <h1>{{ $siteName }}</h1>
        </div>
        <div class="email-body">
            <div class="content">{{ $message }}</div>
            @if(isset($row))
            <table class="data-table">
                @foreach($row->getAttributes() as $key => $value)
                    @if(!in_array($key, ['password', 'remember_token']) && $value !== null)
                    <tr><th>{{ ucwords(str_replace('_', ' ', $key)) }}</th><td>{{ $value }}</td></tr>
                    @endif
                @endforeach
            </table>
            @endif
        </div>
        <div class="email-footer">
            <p>{{ $siteName }} &ndash; <a href="{{ $appUrl }}">{{ $appUrl }}</a></p>
        </div>
    </div>
</body>
</html>
