@extends('emails.layouts.crypto')

@section('content')

<div style="text-align:center;margin-bottom:28px;">
  <div style="display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;">
    <span style="font-size:24px;">🏦</span>
  </div>
</div>

<h2 style="color:#0f172a;font-size:22px;font-weight:500;text-align:center;margin:0 0 8px;letter-spacing:-0.4px;">
  Withdrawal request received
</h2>
<p style="color:#64748b;font-size:14px;text-align:center;margin:0 0 32px;line-height:1.6;">
  Your withdrawal request has been received and is being processed. You will be notified once it is approved.
</p>

<hr style="border:none;border-top:1px solid #e2e8f0;margin:0 0 28px;" />

<table width="100%" cellpadding="0" cellspacing="0" style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:28px;">
  <tr>
    <td style="padding:14px 18px;border-bottom:1px solid #e2e8f0;">
      <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
          <td style="color:#64748b;font-size:13px;">Amount</td>
          <td style="color:#0f172a;font-size:15px;font-weight:600;text-align:right;font-family:monospace;">{{ $currency }} {{ number_format($amount, 2) }}</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:14px 18px;border-bottom:1px solid #e2e8f0;">
      <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
          <td style="color:#64748b;font-size:13px;">Destination</td>
          <td style="color:#334155;font-size:13px;text-align:right;font-family:monospace;">{{ $destination }}</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:14px 18px;border-bottom:1px solid #e2e8f0;">
      <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
          <td style="color:#64748b;font-size:13px;">Reference</td>
          <td style="color:#334155;font-size:13px;text-align:right;font-family:monospace;">{{ $reference }}</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:14px 18px;">
      <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
          <td style="color:#64748b;font-size:13px;">Status</td>
          <td style="text-align:right;">
            <span style="background:#fef9c3;color:#854d0e;font-size:12px;font-weight:500;padding:3px 10px;border-radius:99px;">Pending</span>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<table width="100%" cellpadding="0" cellspacing="0" style="background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:28px;">
  <tr>
    <td style="padding:12px 16px;">
      <p style="color:#92400e;font-size:13px;margin:0;line-height:1.5;">
        ⚠ If you did not initiate this withdrawal, please contact support immediately.
      </p>
    </td>
  </tr>
</table>

<p style="color:#94a3b8;font-size:12px;text-align:center;line-height:1.6;margin:0;">
  Withdrawals are typically processed within 1–3 business days.
</p>

@endsection