@extends('layouts.admin-sekolah')

@section('title', 'Manajemen Pengumuman')
@section('page-title', 'Pengumuman Hasil Seleksi')

@section('content')
<div class="space-y-6">
    <div class="flex justify-between items-center">
        <div>
            <h2 class="text-2xl font-bold text-gray-900">Pengumuman & Hasil Seleksi</h2>
            <p class="text-gray-600 mt-1">Publikasi hasil seleksi via upload Excel (LULUS/TDK LULUS)</p>
        </div>
        <div class="flex gap-2">
            <a href="{{ route('admin-sekolah.documents.index') }}" class="btn bg-white border border-gray-300 text-gray-700 hover:bg-gray-50">
                <svg class="w-5 h-5 mr-2 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
                Kelola Dokumen Pernyataan
            </a>
            <a href="{{ route('admin-sekolah.announcements.create') }}" class="btn btn-primary">
                + Buat Pengumuman
            </a>
        </div>
    </div>

    <div class="space-y-4">
        @forelse($announcements as $announcement)
            <div class="card hover:shadow-md transition-shadow relative overflow-hidden {{ $announcement->is_published ? 'border-l-4 border-l-green-500' : 'border-l-4 border-l-yellow-400' }}">
                <div class="flex flex-col md:flex-row md:items-center justify-between gap-4">
                    <div class="flex-1">
                        <div class="flex items-center gap-3 mb-2">
                            @if($announcement->is_published)
                                <span class="bg-green-100 text-green-700 px-2 py-0.5 rounded text-xs font-bold uppercase tracking-wider">PUBLISHED</span>
                            @else
                                <span class="bg-yellow-100 text-yellow-700 px-2 py-0.5 rounded text-xs font-bold uppercase tracking-wider animate-pulse">DRAFT (BELUM TAYANG)</span>
                            @endif
                            <span class="text-xs text-gray-500 font-medium">{{ $announcement->created_at->format('d M Y') }}</span>
                        </div>
                        
                        <h3 class="text-lg font-bold text-gray-900">
                            {{ $announcement->title }}
                        </h3>
                        <p class="text-sm font-semibold text-blue-600 mt-1">Jalur: {{ $announcement->pathway->name ?? 'Umum' }}</p>
                    </div>

                    <div class="flex items-center gap-3 shrink-0">
                        @if(!$announcement->is_published)
                            <a href="{{ route('admin-sekolah.announcements.show', $announcement) }}" class="btn bg-yellow-50 text-yellow-700 border border-yellow-200 hover:bg-yellow-100 text-sm py-2">
                                Review & Publish 
                            </a>
                        @else
                            <a href="{{ route('admin-sekolah.announcements.show', $announcement) }}" class="btn bg-gray-50 text-gray-600 border border-gray-200 hover:bg-gray-100 text-sm py-2">
                                Lihat Detail
                            </a>
                        @endif

                        <form action="{{ route('admin-sekolah.announcements.destroy', $announcement) }}" method="POST" onsubmit="return confirm('Yakin ingin menghapus penggabungan kelulusan ini? Semua pencatatan hasil untuk pengumuman ini akan dihapus permanen.')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="p-2 text-red-500 hover:bg-red-50 rounded-lg transition" title="Hapus">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        @empty
            <div class="text-center py-12 bg-white rounded-xl border border-dashed border-gray-300">
                <svg class="mx-auto h-12 w-12 text-gray-300 mb-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                <h3 class="text-lg font-medium text-gray-900">Belum Ada Pengumuman</h3>
                <p class="text-sm text-gray-500 mt-1">Upload excel hasil seleksi untuk membuat pengumuman.</p>
                <a href="{{ route('admin-sekolah.announcements.create') }}" class="mt-4 inline-block btn btn-primary">
                    Buat Pengumuman Baru
                </a>
            </div>
        @endforelse
    </div>

    @if($announcements->hasPages())
        <div class="mt-6 flex justify-center">
            {{ $announcements->links() }}
        </div>
    @endif
</div>
@endsection