@php
    $title = \App\Models\PlatformSetting::renderTemplate('email_tmpl_admin_donation_title', [
        'creator_name' => $donation->creatorProfile->display_name,
        'supporter_name' => $donation->supporter_name,
        'amount' => '$' . number_format($donation->amount, 2),
    ], '🍺 New Support Payment Alert');

    $bodyText = \App\Models\PlatformSetting::renderTemplate('email_tmpl_admin_donation_body', [
        'creator_name' => $donation->creatorProfile->display_name,
        'supporter_name' => $donation->supporter_name,
        'amount' => '$' . number_format($donation->amount, 2),
        'platform_fee' => '$' . number_format($donation->platform_fee, 2),
        'net_amount' => '$' . number_format($donation->net_amount, 2),
    ], 'A new support donation has been completed and verified on the platform.');

    $btnText = \App\Models\PlatformSetting::renderTemplate('email_tmpl_admin_donation_btn', [], 'View Transaction Ledger ↗');
@endphp

@extends('emails.layout', ['subject' => $title])

@section('content')
    <h2 style="color: #f59e0b; margin-top: 0; font-size: 20px; font-weight: 800;">{{ $title }}</h2>
    <p style="font-size: 14px; color: #94a3b8; margin-bottom: 20px;">{{ $bodyText }}</p>
    
    <div style="background-color: #0f172a; padding: 20px; border-radius: 14px; border: 1px solid #334155; margin: 20px 0; font-size: 14px;">
        <table width="100%" style="border-spacing: 0; font-size: 14px;">
            <tr style="border-bottom: 1px solid #334155;">
                <td style="padding: 8px 0; color: #94a3b8;">Creator:</td>
                <td style="padding: 8px 0; text-align: right; font-weight: bold; color: #ffffff;">{{ $donation->creatorProfile->display_name }} ({{ $donation->creatorProfile->handle }})</td>
            </tr>
            <tr style="border-bottom: 1px solid #334155;">
                <td style="padding: 8px 0; color: #94a3b8;">Supporter Name:</td>
                <td style="padding: 8px 0; text-align: right; font-weight: bold; color: #ffffff;">{{ $donation->supporter_name }}</td>
            </tr>
            <tr style="border-bottom: 1px solid #334155;">
                <td style="padding: 8px 0; color: #94a3b8;">Gross Amount:</td>
                <td style="padding: 8px 0; text-align: right; font-weight: bold; color: #10b981;">${{ number_format($donation->amount, 2) }}</td>
            </tr>
            <tr style="border-bottom: 1px solid #334155;">
                <td style="padding: 8px 0; color: #94a3b8;">Platform Fee:</td>
                <td style="padding: 8px 0; text-align: right; font-weight: bold; color: #f59e0b;">${{ number_format($donation->platform_fee, 2) }}</td>
            </tr>
            <tr>
                <td style="padding: 8px 0; color: #94a3b8;">Net Payout to Creator:</td>
                <td style="padding: 8px 0; text-align: right; font-weight: 900; color: #ffffff;">${{ number_format($donation->net_amount, 2) }}</td>
            </tr>
        </table>
    </div>

    @if($donation->message)
        <div style="background-color: #0f172a; padding: 14px; border-radius: 12px; border: 1px solid #334155; font-style: italic; color: #cbd5e1; font-size: 13px;">
            "{{ $donation->message }}"
        </div>
    @endif

    <div style="margin-top: 28px; text-align: center;">
        <a href="{{ route('admin.transactions') }}" style="background-color: #7c3aed; color: #ffffff; padding: 14px 28px; border-radius: 12px; text-decoration: none; font-weight: 800; font-size: 13px; display: inline-block;">
            {{ $btnText }}
        </a>
    </div>
@endsection