<x-emails.layout subject="Your weekly TAKEONE summary 📊">

    <div style="width:64px;height:64px;border-radius:50%;background:rgba(230,30,30,.12);border:1px solid rgba(230,30,30,.25);margin:0 auto 24px;text-align:center;line-height:64px;font-size:28px;">&#x1F4CA;</div>

    <h1 class="email-title">Your week in numbers</h1>
    <p class="email-subtitle">Here's how your channel did in the last 7 days.</p>

    <p class="email-text">Hi <strong style="color:#f1f1f1;">{{ $creator->name }}</strong>,</p>

    <div class="email-infobox">
        <div class="email-infobox-label">This Week's Stats</div>
        <div class="email-inforow">
            <span class="email-inforow-key">&#x1F440; Views</span>
            <span class="email-inforow-val">{{ number_format($stats['views']) }}</span>
        </div>
        <div class="email-inforow">
            <span class="email-inforow-key">&#x2764;&#xFE0F; Likes</span>
            <span class="email-inforow-val">{{ number_format($stats['likes']) }}</span>
        </div>
        <div class="email-inforow">
            <span class="email-inforow-key">&#x1F514; New Subscribers</span>
            <span class="email-inforow-val">{{ number_format($stats['new_subs']) }}</span>
        </div>
    </div>

    @if($stats['top_video'])
    <p class="email-text" style="margin-top:20px;">Your top video this week:</p>

    @if($stats['top_video']->thumbnail)
    <div class="email-thumb-wrap">
        <a href="{{ route('videos.show', $stats['top_video']) }}">
            <img src="{{ route('media.thumbnail', $stats['top_video']->thumbnail) }}" alt="{{ $stats['top_video']->title }}">
        </a>
    </div>
    @endif

    <div class="email-infobox">
        <div class="email-inforow">
            <span class="email-inforow-key">Title</span>
            <span class="email-inforow-val">{{ $stats['top_video']->title }}</span>
        </div>
        <div class="email-inforow">
            <span class="email-inforow-key">Views this week</span>
            <span class="email-inforow-val">{{ number_format($stats['top_video']->week_views ?? 0) }}</span>
        </div>
    </div>

    <div class="email-btn-wrap">
        <a href="{{ route('videos.show', $stats['top_video']) }}" class="email-btn">&#x25B6;&nbsp; Watch Top Video</a>
    </div>
    @else
    <p class="email-text" style="text-align:center;color:var(--text-secondary);">
        Upload your first video to start tracking performance!
    </p>
    <div class="email-btn-wrap">
        <a href="{{ route('home') }}" class="email-btn">&#x1F3AC;&nbsp; Go to TAKEONE</a>
    </div>
    @endif

    <hr class="email-divider">
    <p class="email-note">You can manage your notification preferences in your <a href="{{ route('settings') }}">account settings</a>.</p>

</x-emails.layout>
