@extends('emails.layouts.base')

@section('title', 'Email Verification')

@section('content')
    <p style="margin:0 0 12px 0;font-family:Arial,sans-serif;font-size:14px;color:#4b5563;">
        Hello {{ $name }},
    </p>
    <p style="margin:0 0 16px 0;font-family:Arial,sans-serif;font-size:14px;color:#4b5563;line-height:1.6;">
        Thank you for registering with us! Please use the OTP below to verify your email address.
    </p>

    <div style="text-align:center;margin:14px 0 18px 0;">
        <span style="display:inline-block;padding:12px 20px;border:1px solid #e5e7eb;border-radius:8px;font-family:Arial,sans-serif;font-size:22px;letter-spacing:4px;color:#111827;background:#f9fafb;">
            {{ $otp }}
        </span>
    </div>

    <p style="margin:0 0 12px 0;font-family:Arial,sans-serif;font-size:13px;color:#6b7280;line-height:1.6;">
        This OTP will expire in 10 minutes. If you did not request this, please ignore this email.
    </p>

    <p style="margin:18px 0 0 0;font-family:Arial,sans-serif;font-size:13px;color:#6b7280;">
        Best Regards,<br>
        <strong>Mojere Cooperative Services.</strong>
    </p>
@endsection