@extends('emails.layout')

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

<div class="email-content">
    <p>We regret to inform you that your withdrawal request has been rejected.</p>
</div>

<div class="alert-danger">
    <strong>✗ Withdrawal Rejected</strong><br>
    Your withdrawal request could not be processed at this time.
</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">Status:</span>
            <span class="info-value" style="color: #dc3545;">Rejected</span>
        </div>
    </div>
</div>

<div class="email-content">
    <p><strong>Why was my withdrawal rejected?</strong></p>
    <p>Common reasons for rejection include:</p>
    <ul style="padding-left: 20px; margin-top: 8px;">
        <li style="margin-bottom: 8px;">Incorrect Alipay account information</li>
        <li style="margin-bottom: 8px;">Account verification issues</li>
        <li style="margin-bottom: 8px;">Suspicious activity detected</li>
    </ul>
</div>

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

<div class="email-content">
    <p>Please contact our support team for more information about your withdrawal rejection. We're here to help resolve any issues.</p>
</div>

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