@extends('emails.layouts.main')

@section('title', 'High Activity User Alert')

@section('content')
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td class="px-50 mpx-15" style="padding-left: 50px; padding-right: 50px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td class="pb-30" style="padding-bottom: 30px;">
                            <div class="h3" style="font-family:'PT Sans', Arial, sans-serif; font-size:20px; color:#2c3e50; margin-bottom: 10px;">
                                🎓 High Activity User Detected!
                            </div>
                            <div class="text" style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#6e6e6e;">
                                A user has completed more than 10 lessons today. This shows exceptional engagement!
                            </div>
                        </td>
                    </tr>

                    <!-- Alert Box -->
                    <tr>
                        <td class="pb-20" style="padding-bottom: 20px;">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #d4edda; padding: 20px; border-radius: 5px; border-left: 4px solid #28a745;">
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:24px; color:#155724; text-align: center; font-weight: bold;">
                                        {{ $completedLessonsToday }} Lessons Completed Today!
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- User Details -->
                    <tr>
                        <td class="pb-20" style="padding-bottom: 20px;">
                            <div class="h3" style="font-family:'PT Sans', Arial, sans-serif; font-size:16px; color:#2c3e50; margin-bottom: 10px;">
                                User Information:
                            </div>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa; padding: 15px; border-radius: 5px;">
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>User ID:</strong> {{ $user->id }}
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>Name:</strong> {{ $user->full_name }}
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>Email:</strong> {{ $user->email }}
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>Date:</strong> {{ now()->format('Y-m-d') }}
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- Activity Summary -->
                    <tr>
                        <td class="pb-20" style="padding-bottom: 20px;">
                            <div class="h3" style="font-family:'PT Sans', Arial, sans-serif; font-size:16px; color:#2c3e50; margin-bottom: 10px;">
                                Activity Summary:
                            </div>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f8f9fa; padding: 15px; border-radius: 5px;">
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>Lessons Completed Today:</strong> {{ $completedLessonsToday }}
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#2c3e50; padding: 5px;">
                                        <strong>Status:</strong> <span style="color: #28a745; font-weight: bold;">Highly Active</span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- Engagement Notice -->
                    <tr>
                        <td class="pb-20" style="padding-bottom: 20px;">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #fff3cd; padding: 15px; border-radius: 5px; border-left: 4px solid #ffc107;">
                                <tr>
                                    <td style="font-family:'PT Sans', Arial, sans-serif; font-size:13px; color:#856404;">
                                        <strong style="color: #856404;">💡 Engagement Notice</strong><br>
                                        This user is showing exceptional dedication and engagement with the platform. Consider reaching out to gather feedback or feature them as a success story!
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- View User Button -->
                    <tr>
                        <td class="pt-10" style="padding-top: 10px;">
                            <table border="0" cellspacing="0" cellpadding="0" style="min-width: 200px; margin:auto;margin-bottom: 20px; margin-top: 20px;">
                                <tr>
                                    <td class="btn-16 c-white l-white" bgcolor="#28a745" style="margin:auto;margin-bottom: 20px; margin-top: 20px; font-size:16px; line-height:20px; mso-padding-alt:15px 35px; font-family:'PT Sans', Arial, sans-serif; text-align:center; font-weight:bold; text-transform:uppercase; border-radius:25px; min-width:auto !important; color:#ffffff;">
                                        <a href="{{ $userUrl }}" target="_blank" class="link c-white" style="display: block; padding: 15px 35px; text-decoration:none; color:#ffffff;">
                                            <span class="link c-white" style="text-decoration:none; color:#ffffff;">View User Profile</span>
                                        </a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
@endsection