<x-mail::layouts.branded title="Танай маркетингийн оношлогооны тайлан">

<h1 style="color: #C8102E; font-size: 24px; margin: 0 0 16px 0;">
    Сайн уу{{ $lead->name ? ', ' . $lead->name : '' }}!
</h1>

<p style="font-size: 16px; margin: 0 0 16px 0;">
    Танай маркетингийн оношлогоог хүлээн авлаа. Дараах бол танай бизнест зориулсан 5-минутын дүгнэлт:
</p>

{{-- TIER RECOMMENDATION CARD --}}
<div style="background: linear-gradient(135deg, #C8102E 0%, #9E0C24 100%); color: #FFFFFF; padding: 24px; border-radius: 12px; text-align: center; margin: 24px 0;">
    <div style="font-size: 11px; letter-spacing: 2px; opacity: 0.8;">ТАНД ТОХИРОХ TIER</div>
    <h2 style="margin: 8px 0; font-size: 28px; color: #FFFFFF;">{{ $tierName }}</h2>
    <div style="font-size: 32px; font-weight: 900; margin: 8px 0;">{{ $tierPrice }}</div>
    <p style="font-size: 14px; margin: 8px 0 16px 0; opacity: 0.95;">{{ $tierReason }}</p>
    <a href="{{ url('/templates') }}"
       style="display: inline-block; background-color: #FFFFFF; color: #C8102E; font-weight: 700; padding: 10px 24px; border-radius: 50px; text-decoration: none;">
        → Tier-ийн дэлгэрэнгүй
    </a>
</div>

<h3 style="color: #C8102E; font-size: 16px; margin: 24px 0 8px 0;">🔍 Танай гол асуудал</h3>
<p style="font-size: 14px; margin: 0 0 12px 0;"><strong>"{{ $diagnosis['issue'] }}"</strong></p>
<div style="background-color: #FCEAEC; padding: 12px 16px; border-radius: 6px; font-size: 13px; margin: 0 0 24px 0;">
    <strong>Дараагийн чиглэл:</strong> {{ $diagnosis['focus'] }}
</div>

<h3 style="color: #C8102E; font-size: 16px; margin: 24px 0 8px 0;">📱 Танай гол сошиал суваг</h3>
<p style="font-size: 14px; margin: 0 0 8px 0;"><strong>{{ $channelRec }}</strong></p>
<p style="font-size: 13px; color: #666; margin: 0 0 24px 0;">Постлох гол цаг: {{ $postTime }}</p>

@if(! empty($aiAvailable))
    <div style="background-color: #F5F5F5; padding: 16px; border-radius: 8px; margin: 24px 0; text-align: center;">
        <p style="margin: 0 0 8px 0; font-size: 14px;">🤖 <strong>AI-аар баяжуулсан тайлан</strong></p>
        <p style="margin: 0 0 12px 0; font-size: 13px; color: #666;">5 контент санаа, 30-хоногийн төлөвлөгөө, brand voice жишээ — энэ имайлд нэмж явуулна.</p>
    </div>
@endif

<div style="border-top: 1px solid #E5E5E5; margin: 24px 0; padding-top: 16px;">
    <h3 style="color: #2C2C2C; font-size: 16px; margin: 0 0 12px 0;">Дараагийн алхам</h3>
    <ul style="padding-left: 20px; font-size: 14px; margin: 0 0 16px 0;">
        <li style="margin-bottom: 6px;">5 хэрэглэгчдээ <strong>5-асуултын судалгаа</strong> явуулах</li>
        <li style="margin-bottom: 6px;">Танд тохирох <strong>tier-ийг сонгох</strong> (доорх линк)</li>
        <li style="margin-bottom: 6px;">24 цагт зөвлөхөөс холбоо ирнэ</li>
    </ul>
    <p style="font-size: 14px; margin: 16px 0 0 0;">
        Эргэлзвэл шууд <a href="mailto:info@nsma.mn" style="color: #C8102E; text-decoration: none;">info@nsma.mn</a> руу бичээрэй.
    </p>
</div>

<p style="font-size: 14px; color: #666; margin: 24px 0 0 0; font-style: italic;">
    "Маркетинг бол постлолт биш. Байр суурь." — NSMA
</p>

</x-mail::layouts.branded>
