@extends('layouts.member')

@section('title', 'Company Advisories - ElevateWell Worldwide')

@section('content')
<div class="space-y-6">
    <div>
        <h1 class="text-2xl font-bold text-slate-800 dark:text-white">Company Advisories</h1>
        <p class="text-xs text-slate-500">Official memorandum, policy announcements, and system updates.</p>
    </div>

    <div class="space-y-4">
        @forelse($advisories as $advisory)
            <div class="bg-white dark:bg-slate-800 rounded-2xl p-6 border border-slate-200 dark:border-slate-700 shadow-sm">
                <div class="flex items-center gap-2 mb-2">
                    <span class="px-2.5 py-0.5 bg-blue-100 text-blue-800 text-[10px] font-bold rounded-md uppercase">
                        {{ $advisory->category }}
                    </span>
                    <span class="text-xs text-slate-400 font-medium">{{ $advisory->series_number }}</span>
                    <span class="text-xs text-slate-400 font-medium">&bull; {{ $advisory->created_at->format('M d, Y') }}</span>
                </div>

                <h3 class="text-base font-bold text-slate-900 dark:text-white">{{ $advisory->title }}</h3>
                <p class="text-xs text-slate-600 dark:text-slate-300 mt-2 leading-relaxed whitespace-pre-line">{{ $advisory->content }}</p>
            </div>
        @empty
            <div class="bg-white dark:bg-slate-800 rounded-2xl p-12 text-center text-slate-400">
                No advisories found.
            </div>
        @endforelse
    </div>
</div>
@endsection