@extends('emails.layouts.master')

@section('title', '🎉 Nouveau Gain de Parrainage!')

@section('header-title', '💰 Commission de Parrainage Reçue!')
@section('header-subtitle', 'Votre filleul a souscrit à un abonnement')

@section('content')
    <p class="greeting">Bonjour {{ $notifiable->first_name }} {{ $notifiable->last_name }},</p>

    <p class="content">
        Excellente nouvelle! Votre filleul <strong>{{ $referredUser->full_name }}</strong> vient de souscrire à un abonnement sur MentoraMind, et vous avez gagné votre commission de parrainage! 🎊
    </p>

    <div class="highlight-box" style="background: linear-gradient(135deg, #da5013 0%, #e67a46 100%); color: white; text-align: center; padding: 30px; border-radius: 12px; margin: 30px 0;">
        <div style="font-size: 14px; opacity: 0.9; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;">
            💸 Montant gagné
        </div>
        <div style="font-size: 42px; font-weight: 700; margin-bottom: 15px;">
            {{ format_currency($earning->commission_amount) }}
        </div>
        <div style="font-size: 14px; opacity: 0.9;">
            Commission de {{ $earning->commission_rate }}% sur {{ format_currency($earning->subscription_amount) }}
        </div>
    </div>

    <div class="highlight-box">
        <h3>📊 Détails de la commission</h3>
        <table style="width: 100%; border-collapse: collapse; margin-top: 15px;">
            <tr>
                <td style="padding: 10px 0; border-bottom: 1px solid #e5e7eb;">
                    <strong>Votre filleul</strong>
                </td>
                <td style="padding: 10px 0; border-bottom: 1px solid #e5e7eb; text-align: right;">
                    {{ $referredUser->full_name }}
                </td>
            </tr>
            <tr>
                <td style="padding: 10px 0; border-bottom: 1px solid #e5e7eb;">
                    <strong>Montant de l'abonnement</strong>
                </td>
                <td style="padding: 10px 0; border-bottom: 1px solid #e5e7eb; text-align: right;">
                    {{ format_currency($earning->subscription_amount) }}
                </td>
            </tr>
            <tr>
                <td style="padding: 10px 0; border-bottom: 1px solid #e5e7eb;">
                    <strong>Taux de commission</strong>
                </td>
                <td style="padding: 10px 0; border-bottom: 1px solid #e5e7eb; text-align: right; color: #1E88E5;">
                    {{ $earning->commission_rate }}%
                </td>
            </tr>
            <tr>
                <td style="padding: 10px 0;">
                    <strong>Votre gain</strong>
                </td>
                <td style="padding: 10px 0; text-align: right; font-size: 18px; font-weight: 700; color: #28A745;">
                    {{ format_currency($earning->commission_amount) }}
                </td>
            </tr>
        </table>
    </div>

    <p class="content">
        💳 La commission a été automatiquement créditée sur votre solde MentoraMind. Vous pouvez l'utiliser pour recharger votre compte, souscrire à un abonnement, ou la retirer.
    </p>

    <div style="text-align: center; margin: 30px 0;">
        <a href="{{ url('/student/referral') }}" class="button">
            📊 Voir Mes Gains de Parrainage
        </a>
    </div>

    <div class="divider"></div>

    <div class="highlight-box" style="background-color: #fff5e6; border-left: 4px solid #da5013;">
        <h3 style="color: #c24510; margin-top: 0;">💡 Gagnez encore plus!</h3>
        <p style="color: #c24510; margin-bottom: 0;">
            Continuez à parrainer vos amis et gagnez <strong>{{ $earning->commission_rate }}%</strong> sur chaque abonnement qu'ils souscrivent.
            Plus vous parrainez, plus vous gagnez! 🚀
        </p>
    </div>

    <p class="content" style="margin-top: 30px; color: #6b7280; font-size: 14px;">
        Merci de faire grandir la communauté MentoraMind! 🙏<br>
        L'équipe <strong>MentoraMind</strong>
    </p>
@endsection