<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <style>
        body { font-family: Arial, sans-serif; background: #f8fafc; margin: 0; padding: 0; }
        .wrap { max-width: 560px; margin: 32px auto; background: #fff; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; }
        .header { background: #1e3a5f; padding: 24px 28px; }
        .header h1 { color: #fff; font-size: 18px; margin: 0 0 4px; }
        .header p { color: rgba(255,255,255,0.6); font-size: 12px; margin: 0; }
        .badge { display: inline-block; background: rgba(37,184,126,0.2); color: #6ee7b7; border: 1px solid rgba(37,184,126,0.4); border-radius: 20px; padding: 3px 10px; font-size: 11px; font-weight: bold; }
        .body { padding: 28px; }
        .row { display: flex; margin-bottom: 14px; }
        .label { width: 120px; font-size: 12px; font-weight: bold; color: #94a3b8; text-transform: uppercase; flex-shrink: 0; padding-top: 1px; }
        .value { font-size: 14px; color: #1e3a5f; flex: 1; }
        .message-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px 16px; font-size: 14px; color: #374151; line-height: 1.6; margin-top: 16px; }
        .cta { margin-top: 24px; text-align: center; }
        .btn { display: inline-block; background: #25b87e; color: #fff; font-weight: bold; font-size: 14px; padding: 12px 28px; border-radius: 10px; text-decoration: none; }
        .footer { background: #f8fafc; border-top: 1px solid #e2e8f0; padding: 16px 28px; font-size: 11px; color: #94a3b8; text-align: center; }
    </style>
</head>
<body>
<div class="wrap">
    <div class="header">
        <h1>Novo Lead recebido</h1>
        <p>Via formulário do site · {{ now()->format('d/m/Y H:i') }}</p>
    </div>
    <div class="body">
        <div class="row">
            <div class="label">Nome</div>
            <div class="value"><strong>{{ $lead->name }}</strong></div>
        </div>
        <div class="row">
            <div class="label">E-mail</div>
            <div class="value"><a href="mailto:{{ $lead->email }}" style="color:#25b87e;">{{ $lead->email }}</a></div>
        </div>
        @if($lead->phone)
        <div class="row">
            <div class="label">Telefone</div>
            <div class="value"><a href="https://wa.me/55{{ preg_replace('/\D/', '', $lead->phone) }}" style="color:#25b87e;">{{ $lead->phone }}</a></div>
        </div>
        @endif
        @if($lead->company)
        <div class="row">
            <div class="label">Empresa</div>
            <div class="value">{{ $lead->company }}</div>
        </div>
        @endif
        <div class="message-box">{{ $lead->message }}</div>
        <div class="cta">
            <a href="{{ config('app.url') }}/leads" class="btn">Ver no painel →</a>
        </div>
    </div>
    <div class="footer">OPCON Soluções Contábeis · contato@opcon.com.br · (63) 3219-7100</div>
</div>
</body>
</html>
