@extends('emails.layout')

@section('content')

{{-- Icon --}}
<table cellpadding="0" cellspacing="0" role="presentation" style="margin:0 auto 28px;">
    <tr>
        <td style="width:52px;height:52px;background:#EEF2FF;border-radius:14px;text-align:center;vertical-align:middle;">
            <x-heroicon-o-envelope style="width:24px;height:24px;stroke:#4F46E5;stroke-width:1.5;display:block;margin:14px auto;" />
        </td>
    </tr>
</table>

{{-- Title --}}
<h1 style="margin:0 0 8px;font-size:22px;font-weight:700;color:#111827;text-align:center;line-height:1.3;letter-spacing:-0.3px;">
    {{ t('mail.auth.verify.title') }}
</h1>
<p style="margin:0 0 28px;font-size:14px;color:#6B7280;text-align:center;line-height:1.6;">
    {{ t('mail.auth.verify.text') }}
</p>

{{-- Button --}}
@if(!empty($url))
    <x-mail.button :url="$url">
        {{ t('mail.auth.verify.button') }}
    </x-mail.button>
@endif

{{-- Expiry --}}
<p style="margin:20px 0 0;text-align:center;font-size:12px;color:#9CA3AF;line-height:1.6;">
    {{ t('mail.auth.verify.expires') }}
</p>

@endsection
