@extends('emails.layout')

@section('content')

    <div style="text-align:center;margin-bottom:20px;">
        <x-heroicon-o-gift width="65"
                           style="opacity:0.8;stroke:#4f46e5;stroke-width:1" />
    </div>

    <h2 style="margin:0 0 10px;font-size:22px;color:#111;text-align:center;">
        Du hast {{ $credits }} Credits verdient!
    </h2>

    <p style="margin:0 0 20px;color:#6b7280;font-size:14px;text-align:center;line-height:1.6;">
        <strong>{{ $referredUser->name }}</strong> nutzt Aziros jetzt seit 3 Monaten
        — dein Referral hat sich qualifiziert!
    </p>

    <div style="background:#EEF2FF;border-radius:12px;padding:20px;margin:24px 0;text-align:center;">
        <div style="font-size:36px;font-weight:700;color:#4F46E5;">+{{ $credits }}</div>
        <div style="font-size:14px;color:#6B7280;">Credits wurden deinem Konto gutgeschrieben</div>
    </div>

    <x-mail.button url="{{ config('app.url') }}/settings?tab=affiliate">
        Mein Affiliate-Dashboard
    </x-mail.button>

@endsection
