<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>{{ $title ?? 'AutoCRM' }}</title>
</head>
<body style="margin:0;padding:0;background:#f3f4f6;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#1f2937;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f3f4f6;padding:24px 0;">
    <tr><td align="center">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;max-width:600px;width:100%;">
            <tr><td style="padding:24px 28px;border-bottom:3px solid {{ $themeColor ?? '#3b82f6' }};">
                @if (!empty($logoUrl))
                    <img src="{{ $logoUrl }}" alt="logo" style="max-height:42px;display:block;">
                @else
                    <div style="font-size:20px;font-weight:700;color:{{ $themeColor ?? '#3b82f6' }};">{{ $companyName ?? 'AutoCRM' }}</div>
                @endif
                @if (!empty($city))
                    <div style="font-size:12px;color:#6b7280;margin-top:4px;">{{ $city }}</div>
                @endif
            </td></tr>

            <tr><td style="padding:24px 28px;font-size:14px;line-height:1.6;">
                {{ $slot }}
            </td></tr>

            <tr><td style="padding:16px 28px;border-top:1px solid #e5e7eb;background:#f9fafb;font-size:11px;color:#6b7280;">
                <div>{{ $companyName ?? 'AutoCRM' }}</div>
                @if (!empty($phone)) <div>📞 {{ $phone }}</div> @endif
                @if (!empty($email)) <div>✉ {{ $email }}</div> @endif
                <div style="margin-top:8px;color:#9ca3af;">Acest email a fost generat automat. Vă rugăm nu răspundeți.</div>
            </td></tr>
        </table>
    </td></tr>
</table>
</body>
</html>
