@extends('emails.layouts.event')

@section('content')
    <p style="margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#b98100;">
        Verification code
    </p>
    <h1 style="margin:0 0 12px;font-size:22px;line-height:1.25;color:#101828;">
        Confirm your registration
    </h1>
    <p style="margin:0 0 16px;">
        Hi {{ $registration_data['name'] ?? 'there' }},
    </p>
    <p style="margin:0 0 16px;">
        Use this code to finish registering for <strong style="color:#101828;">{{ $event->title }}</strong>.
        It expires at {{ $expires_at->timezone(config('app.timezone'))->format('g:i A') }} (valid for 15 minutes).
    </p>
    <div style="margin:0 0 18px;padding:18px 16px;border-radius:12px;background:#f8fafc;border:1px solid #e4e7ec;text-align:center;">
        <div style="font-size:28px;letter-spacing:0.28em;font-weight:700;color:#101828;">
            {{ $otp }}
        </div>
    </div>
    <p style="margin:0;font-size:13px;color:#667085;">
        If you did not request this code, you can ignore this email.
    </p>
@endsection