{{-- resources/views/admin/berita/index.blade.php --}}
@extends('admin.layouts.app') 
@section('title', 'Daftar Berita & Artikel')
@section('content')
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <div>
            <h4 class="mb-1 fw-bold">Manajemen Berita & Artikel</h4>
            <p class="text-muted mb-0" style="font-size: 14px;">Kelola publikasi informasi dan CMS Website Madrasah.</p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.kategori-berita') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-tags"></i> Kategori</a>
            <a href="{{ route('admin.berita.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-pencil-square"></i> Tulis Artikel Baru</a>
        </div>
    </div>

    <div class="card shadow-sm border-0">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th class="text-center" width="5%">NO</th>
                            <th width="40%">ARTIKEL</th>
                            <th width="15%">KATEGORI</th>
                            <th class="text-center" width="10%">STATUS</th>
                            <th class="text-center" width="15%">WAKTU</th>
                            <th class="text-center" width="15%">AKSI</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($beritas as $index => $b)
                        <tr>
                            <td class="text-center text-muted">{{ $index + 1 }}</td>
                            <td>
                                <div class="d-flex align-items-center">
                                    <img src="{{ asset('storage/berita/' . $b->thumbnail) }}" class="rounded shadow-sm me-3 object-fit-cover" style="width: 70px; height: 50px;">
                                    <div>
                                        {{-- BYPASS mbstring: Menggunakan substr murni PHP sebagai pengganti Str::limit --}}
                                        <span class="fw-bold text-dark d-block" style="font-size: 14px;">
                                            {{ strlen($b->judul) > 50 ? substr($b->judul, 0, 50) . '...' : $b->judul }}
                                        </span>
                                        <small class="text-muted"><i class="bi bi-person me-1"></i>{{ $b->author->name ?? 'Admin' }} | <i class="bi bi-eye ms-1 me-1"></i>{{ $b->views }}</small>
                                    </div>
                                </div>
                            </td>
                            <td><span class="badge bg-light text-dark border">{{ $b->kategori->nama_kategori ?? '-' }}</span></td>
                            <td class="text-center">
                                @if($b->status == 'publish') <span class="badge bg-success">Publish</span>
                                @else <span class="badge bg-secondary">Draft</span> @endif
                            </td>
                            <td class="text-center">
                                <span class="d-block" style="font-size: 12px;">{{ \Carbon\Carbon::parse($b->created_at)->format('d M Y') }}</span>
                            </td>
                            <td class="text-center">
                                <a href="{{ route('admin.berita.edit', $b->id) }}" class="btn btn-sm btn-outline-primary" title="Edit"><i class="bi bi-pencil"></i></a>
                                <button type="button" class="btn btn-sm btn-outline-danger" onclick="confirmDelete({{ $b->id }}, '{{ addslashes($b->judul) }}')"><i class="bi bi-trash"></i></button>
                                <form id="delete-form-{{ $b->id }}" action="{{ route('admin.berita.destroy', $b->id) }}" method="POST" class="d-none">@csrf @method('DELETE')</form>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="6" class="text-center py-5 text-muted">Belum ada artikel yang diterbitkan.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    function confirmDelete(id, judul) {
        Swal.fire({ title: 'Hapus Artikel?', text: "Hapus " + judul + "?", icon: 'warning', showCancelButton: true, confirmButtonText: 'Ya, Hapus!' }).then((res) => {
            if (res.isConfirmed) document.getElementById('delete-form-' + id).submit();
        });
    }
    @if(session('success')) Swal.fire({ icon: 'success', title: 'Berhasil!', text: '{{ session('success') }}', timer: 2000, showConfirmButton: false }); @endif
</script>
@endpush
@endsection