@extends('admin.layout')
@section('title','Pengumuman')
@section('content')

<div class="page-header">
  <div><h1>Manajemen Pengumuman</h1><p>Kelola informasi dan pengumuman PPDB</p></div>
  <a href="{{ route('admin.pengumuman.create') }}" class="btn btn-primary">
    <i data-lucide="plus" style="width:15px;height:15px;"></i> Buat Pengumuman
  </a>
</div>

<div class="card">
  <div class="table-wrap">
    <table>
      <thead>
        <tr><th>#</th><th>Judul</th><th>Kategori</th><th>Status</th><th>Publik</th><th>Dibuat</th><th>Aksi</th></tr>
      </thead>
      <tbody>
        @forelse($pengumuman as $i => $p)
        <tr>
          <td>{{ $pengumuman->firstItem()+$i }}</td>
          <td>
            <div class="td-name">{{ $p->judul }}</div>
            <div class="td-sub">{{ Str::limit(strip_tags($p->konten),60) }}</div>
          </td>
          <td>
            @php $kmap=['info'=>['blue','Info'],'penting'=>['red','Penting'],'pengumuman'=>['green','Pengumuman'],'jadwal'=>['yellow','Jadwal']]; $k=$kmap[$p->kategori]??['gray',$p->kategori]; @endphp
            <span class="badge badge-{{ $k[0] }}">{{ $k[1] }}</span>
          </td>
          <td><span class="badge badge-{{ $p->is_aktif ? 'green' : 'gray' }}">{{ $p->is_aktif ? 'Aktif' : 'Nonaktif' }}</span></td>
          <td><span class="badge badge-{{ $p->is_publik ? 'blue' : 'gray' }}">{{ $p->is_publik ? 'Publik' : 'Privat' }}</span></td>
          <td style="font-size:12px;color:var(--gray-600);">{{ \Carbon\Carbon::parse($p->created_at)->format('d M Y') }}</td>
          <td>
            <div style="display:flex;gap:6px;">
              <a href="{{ route('admin.pengumuman.edit',$p->id_pengumuman) }}" class="btn btn-outline btn-sm">
                <i data-lucide="pencil" style="width:12px;height:12px;"></i>
              </a>
              <form method="POST" action="{{ route('admin.pengumuman.destroy',$p->id_pengumuman) }}" onsubmit="return confirm('Hapus pengumuman ini?')">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-danger btn-sm"><i data-lucide="trash-2" style="width:12px;height:12px;"></i></button>
              </form>
            </div>
          </td>
        </tr>
        @empty
        <tr><td colspan="7" style="text-align:center;padding:36px;color:var(--gray-600);">Belum ada pengumuman</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
  <div style="padding:16px 20px;border-top:1px solid var(--gray-200);">{{ $pengumuman->links() }}</div>
</div>
@endsection