@extends('emails.layout')

@section('content')
    <div style="text-align: center; margin-bottom: 20px;">
        <span class="badge bg-info">New Announcement</span>
    </div>

    <h2 style="margin-top: 0;">{{ $announcement->title }}</h2>
    <p style="color: #666; font-size: 13px;">Published on {{ $announcement->created_at->format('d M, Y') }}</p>

    <div style="background: #fdfdfd; padding: 20px; border: 1px dashed #ddd; border-radius: 8px; margin: 20px 0;">
        {!! nl2br(e($announcement->content)) !!}
    </div>

    <p>Visit the company dashboard to view all current announcements and updates.</p>

    <a href="{{ route('dashboard') }}" class="button">Go to Dashboard</a>
@endsection