@php
    /**
     * Day-7 recommendation digest hero.
     *
     * EMAIL-002: Sent to users who have open recommendations but haven't applied any.
     * Shows top 3 recommendations (by impact score) from their most recent analysis.
     *
     * @var string $greetingName
     * @var string $siteName
     * @var array<int, array{title: string, action_type: string, impact_score: int, page_url: string}> $topRecommendations
     * @var int    $recommendationCount
     * @var string $actionUrl
     * @var string $unsubscribeUrl
     */
    $topRecommendations = $topRecommendations ?? [];
@endphp
<x-mail::hero-layout
    eyebrow="Your RankWizAI recommendations"
    heading="Your top {{ $recommendationCount }} {{ Str::plural('page', $recommendationCount) }} to fix"
    lede="Based on your last analysis of {{ e($siteName) }}, these pages have the most recovery potential:">

@if (! empty($topRecommendations))
<table width="100%" cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse: collapse; margin-top: 8px; margin-right: 0; margin-bottom: 0; margin-left: 0;">
@foreach ($topRecommendations as $i => $rec)
<tr>
<td valign="top" style="border-bottom-color: #f4f4f5; border-bottom-style: solid; border-bottom-width: 1px; color: #7C3AED; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 13px; font-weight: 600; padding-top: 16px; padding-right: 14px; padding-bottom: 16px; padding-left: 0; vertical-align: top; width: 36px;">{{ str_pad((string) ($i + 1), 2, '0', STR_PAD_LEFT) }}</td>
<td valign="top" style="border-bottom-color: #f4f4f5; border-bottom-style: solid; border-bottom-width: 1px; padding-top: 16px; padding-right: 0; padding-bottom: 16px; padding-left: 0; vertical-align: top;">
<p style="color: #0f172a; font-size: 15px; font-weight: 600; line-height: 1.4; margin-top: 0; margin-bottom: 4px;">{{ $rec['title'] ?? 'Recommendation' }}</p>
<p style="color: #3f3f46; font-size: 13px; line-height: 1.5; margin-top: 0; margin-bottom: 2px;">
    <span style="background-color: #f4f4f5; border-radius: 3px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 11px; padding: 1px 5px;">{{ strtolower(str_replace('_', ' ', $rec['action_type'] ?? '')) }}</span>
    &nbsp;&nbsp;Impact score: <strong>{{ $rec['impact_score'] ?? 0 }}</strong>
</p>
@if (! empty($rec['page_url']))
<p style="color: #71717a; font-size: 12px; line-height: 1.4; margin-top: 4px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 440px;">{{ $rec['page_url'] }}</p>
@endif
</td>
</tr>
@endforeach
</table>
@endif

<x-slot:cta>
<x-mail::button :url="$actionUrl" color="primary" align="left">View All Recommendations</x-mail::button>
</x-slot:cta>

<x-slot:subcopy>
<p style="color: #71717a; font-size: 13px; line-height: 1.55; margin-top: 0; margin-bottom: 8px;">Apply a recommendation and RankWizAI will automatically track the traffic lift over the following weeks.</p>
<p style="color: #71717a; font-size: 13px; line-height: 1.55; margin-top: 0; margin-bottom: 0;"><a href="{{ $unsubscribeUrl }}" style="color: #71717a; text-decoration: underline;">Manage email preferences</a></p>
</x-slot:subcopy>
</x-mail::hero-layout>