@extends('emails.layouts.base')

@section('content')
    <h2 style="margin:0 0 16px 0; font-size:21px; color:#0f172a;">Announcement from {{ $school_name }}</h2>

    <p style="margin:0 0 6px 0;">Dear {{ $recipient_name ?? 'Parent/Guardian' }},</p>

    <p style="margin:0 0 12px 0;">
        The school has published a new announcement:
    </p>

    <div style="background-color:#eef2ff; border-left:4px solid {{ $primary_color ?? '#4f46e5' }}; border-radius:8px; padding:14px 18px; margin-bottom:14px;">
        <div style="font-weight:bold; color:#0f172a; font-size:16px;">{{ $announcement_title }}</div>
        @if(!empty($announcement_body))
            <div style="padding-top:8px; font-size:14px; color:#374151;">{!! nl2br(e($announcement_body)) !!}</div>
        @endif
        @if(!empty($published_at))
            <div style="padding-top:8px; font-size:12px; color:#64748b;">Published: {{ $published_at }}</div>
        @endif
    </div>

    @include('emails.partials.button', [
        'label' => 'Open the Portal',
        'url' => $portal_url,
    ])

    <p style="margin:16px 0 0 0; font-size:13px; color:#64748b;">
        You are receiving this because you are registered with {{ $school_name }}.
    </p>
@endsection