@extends('emails.layouts.base')

@section('content')
    <h2 style="margin:0 0 16px 0; font-size:21px; color:#0f172a;">Verify your email address</h2>

    <p style="margin:0 0 14px 0;">Hi {{ $recipient_name ?? 'there' }},</p>

    <p style="margin:0 0 12px 0;">
        Welcome to <strong>{{ $school_name }}</strong>! Please confirm your email address so we can keep
        you updated about attendance, results, fees and school announcements.
    </p>

    @include('emails.partials.info-table', ['rows' => [
        'Name' => $recipient_name,
        'Email' => $recipient_email ?? null,
    ]])

    @include('emails.partials.button', [
        'label' => 'Verify Email Address',
        'url' => $verification_url,
    ])

    <div style="background-color:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:12px 16px; margin-top:18px; font-size:13px; color:#475569;">
        This verification link expires in {{ $expire_minutes ?? 60 }} minutes. If you didn't create an account,
        no action is needed — simply ignore this email.
    </div>
@endsection