@extends('layouts.admin')
@section('title', 'Pengumuman')
@section('page-title', 'Pengumuman')

@section('content')
<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem">
    <div><h1 class="section-title" style="color:var(--g700)">Pengumuman</h1><p class="section-sub" style="margin-bottom:0">Kelola pengumuman untuk mahasiswa PBPMD</p></div>
    <a href="{{ route('admin.pengumuman.buat') }}" class="btn-action">+ Buat Pengumuman Baru</a>
</div>

@if(session('success'))
<div style="background:#dcfce7;color:#166534;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.85rem">
    {{ session('success') }}
</div>
@endif

{{-- Stats Cards --}}
<div class="stats-row">
    <div class="stat-card"><div class="stat-label">Total Pengumuman</div><div class="stat-value">{{ count($announcements) }}</div></div>
</div>

{{-- Announcement Cards --}}
@forelse($announcements as $a)
<div class="card" style="margin-bottom:1rem;border-left:4px solid var(--g500)">
    <div style="display:flex;justify-content:space-between;align-items:flex-start">
        <div style="flex:1">
            <div style="display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap">
                <span class="tag tag-success" style="font-size:.65rem">✓ Dipublikasi</span>
                <span style="font-size:.72rem;color:var(--gr400)">{{ $a->created_at->format('d M Y, H:i') }}</span>
            </div>
            <h3 style="font-size:1.05rem;font-weight:700;color:var(--gr800);margin-bottom:.5rem">{{ $a->title }}</h3>
            <p style="font-size:.85rem;color:var(--gr500);line-height:1.6;margin-bottom:.75rem">{{ \Illuminate\Support\Str::limit($a->content, 150) }}</p>
        </div>
        <div style="display:flex;align-items:center;gap:.5rem;margin-left:1rem">
            <form action="{{ route('admin.pengumuman.delete', $a->id) }}" method="POST" onsubmit="return confirm('Yakin ingin menghapus pengumuman ini?');">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn-outline-sm" style="color:#dc2626;border-color:#fca5a5">Hapus</button>
            </form>
        </div>
    </div>
</div>
@empty
<div style="text-align: center; padding: 3rem; background: var(--w); border-radius: var(--rad); border: 1px dashed var(--gr300);">
    <h4 style="color: var(--gr600);">Belum ada pengumuman.</h4>
    <p style="font-size:.85rem;color:var(--gr400);margin-top:.5rem">Buat pengumuman baru untuk memberikan informasi kepada mahasiswa.</p>
</div>
@endforelse

@endsection