@extends('layouts.app')
@section('title', 'Notice Board')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>📌 Notice Board</h4>
    @can('hr.manage')
    <a href="{{ route('admin.notices.create') }}" class="btn btn-dark btn-sm">+ Post Notice</a>
    @endcan
</div>

@forelse ($notices as $notice)
@php $isAck = $notice->acknowledgments->contains('user_id', auth()->id()); @endphp
<div class="card p-3 mb-2 {{ $notice->is_pinned ? 'border-warning' : '' }}">
    <div class="d-flex justify-content-between">
        <h6>{{ $notice->is_pinned ? '📌 ' : '' }}{{ $notice->title }}</h6>
        <span class="text-muted small">{{ $notice->created_at->diffForHumans() }}</span>
    </div>
    <p>{{ $notice->body }}</p>
    <p class="small text-muted mb-2">— {{ $notice->poster->name }}</p>
    @if ($notice->requires_acknowledgment)
        @if ($isAck)
        <span class="badge bg-success">You acknowledged this</span>
        @else
        <form method="POST" action="{{ route('notices.acknowledge', $notice) }}">
            @csrf
            <button class="btn btn-sm btn-dark">Acknowledge</button>
        </form>
        @endif
    @endif
    @can('hr.manage')
    <form method="POST" action="{{ route('admin.notices.destroy', $notice) }}" class="mt-2" onsubmit="return confirm('Remove this notice?')">
        @csrf @method('DELETE')
        <button class="btn btn-sm btn-outline-danger">Remove</button>
    </form>
    @endcan
</div>
@empty
<p class="text-muted">No notices right now.</p>
@endforelse
@endsection