@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:#fef2f2;border:1px solid #fecaca;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;">
  Verification unsuccessful
</h2>
<p style="color:#64748b;font-size:14px;text-align:center;margin:0 0 32px;line-height:1.6;">
  Hi {{ $name }}, we were unable to verify your identity. Please review the reason below and resubmit your documents.
</p>

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

@if(!empty($reason))
<table width="100%" cellpadding="0" cellspacing="0" style="background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:28px;">
  <tr>
    <td style="padding:14px 16px;">
      <p style="color:#991b1b;font-size:13px;margin:0 0 4px;font-weight:500;">Reason:</p>
      <p style="color:#7f1d1d;font-size:13px;margin:0;line-height:1.5;">{{ $reason }}</p>
    </td>
  </tr>
</table>
@endif

<p style="color:#334155;font-size:14px;margin:0 0 20px;line-height:1.6;">Common reasons for rejection include:</p>
<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:28px;">
  <tr><td style="padding:6px 0;color:#64748b;font-size:13px;">• Blurry or unreadable document images</td></tr>
  <tr><td style="padding:6px 0;color:#64748b;font-size:13px;">• Expired identification document</td></tr>
  <tr><td style="padding:6px 0;color:#64748b;font-size:13px;">• Name mismatch with account details</td></tr>
  <tr><td style="padding:6px 0;color:#64748b;font-size:13px;">• Incomplete selfie or document upload</td></tr>
</table>

<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:28px;">
  <tr>
    <td align="center">
      <a href="{{ config('app.url') }}/kyc"
        style="display:block;background:#22c55e;color:#ffffff;font-weight:500;font-size:15px;text-decoration:none;border-radius:10px;padding:14px 24px;text-align:center;">
        Resubmit documents →
      </a>
    </td>
  </tr>
</table>

<p style="color:#94a3b8;font-size:12px;text-align:center;line-height:1.6;margin:0;">
  Need help? Contact our support team and we will guide you through the process.
</p>

@endsection