@extends('emails.base')

@section('header', 'Transaction Notification!')


@section('slot')

<!-- Transaction Updated Message -->
<p style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    We wanted to notify you that an existing transaction on your account has been successfully updated:
</p>

<!-- Transaction ID -->
<p style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    <strong>Transaction ID:</strong> {{ $transaction->id }}
</p>

<!-- Conditional Transaction Type -->
@if($transaction->type == 'investment')

<!-- Investment Details -->
<p style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    Here are the updated details for your investment:
</p>
<ul style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    <li><strong>Investment Amount (USD):</strong> ${{ $transaction->amount_usd }}</li>
    <li><strong>Transaction Type:</strong> {{ $transaction->type }}</li>
    <li><strong>Status:</strong> {{ $transaction->status }}</li>
    <li><strong>Investment Plan:</strong> {{ $transaction->investment->scheme->scheme_name }}</li>
    <li><strong>Interest Plan:</strong> {{ $transaction->investment->interest_plan }}</li>
    <li><strong>Interest Rate:</strong> {{ $transaction->investment->scheme->interest_rate }}% per week</li>
    <li><strong>Risk Exposure:</strong> {{ $transaction->investment->scheme->risk_exposure_percentage }}% risk</li>
    @if($transaction->status == \App\Enums\StatusEnum::APPROVED)
    <li><strong>Next Payout Date:</strong> {{ \Carbon\Carbon::parse($transaction->investment->next_payout_time)->format('F j, Y') }}</li>
    <li><strong>Investment End Date:</strong> {{ \Carbon\Carbon::parse($transaction->investment->investment_end_date)->format('F j, Y') }}</li>
    @endif
</ul>

<h3>{{ $transaction->investment->scheme->scheme_name }}</h3>

<p style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    {{ $transaction->investment->scheme->description }}
</p>

@elseif($transaction->type == 'bonus')

<!-- Bonus Details -->
<p style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    A bonus transaction has been updated with the following details:
</p>
<ul style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    <li><strong>Bonus Amount (USD):</strong> ${{ $transaction->amount_usd }}</li>
    <li><strong>Status:</strong> {{ $transaction->status }}</li>
</ul>

@elseif($transaction->type == 'withdrawal')

<!-- Withdrawal Details -->
<p style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    A withdrawal transaction has been updated with the following details:
</p>
<ul style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    <li><strong>Withdrawal Amount (USD):</strong> ${{ $transaction->amount_usd }}</li>
    <li><strong>Status:</strong> {{ $transaction->status }}</li>
    <li><strong>Payment Address:</strong> {{ $transaction->method_info['address'] }}</li>
    <li><strong>Payment Network:</strong> {{ $transaction->method_info['network'] }}</li>
</ul>
@else

<!-- Default message if transaction type is unrecognized -->
<p style="font-size: 14px; color: #4b5563; line-height: 1.5;">
    A transaction on your account has been updated. Please check your dashboard for more details.
</p>

@endif

@if(!empty($transaction->method_info['remark']))
<li><strong>Remark - </strong> {{ $transaction->method_info['remark'] }}</li>
@endif


<!-- Call to Action (CTA) -->
<div style="margin-top: 20px; width: 100%; display: flex;">
    <a href="{{ system_setting('site_url') }}/dashboard" style="width: 100%; text-align: center; padding: 10px 20px; background-color: #10b981; color: #ffffff; text-decoration: none; font-size: 14px; border-radius: 9999px; transition: background-color 0.3s;">
        View Transaction Details
    </a>
</div>

<!-- Additional Info -->
@if (empty($transaction->method_info['is_added_by_admin']))
<p style="margin-top: 20px; font-size: 14px; color: #4b5563; line-height: 1.5;">
    If you did not initiate this transaction or if you notice any suspicious activity, please
    <a href="mailto:{{ system_setting('support_email') }}" style="color: #ef4444; text-decoration: none;">contact us immediately</a>.
</p>
@endif

<!-- Thank You Message -->
<p style="margin-top: 20px; font-size: 14px; color: #4b5563; line-height: 1.5;">
    Thank you for being part of the {{ system_setting('site_name') }} community. We’re here to make your experience exceptional.
</p>

@endsection