@extends('admin.layouts.app')

@php use App\Support\AdminOptions; @endphp

@section('title', 'Artikel')

@section('actions')
  <a href="{{ route('admin.articles.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Tulis Artikel</a>
@endsection

@section('content')
  <div class="card admin-card">
    <div class="card-header">
      <x-admin.toolbar :action="route('admin.articles.index')" placeholder="Cari judul artikel…" :filters="['category', 'status']">
        <x-admin.filter-select name="category" :options="AdminOptions::ARTICLE_CATEGORIES" placeholder="Semua kategori" />
        <x-admin.filter-select name="status" :options="['1' => 'Terbit', '0' => 'Draft']" placeholder="Semua status" />
      </x-admin.toolbar>
      <x-admin.bulk-delete :action="route('admin.articles.bulk-destroy')" label="artikel" />
    </div>

    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0 admin-table">
        <thead>
          <tr>
            <th class="admin-table__check"><x-admin.check-all /></th>
            <th><x-admin.sort-link column="title" label="Judul" /></th>
            <th class="d-none d-md-table-cell"><x-admin.sort-link column="category" label="Kategori" /></th>
            <th><x-admin.sort-link column="is_published" label="Status" /></th>
            <th class="d-none d-lg-table-cell"><x-admin.sort-link column="published_at" label="Terbit" :default="true" default-dir="desc" /></th>
            <th class="d-none d-xl-table-cell">Penulis</th>
            <th class="text-end"><span class="visually-hidden">Aksi</span></th>
          </tr>
        </thead>
        <tbody>
          @forelse ($articles as $article)
            <tr>
              <td class="admin-table__check"><x-admin.row-check :value="$article->id" /></td>
              <td class="admin-table__wide">
                <a href="{{ route('admin.articles.edit', $article) }}" class="admin-table__name">
                  <x-admin.thumb :src="$article->thumbnail_url" :alt="$article->title" :round="false" />
                  <span class="text-truncate">{{ \Illuminate\Support\Str::limit($article->title, 60) }}</span>
                  @if ($article->is_featured)
                    <span class="badge text-bg-warning text-dark ms-1" title="Artikel Unggulan / Hero Banner"><i class="bi bi-star-fill"></i> Unggulan</span>
                  @endif
                </a>
              </td>
              <td class="d-none d-md-table-cell"><span class="badge text-bg-info-subtle text-info-emphasis">{{ $article->category }}</span></td>
              <td><span class="badge text-bg-{{ $article->is_published ? 'success' : 'secondary' }}">{{ $article->is_published ? 'Terbit' : 'Draft' }}</span></td>
              <td class="d-none d-lg-table-cell small">{{ $article->published_at?->translatedFormat('d M Y H:i') ?? '—' }}</td>
              <td class="d-none d-xl-table-cell small">{{ $article->author?->name ?? '—' }}</td>
              <td class="text-end">
                <x-admin.row-actions :edit="route('admin.articles.edit', $article)" :delete="route('admin.articles.destroy', $article)" name="artikel ini" />
              </td>
            </tr>
          @empty
            <tr><td colspan="7" class="text-center text-body-secondary py-5">Tidak ada artikel yang cocok.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>

    <div class="card-footer">
      <x-admin.pagination :paginator="$articles" />
    </div>
  </div>
@endsection