@extends('emails.layout')

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

<div class="email-content">
    <p>Great news! Your exchange order has been completed successfully.</p>
</div>

<div class="alert-success">
    <strong>✓ Order Completed</strong><br>
    Your CNY has been credited to your wallet and is ready to use.
</div>

<div class="info-box">
    <div class="info-box-title">Order Details</div>
    <div class="info-box-content">
        <div class="info-row">
            <span class="info-label">Order Number:</span>
            <span class="info-value">#{{ $orderNumber }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Amount Paid:</span>
            <span class="info-value">GHS {{ number_format($ghsAmount, 2) }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Exchange Rate:</span>
            <span class="info-value">1 GHS = ¥{{ number_format($exchangeRate, 4) }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">CNY Received:</span>
            <span class="info-value" style="color: #28a745; font-weight: 700;">¥{{ number_format($cnyAmount, 2) }}</span>
        </div>
    </div>
</div>

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

<div class="email-content">
    <p>You can now use your CNY balance to make withdrawals to your Alipay account.</p>
    <p>Thank you for choosing RMBXchange!</p>
</div>

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