@extends('emails.layout')

@section('content')
<div class="email-greeting">Hello {{ $userName }},</div>

<div class="email-content">
    <p>Your withdrawal request has been received and is being processed.</p>
</div>

<div class="alert-warning">
    <strong>⏳ Pending Review</strong><br>
    Your withdrawal is currently under review by our admin team.
</div>

<div class="info-box">
    <div class="info-box-title">Withdrawal Details</div>
    <div class="info-box-content">
        <div class="info-row">
            <span class="info-label">Reference:</span>
            <span class="info-value">{{ $reference }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Amount:</span>
            <span class="info-value" style="font-weight: 700;">¥{{ number_format($amount, 2) }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Alipay Account:</span>
            <span class="info-value">{{ $alipayAccount }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Status:</span>
            <span class="info-value" style="color: #ffc107;">Pending</span>
        </div>
    </div>
</div>

<div class="email-content">
    <p><strong>What happens next?</strong></p>
    <ul style="padding-left: 20px; margin-top: 8px;">
        <li style="margin-bottom: 8px;">Our team will review your withdrawal request</li>
        <li style="margin-bottom: 8px;">Once approved, funds will be transferred to your Alipay account</li>
        <li style="margin-bottom: 8px;">You'll receive a confirmation email when the transfer is complete</li>
    </ul>
</div>

<div style="text-align: center;">
    <a href="{{ url('/dashboard') }}" class="btn">View Dashboard</a>
</div>

<div class="email-content">
    <p>If you have any questions, please don't hesitate to contact our support team.</p>
</div>

<div class="email-content">
    <p>Best regards,<br>The RMBXchange Team</p>
</div>
@endsection