@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:#f0fdf4;border:1px solid #bbf7d0;border-radius:50%;">
    <svg width="26" height="26" viewBox="0 0 24 24" fill="none">
      <path d="M12 2L4 6v6c0 5.25 3.5 10.15 8 11.35C16.5 22.15 20 17.25 20 12V6l-8-4z" stroke="#16a34a" stroke-width="1.5" fill="none"/>
      <path d="M9 12l2 2 4-4" stroke="#16a34a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  </div>
</div>

<h2 style="color:#0f172a;font-size:22px;font-weight:500;text-align:center;margin:0 0 8px;letter-spacing:-0.4px;">
  Password reset request
</h2>
<p style="color:#64748b;font-size:14px;text-align:center;margin:0 0 32px;line-height:1.6;">
  We received a request to reset the password for your account. Use the link below to proceed — it expires in 1 hour.
</p>

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

<p style="color:#94a3b8;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;font-family:monospace;margin:0 0 10px;">
  Reset link
</p>
<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 16px;font-family:monospace;font-size:12px;color:#16a34a;word-break:break-all;line-height:1.5;">
      {{ $tokenUrl }}
    </td>
  </tr>
</table>

<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:28px;">
  <tr>
    <td align="center">
      <a href="{{ $tokenUrl }}"
        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;">
        Reset my password →
      </a>
    </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 didn't request this, you can safely ignore this email. Your password will remain unchanged.
      </p>
    </td>
  </tr>
</table>

<p style="color:#94a3b8;font-size:12px;text-align:center;line-height:1.6;margin:0;">
  Or paste this URL directly into your browser if the button doesn't work.
</p>

@endsection