{{--
    Notices Widget — Include on dashboards
    Usage: @include('notices::_notices-widget')
    Shows latest 5 notices (pinned first)
--}}

@php
    $widgetNotices = \Modules\Notices\Models\Notice::where('company_id', auth()->user()->company_id)
        ->published()
        ->active()
        ->defaultOrder()
        ->take(5)
        ->get();
@endphp

<div class="card">
    <div class="card-header">
        <h3 class="card-header-title flex items-center gap-2">
            <svg class="w-5 h-5 text-primary-600" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 01-3.46 0"/></svg>
            Notices
        </h3>
        <a href="{{ route('notices.index') }}" class="btn-ghost">View All</a>
    </div>
    <div class="card-body">
        @if($widgetNotices->isEmpty())
            <div class="text-center py-6">
                <svg class="w-10 h-10 mx-auto text-gray-300 mb-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 01-3.46 0"/></svg>
                <p class="text-xs text-gray-400">No notices yet</p>
            </div>
        @else
            <div class="space-y-3">
                @foreach($widgetNotices as $wNotice)
                    <a href="{{ route('notices.show', $wNotice->id) }}"
                       class="block p-3 rounded-lg transition-all duration-150 hover:bg-gray-50 {{ $wNotice->type === 'urgent' ? 'border-l-3 border-l-danger-500 bg-danger-50/30' : '' }}">
                        <div class="flex items-start gap-2.5">
                            <div class="flex-1 min-w-0">
                                <div class="flex items-center gap-1.5 mb-1">
                                    @if($wNotice->is_pinned)
                                        <svg class="w-3 h-3 text-primary-600 flex-shrink-0" viewBox="0 0 24 24" fill="currentColor"><path d="M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2l-2-2z"/></svg>
                                    @endif
                                    <span class="text-sm font-medium text-gray-800 truncate">{{ $wNotice->title }}</span>
                                </div>
                                <p class="text-xs text-gray-500 truncate">{{ Str::limit(strip_tags($wNotice->content), 80) }}</p>
                                <p class="text-xxs text-gray-400 mt-1">{{ $wNotice->published_at->diffForHumans() }}</p>
                            </div>
                            <span class="badge {{ $wNotice->type_badge_class }} flex-shrink-0 mt-0.5">
                                {{ ucfirst($wNotice->type) }}
                            </span>
                        </div>
                    </a>
                @endforeach
            </div>
        @endif
    </div>
</div>